IP Library Granted Patent US 11,119,635
Granted Patent B2
US 11,119,635 · App. 16/683,104 · Granted Sep 14, 2021

Fanning user interface controls for a media editing application

Inventors: Randy Ubillos (Los Altos, CA); Samuel M. Roberts (Santa Cruz, CA)
Assignee: Apple Inc.
G06F3/0482G06F3/04845G06F3/04847G06T11/60H04W8/00
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 11,119,635
App. No.
16/683,104
Granted
Sep 14, 2021
Kind
B2
Abstract

Some embodiments provide a method of presenting several user interface (UI) controls for editing images. Upon receiving a selection of an image to edit, the method displays the image in a display area for displaying edits to the image. At a first location, the method receives input to activate a UI tool includes the several UI tools. In response to the input, the method displays, at a second location, a fanning animation that fans the several UI controls from a fanned closed layout to a fanned open layout.

Claims (70)

1. A method of receiving a slider setting selection, the method comprising:

displaying an image;

displaying a slider tool for performing an operation on the image;

displaying a plurality of thumbnail images of the image at a plurality of locations overlaid along the slider tool, each thumbnail image being overlaid at a different location of the plurality of locations that corresponds to a different particular setting within a continuous range of settings for the slider tool, wherein each thumbnail image represents a preview of the operation applied to the image based on the different particular setting of the slider tool at the location of the thumbnail image;

receiving selection of a setting from the continuous range of settings for the slider tool to obtain a selected setting; and

responsive to receiving selection of the setting for the slider tool:

determining a particular setting of the different settings that is associated with a particular thumbnail image of the plurality of thumbnail images that is closest to the selected setting;

performing the operation on the image using the selected setting, wherein displaying the slider tool comprises:

displaying an indicator overlaid on the slider tool at the selected setting from the continuous range of settings for the slider tool;

highlighting the particular thumbnail image of the plurality of thumbnail images; and

continuing to highlight the particular thumbnail image as the indicator is moved until the selected setting is closer to another setting of the different settings associated with a second thumbnail image of the plurality of thumbnail images.

2. The method as recited in claim 1 , wherein displaying the indicator comprises positioning a line at the selected setting from the continuous range of settings for the slider tool, the line being perpendicular to a major dimension of the slider tool and visible above any thumbnail images on the slider tool.

3. The method as recited in claim 1 , further comprising:

receiving a gestural command on the indicator; and

moving the indicator to a different location on the slider tool corresponding to a second setting in the continuous range of settings for the slider tool in response to the gestural command.

4. The method as recited in claim 3 , further comprising:

upon the indicator being moved to the different location on the slider tool, highlighting a second thumbnail image of the plurality of thumbnail images corresponding to the second setting; and

performing the operation on the image using the second setting from the continuous range of settings for the slider tool.

5. The method as recited in claim 1 , wherein the selected setting does not match any of the different settings associated with the plurality of thumbnail images.

6. The method as recited in claim 1 , wherein the plurality of locations are positioned along a curved line.

7. The method as recited in claim 1 , further comprising:

displaying an operation toolbar comprising a plurality of icons corresponding to different operations available to modify the image; and

responsive to receiving selection of the selected setting, highlighting a particular icon of the plurality of icons corresponding to the operation.

8. A non-transitory machine readable medium storing a program which when executed by at least one processing unit provides a graphical user interface (GUI) for an image editing application, the program comprising sets of instructions for:

displaying an image;

displaying a slider tool for performing an operation on the image;

displaying a plurality of thumbnail images of the image at a plurality of locations overlaid along the slider tool, each thumbnail image being overlaid at a different location of the plurality of locations that corresponds to a different setting within a continuous range of settings for the slider tool, wherein each thumbnail image represents a preview of the operation applied to the image based on the different setting of the slider tool at the location of the thumbnail image;

receiving selection of a setting from the continuous range of settings for the slider tool to obtain a selected setting; and

responsive to receiving selection of the setting for the slider tool:

determining a particular setting of the different settings that is associated with a particular thumbnail image of the plurality of thumbnail images that is closest to the selected setting;

performing the operation on the image using the selected setting, wherein displaying the slider tool comprises:

displaying an indicator overlaid on the slider tool at the selected setting from the continuous range of settings for the slider tool;

highlighting the particular thumbnail image of the plurality of thumbnail images; and

continuing to highlight the particular thumbnail image as the indicator is moved until the selected setting is closer to another setting of the different settings associated with a second thumbnail image of the plurality of thumbnail images.

