IP Library › Granted Patent US 12,056,338

Granted Patent B2

US 12,056,338 · App. 18/144,196 · Granted Aug 6, 2024

Systems, methods, and user interfaces for editing digital assets

Inventors: Melanie Perkins (Surry Hills, AU); Jessica Faccin (Rockdale, AU); Andrew James Peacock (Rozelle, AU); Lucinda Phoebe Ogden-Doyle (Newcastle, AU)

Assignee: Canva Pty Ltd

G06F3/04842 G06F3/04847

View Patent ↗

Loading inventors, assignments & file history…

Monitor This Case

Get email alerts when status or documents change.

Order Certified Copies

Most orders are placed with the USPTO same day — all within 24 business hours.

Order via The Patent Place →

Pre-filled with this patent's details

Quick Facts

Patent No.: US 12,056,338
App. No.: 18/144,196
Granted: Aug 6, 2024
Kind: B2

External Links

USPTO Patent Center↗ Full Patent PDF↗

Abstract

Described herein is a computer implemented method. The method includes accessing asset data defining a plurality of components. An overview GUI that includes a plurality of corresponding component previews is displayed, the plurality of component previews being displayed adjacent one another along an axis in an order that is based on a component order. The overview GUI further includes an audio element preview corresponding to an audio element, the audio element preview being aligned with the plurality of component previews in order to indicate the audio element's start time and end time. A first user input changing the display width of the first component preview is detected. In response, a new duration for the first component is determined and a determination that adjustment of the audio element is required is also determined.

Claims (85)

1. A computer implemented method comprising:

accessing asset data in respect of a digital asset, the asset data defining a plurality of components in a component order, each component having a duration, the asset data further defining an audio element having a start time and an end time;

displaying an overview graphical user interface (GUI), the overview GUI including a plurality of component previews that correspond to the plurality of components, the plurality of component previews being displayed adjacent one another along an axis in an order that is based on the component order, the plurality of component previews being displayed at a first zoom level, the plurality of component previews including a first component preview that corresponds to a first component, the first component preview having a first display width, the overview GUI further including an audio element preview corresponding to the audio element, the audio element preview being aligned with the plurality of component previews in order to indicate the audio element's start time and end time;

detecting a first user input with respect to the first component preview, the first user input being input to change the display width of the first component preview from the first display width to a second display width; and

in response to the first user input:

determining a new duration for the first component, the new duration of the first component based on the second display width and the first zoom level;

recording the new duration for the first component in the asset data;

determining that adjustment of the audio element is required; and

in response to determining that adjustment of the audio element is required, adjusting the audio element by amending the asset data.

2. The computer implemented method of claim 1 , further comprising:

determining that the second display width is less than a minimum display width; and

in response to determining that the second display width is less than the minimum display width, displaying the first component preview at the minimum display width after displaying the first component preview at the second display width.

3. The computer implemented method of claim 1 , further comprising:

determining that the second display width is greater than a maximum display width; and

in response to determining that the second display width is greater than the maximum display width, displaying the first component preview at the maximum display width.

4. The computer implemented method of claim 1 , wherein the first user input is input that moves a trailing edge of the first component preview along the axis.

5. The computer implemented method of claim 4 , wherein:

user input that moves a trailing edge of the first component preview in a first direction causes an original duration of the first component to be reduced; and

user input that moves a trailing edge of the first component preview in a second direction causes an original duration of the first component to be increased, the second direction being opposite the first direction.

6. The computer implemented method of claim 1 , wherein:

determining that adjustment of the audio element is required includes determining that an end time of the asset is before the start time of the audio element; and

in response to determining that the end time of the asset is before the start time of the audio element the method further includes:

deleting the audio element from the asset data; and

ceasing to display the audio element preview.

7. The computer implemented method of claim 1 , wherein:

determining that adjustment of the audio element is required includes determining that an end time of the asset is before the end time of the audio element; and

in response to determining that the end time of the asset is before the end time of the audio element, the method further includes:

reducing a duration of the audio element so the audio element ends at the same time as the asset; and

displaying the audio element preview at a new display width reflecting its reduced duration.

8. A computer processing system comprising:

a processing unit;

a display; and

non-transitory computer-readable storage medium storing instructions, which when executed by the processing unit, cause the processing unit to implement a method comprising:

in response to the first user input:

determining a new duration for the first component, the new duration of the first component based on the second display width and the first zoom level;

recording the new duration for the first component in the asset data;

determining that adjustment of the audio element is required; and

in response to determining that adjustment of the audio element is required, adjusting the audio element by amending the asset data.

9. The computer processing system of claim 8 , wherein the method further comprises:

determining that the second display width is less than a minimum display width; and

10. The computer processing system of claim 8 , wherein the method further comprises:

determining that the second display width is greater than a maximum display width; and

in response to determining that the second display width is greater than the maximum display width, displaying the first component preview at the maximum display width.

11. The computer processing system of claim 8 , wherein the first user input is input that moves a trailing edge of the first component preview along the axis.

12. The computer processing system of claim 11 , wherein:

user input that moves a trailing edge of the first component preview in a first direction causes an original duration of the first component to be reduced; and

13. The computer processing system of claim 8 , wherein:

determining that adjustment of the audio element is required includes determining that an end time of the asset is before the start time of the audio element; and

in response to determining that the end time of the asset is before the start time of the audio element the method further includes:

deleting the audio element from the asset data; and

ceasing to display the audio element preview.

14. The computer processing system of claim 8 , wherein:

determining that adjustment of the audio element is required includes determining that an end time of the asset is before the end time of the audio element; and

in response to determining that the end time of the asset is before the end time of the audio element, the method further includes:

reducing a duration of the audio element so the audio element ends at the same time as the asset; and

displaying the audio element preview at a new display width reflecting its reduced duration.

15. Non-transitory computer-readable storage medium storing instructions, which when executed by the processing unit, cause the processing unit to implement a method comprising:

in response to the first user input:

determining a new duration for the first component, the new duration of the first component based on the second display width and the first zoom level;

recording the new duration for the first component in the asset data;

determining that adjustment of the audio element is required; and

in response to determining that adjustment of the audio element is required, adjusting the audio element by amending the asset data.

16. The non-transitory computer-readable storage medium of claim 15 , wherein the method further comprises:

determining that the second display width is less than a minimum display width; and

17. The non-transitory computer-readable storage medium of claim 15 , wherein the method further comprises:

determining that the second display width is greater than a maximum display width; and

in response to determining that the second display width is greater than the maximum display width, displaying the first component preview at the maximum display width.

18. The non-transitory computer-readable storage medium of claim 15 , wherein the first user input is input that moves a trailing edge of the first component preview along the axis.

19. The non-transitory computer-readable storage medium of claim 18 , wherein:

user input that moves a trailing edge of the first component preview in a first direction causes an original duration of the first component to be reduced; and

20. The non-transitory computer-readable storage medium of claim 15 , wherein:

determining that adjustment of the audio element is required includes determining that an end time of the asset is before the start time of the audio element; and

in response to determining that the end time of the asset is before the start time of the audio element the method further includes:

deleting the audio element from the asset data; and

ceasing to display the audio element preview.

Assignments (1)

ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded May 6, 2023

From: PERKINS, MELANIE; FACCIN, JESSICA; PEACOCK, ANDREW JAMES; OGDEN-DOYLE, LUCINDA PHOEBE

To: CANVA PTY LTD

Reel/Frame 063558/0304 →

Priority Claims (1)

AU 2022203064 · May 6, 2022 · national

Continuity (1)

Related Publication 20230359335A1 · Nov 9, 2023