9. The non-transitory machine readable medium as recited in claim 8 , wherein displaying the indicator comprises positioning a line at the selected setting from the continuous range of settings for the slider tool, the line being perpendicular to a major dimension of the slider tool and visible above any thumbnail images on the slider tool.

10. The non-transitory machine readable medium as recited in claim 8 , wherein the program further comprises a set of instructions for:

receiving a gestural command on the indicator; and

moving the indicator to a different location on the slider tool corresponding to a second setting in the continuous range of settings for the slider tool in response to the gestural command.

11. The non-transitory machine readable medium as recited in claim 10 , wherein the program further comprises a set of instructions for:

upon the indicator being moved to the different location on the slider tool, highlighting a second thumbnail image of the plurality of thumbnail images corresponding to the second setting; and

performing the operation on the image using the second setting from the continuous range of settings for the slider tool.

12. The non-transitory machine readable medium as recited in claim 8 , wherein the selected setting does not match any of the different settings associated with the plurality of thumbnail images.

13. The non-transitory machine readable medium as recited in claim 8 , wherein the plurality of locations are positioned along a curved line.

14. The non-transitory machine readable medium as recited in claim 8 , wherein the program further comprises a set of instructions for:

displaying an operation toolbar comprising a plurality of icons corresponding to different operations available to modify the image; and

responsive to receiving selection of the selected setting for the slider tool, highlighting a particular icon of the plurality of icons corresponding to the operation.

15. A system for providing a graphical user interface (GUI) for an image editing application, the system comprising:

at least one processing unit; and

a non-transitory machine readable medium storing a program executable by the at least one processing unit, the program comprising sets of instructions for:

displaying an image;

displaying a slider tool for performing an operation on the image;

displaying a plurality of thumbnail images of the image at a plurality of locations overlaid along the slider tool, each thumbnail image being overlaid at a different location of the plurality of locations that corresponds to a different setting within a continuous range of settings for the slider tool, wherein each thumbnail image represents a preview of the operation applied to the image based on the different setting of the slider tool at the location of the thumbnail image;

receiving selection of a setting from the continuous range of settings for the slider tool to obtain a selected setting; and

responsive to receiving selection of the setting for the slider tool:

determining a particular setting of the different settings that is associated with a particular thumbnail image of the plurality of thumbnail images that is closest to the selected setting;

performing the operation on the image using the selected setting, wherein displaying the slider tool comprises:

displaying an indicator overlaid on the slider tool at the selected setting from the continuous range of settings for the slider tool;

highlighting the particular thumbnail image of the plurality of thumbnail images; and

continuing to highlight the particular thumbnail image as the indicator is moved until the selected setting is closer to another setting of the different settings associated with a second thumbnail image of the plurality of thumbnail images.

16. The system as recited in claim 15 , wherein displaying the indicator comprises positioning a line at the selected setting from the continuous range of settings for the slider tool, the line being perpendicular to a major dimension of the slider tool and visible above any thumbnail images on the slider tool.

17. The system as recited in claim 15 , wherein the program further comprises a set of instructions for:

receiving a gestural command on the indicator; and

moving the indicator to a different location on the slider tool corresponding to a second setting in the continuous range of settings for the slider tool in response to the gestural command.

18. The system as recited in claim 17 , wherein the program further comprises a set of instructions for:

upon the indicator being moved to the different location on the slider tool, highlighting a second thumbnail image of the plurality of thumbnail images corresponding to the second setting; and

performing the operation on the image using the second setting from the continuous range of settings for the slider tool.

19. The system as recited in claim 15 , wherein the plurality of locations are positioned along a straight line.

20. The system as recited in claim 15 , wherein the program further comprises a set of instructions for:

displaying an operation toolbar comprising a plurality of icons corresponding to different operations available to modify the image; and

responsive to receiving selection of the selected setting, highlighting a particular icon of the plurality of icons corresponding to the operation.

Continuity (10)
Continuation 14885933 · Oct 16, 2015
Continuation 13629436 · Sep 27, 2012
Provisional Application 61607525 · Mar 6, 2012
Provisional Application 61607540 · Mar 6, 2012
Provisional Application 61607569 · Mar 6, 2012
Provisional Application 61607574 · Mar 6, 2012
Provisional Application 61607580 · Mar 3, 2012
Provisional Application 61607524 · Mar 6, 2012
Provisional Application 61607554 · Mar 6, 2012
Related Publication 20200081587A1 · Mar 12, 2020
Cited By (1)
US 12,710,906