US 9,131,192 B2Grant
Unified slider control for modifying multiple image properties
Issue Date:2015-09-08
•21 Claims
•24 Drawing Sheets
Abstract
Some embodiments provide a novel user interface (UI) tool that is a unified slider control, which includes multiple sliders that slide along a region. The region is a straight line in some embodiments, while it is an angular arc in other embodiments. In some embodiments, the unified slider control is used in a media editing application to allow a user to modify several different properties of the image by moving several different sliders along the region. Each slider is associated with a property of the image. A position of the slider in the region corresponds to a value of the property associated with the slider.
Metadata
Assignee
- APPLE INC.
Inventors
- Randy Ubillos
- Garrett M. Johnson
- Russell Y. Webb
- Timothy D. Cherna
- Samuel M. Roberts
- Peter Warner
Application Information
Application Number:US 13/629,514
Filing Date:2012-09-27
Priority Date:2012-03-06
Art Unit:2142
Classifications
IPC:
G06F3/048H04N1/60G06F3/0485G06F3/0484
Field of Search:
G06F 3/04847G06F 3/04855G06F 3/0485H04N 1/6027
Patent Drawings (24 sheets)
Description
Claim of Benefit to Prior Applications
[0001] This application claims benefit to U.S. Provisional Patent Application 61/607,554, entitled “Unified Slider Control for Modifying Multiple Image Properties,” filed Mar. 6, 2012, and U.S. Provisional Patent Application 61/607,525, entitled “Content Aware User Interface for Image Editing,” filed Mar. 6, 2012. The U.S. Provisional Patent Applications 61/607,554 and 61/607,525 are incorporated herein by reference.
Background
[0002] Digital graphic design and media editing applications (hereafter collectively referred to as image editing applications or media editing applications) provide graphical designers, media artists, and other users with the necessary tools to view and edit an image. Examples of such applications include iPhoto®, Aperture®, iMovie® and Final Cut Pro®, all sold by Apple, Inc. These applications give users the ability to edit images in a variety of manners. For example, some applications provide different range sliders for adjusting different color values of an image or a video.
[0003] Many media editing applications, however, do not provide intuitive exposure adjustment controls. For example, the user is required to have extensive knowledge about exposure editing in order to effectively use most of the existing exposure adjustment tools. Furthermore, the controls for adjusting different aspects of the exposure values of an image are dispersed in different locations of the user interface. These deficiencies cause unnecessary inconvenience in editing an image.
Brief Summary
[0004] Some embodiments of the invention provide a novel user interface (UI) tool that is a unified slider control, which includes multiple sliders that slide along a region. The region is a straight line in some embodiments, while it is an angular arc (e.g., along the circumference of a full or partial circle or elliptical shape) in other embodiments. This region is referred to below as a sliding track.
[0005] In some embodiments, the unified slider control is used in a media editing application to allow a user to modify several different properties (e.g., color saturation, contrast, etc.) of the image by moving several different sliders along the tool's track. Each slider is associated with a property of the image (e.g., a color or tonal attribute of the image). A position of the slider on the track corresponds to a value of the property associated with the slider.
[0006] For each slider, the track specifies a range of values associated with the property of the image. The specified ranges of values for two or more sliders may coincide in some embodiments. Alternatively, or conjunctively, the specified ranges of values for two or more sliders may differ in some embodiments. For instance, a range of values for a color saturation property of an image may be defined so that each value in the range specifies a different amount of color saturation for the image. Also, in some embodiments, different types of ranges may be specified for different sliders along the track. For example, the range of values can be defined as a set of continuous integers (such as 0 to 255, −127 to 128, 500-600, etc.), as a set of continuous decimal values (−1.0 to 1.0), or as a set of logarithmic or other non-linear values. Moreover, the number of values may be different for different ranges that are defined along the track.
[0007] In some embodiments, one position on the slider track is associated with multiple values for multiple sliders that relate to multiple properties of the image. For example, a first position of the slider track may be associated with a contrast value of 50 and a saturation value of 75, while a different second position of the slider track may be associated with a contrast value of 60 and a saturation value of 100.
[0008] As mentioned above, the sliders in some embodiments are individually movable along the slider track in order to allow the user to change properties associated with the sliders. For instance, the user can change a first property of the image by moving the first slider while changing a second property of the image by moving a second slider along the track. Two or more sliders may occupy the same position in the slider control in some embodiments. As each slider may be associated with a different property, different operations may be performed to change the overall appearance of the image by moving different sliders. By using the unified slider control in this manner, the user may adjust the appearance of the image by changing several different properties of the image. Different sets of properties are associated with the sliders of the multi-slider control in different embodiments.
[0009] The preceding Summary is intended to serve as a brief introduction to some embodiments of the invention. It is not meant to be an introduction or overview of all inventive subject matter disclosed in this document. The Detailed Description that follows and the Drawings that are referred to in the Detailed Description will further describe the embodiments described in the Summary as well as other embodiments. Accordingly, to understand all the embodiments described by this document, a full review of the Summary, Detailed Description and the Drawings is needed. Moreover, the claimed subject matters are not to be limited by the illustrative details in the Summary, Detailed Description and the Drawings, but rather are to be defined by the appended claims, because the claimed subject matters can be embodied in other specific forms without departing from the spirit of the subject matters.
Brief Description of the Drawings
[0010] The novel features of the invention are set forth in the appended claims. However, for purposes of explanation, several embodiments of the invention are set forth in the following figures.
[0011] FIG. 1 conceptually illustrates a novel unified multi-slider control for editing images in a media editing application of some embodiments.
[0012] FIG. 2 illustrates a direct association between two sliders of the multi-slider control.
[0013] FIG. 3 illustrates an inverse association between two sliders of the multi-slider control.
[0014] FIG. 4 conceptually illustrates a graphical user interface (GUI) of the media editing application with a multi-slider exposure tool of some embodiments.
[0015] FIG. 5 conceptually illustrates the selection of the multi-slider exposure tool in the GUI for editing an image selected in the GUI.
[0016] FIG. 6 conceptually illustrates three example initial slider configurations of the sliders of the multi-slider exposure tool for three different images.
[0017] FIG. 7 conceptually illustrates a single slider operation of the multi-slider exposure tool for changing the black level of an image in some embodiments.
[0018] FIG. 8 conceptually illustrates another single slider operation of the multi-slider exposure tool for changing the white level of an image in some embodiments.
[0019] FIG. 9 conceptually illustrates another single slider operation of the multi-slider exposure tool for changing the overall brightness of an image in some embodiments.
[0020] FIG. 10 conceptually illustrates another single slider operation of the multi-slider exposure tool for changing the contrast of an image in some embodiments.
[0021] FIG. 11 conceptually illustrates slider movements of the multi-slider exposure tool that result in clipping in some embodiments.
[0022] FIG. 12 conceptually illustrates slider movements of a dual operation slider knob for expanding the tonal range of the image and lifting shadows of dark regions of the image in some embodiments.
[0023] FIG. 13 conceptually illustrates slider movements of another dual operation slider knob for expanding the tonal range of the image and reducing highlights of light regions of the image in some embodiments.
[0024] FIG. 14 conceptually illustrates slider movements of the multi-slider exposure tool that fix the black and white cutoffs for adjusting an image in some embodiments.
[0025] FIG. 15 conceptually illustrates an on-image exposure control for indirectly manipulating the multi-slider exposure tool of some embodiments.
[0026] FIG. 16 conceptually illustrates a GUI of a smart phone having a selective slider exposure tool in some embodiments.
[0027] FIG. 17 illustrates a software architecture block diagram of the multi-slider exposure tool of some embodiments.
[0028] FIG. 18 conceptually illustrates a process that the media editing application of some embodiments performs to display the multi-slider exposure tool for an image.
[0029] FIG. 19 conceptually illustrates a process of some embodiments for changing the appearance of an image by modifying one or more sliders of the multi-slider exposure tool.
[0030] FIG. 20 illustrates a detailed view of a GUI of some embodiments for viewing, editing, and organizing images.
[0031] FIG. 21 conceptually illustrates a data structure for an image as stored by the application of some embodiments.
[0032] FIG. 22 illustrates an example of a mobile computing device architecture.
[0033] FIG. 23 conceptually illustrates another example of an electronic system with which some embodiments are implemented.
Detailed Description
[0034] In the following detailed description of the invention, numerous details, examples, and embodiments of the invention are set forth and described. However, it will be clear and apparent to one skilled in the art that the invention is not limited to the embodiments set forth and that the invention may be practiced without some of the specific details and examples discussed.
[0035] FIG. 1 conceptually illustrates a graphical user interface (GUI) 100 of a media editing application of some embodiments. This application includes a novel unified multi-slider control for editing images. FIG. 1 illustrates this novel control in terms of four stages (110-140) of operation of the GUI 100. Each stage of operation corresponds to a different set of positions of the sliders in the multi-slider control.
[0036] As shown in this figure, the GUI 100 has a preview display area 170 and a unified slider control 180, which in turn includes a track 155 and three slider icons 185-195. The preview display area 170 is an area that displays an image for a user to view and edit. In this example, the preview display area 170 displays an image of a man.
[0037] The unified slider control 180 is a tool that allows a user to modify different properties (e.g., color saturation, contrast, etc.) of the image. As mentioned above, this control 180 includes the track 155 along which multiple slider icons (also called sliders) are movable. Each slider is associated with a property of the image (e.g., a color or tonal attribute of the image). A position of the slider on the track 155 corresponds to a value of the property associated with the slider. These sliders may provide a visual indication to the user while the user moves the sliders along the track 155.
[0038] For each slider, the track 155 specifies a range of values associated with the property of the image. The specified ranges of values for two or more sliders may coincide in some embodiments. Alternatively, or conjunctively, the specified ranges of values for two or more sliders may differ in some embodiments. For instance, a range of values for a color saturation property of an image may be defined so that each value in the range specifies a different amount of color saturation for the image. Also, in some embodiments, different types of ranges may be specified for different sliders along the track 155. For example, the range of values can be defined as a set of continuous integers (such as 0 to 255, −127 to 128, 500-600, etc.), as a set of continuous decimal values (−1.0 to 1.0), or as a set of logarithmic or other non-linear values. Moreover, the number of values may be different for different ranges that are defined along the track.
[0039] One position on the slider track 155 is associated with multiple values for multiple sliders that relate to multiple properties of the image. For example, a first position of the slider track may be associated with a contrast value of 50 and a saturation value of 75, while a different second position of the slider track may be associated with a contrast value of 60 and a saturation value of 100.
[0040] In some embodiments, the sliders 185-195 are individually movable along the slider track in order to allow the user to change properties associated with the sliders 185-195. For instance, the user can change a property of the image by moving the slider 185 and change another image property by moving the slider 195 along the track 155. The sliders 185-195 may occupy the same position in the slider control 180 in some embodiments. As each slider 185-195 may be associated with a different property, different operations may be performed to change the overall appearance of the image by moving different sliders 185-195. By using the unified slider control 180 in this manner, the user may adjust the appearance of the image by changing several different properties of the image. Different sets of properties are associated with the sliders of the multi-slider control in different embodiments.
[0041] The operation of the GUI 100 will now be described in terms of the four stages (110-140). The first stage 110 shows the GUI 100 with an image displayed in the preview display area 170, and the three sliders 185-195 spread along the track 155. This stage also shows that a user has selected the slider 185. In the example illustrated in FIG. 1 , and in other figures below, the media editing application is displayed on a touch sensitive screen, and the user interacts with this application through touch based inputs. Accordingly, in this example, the user selects the slider by touching the location of the slider on the display. The selected slider 185 appears darker than the unselected sliders 190 and 195 in this example to indicate the selection.
[0042] The second stage 120 shows the user's movement (i.e., by dragging) of the slider 185 along the track 155 from its old position (i.e., dashed circle 1 on the far left of the track) to a new position on the track. Also, this stage shows a change in the appearance of the displayed image in the preview display area 170. In this example, the slider 185 is assumed to be a skin tone saturation slider that increases or decreases the saturation of skin tones that the application automatically detects. Accordingly, in this example, the movement of the slider 185 in the second stage 120 has increased the skin tone saturation value that is expressed by the slider 185. This increased value has, in turn, directed the application to increase the saturation of the man's face and neck, as this application has automatically detected these locations as having skin tone colors. However, as the application does not detect skin tone colors in other areas of the displayed image, it does not change any other colors outside of the man's face and neck.
[0043] The third stage 130 shows the user's selection of the slider 195. Again, the user has selected this slider by touching the displayed location of this slider on the device, and this selection is reflected by the darkened appearance of the slider 195. Between the second and third stages 120 and 130, the appearance of the image is maintained because none of the sliders 185-195 have been repositioned between these two stages.
[0044] The fourth stage 140 shows the movement of the slider 195 along the track 155. Specifically, the user moves the slider 195 from its old position (i.e., dashed circle 3 on the far right of the track) to a new position of the track. As in the second stage 120, the appearance of the image changes at the fourth stage 140. In this example, the slider 195 is assumed to represent the white cutoff value that corresponds to the location of the brightest pixel of the image in a brightness histogram of the image. Movement of this slider to the left has the effect of darkening some of the brightest pixels in the image. Accordingly, in this example, the leftward movement of the slider 195 in the fourth stage 140 decreases the white cutoff value, which in turn directs the application to darken the brightest pixels in this image. In this example, it is assumed that the brightest pixels are the pixels that reside in the man's shirt. Hence, darkening these pixels results in the darkening of the man's shirt.
[0045] FIG. 1 illustrates the sliders 185-195 as circles. However, different embodiments present sliders differently. Sliders can be presented using any number of different visual presentations (e.g., dots, squares, thumbnails, different shapes, colors, text, etc.). In some embodiments, the sliders are all displayed using the same visual presentation. In other embodiments, the sliders are displayed differently based on the operations associated with the sliders. That is, sliders associated with the same operation may be displayed using the same visual presentation and sliders associated with different operations may be displayed using different visual presentations.
[0046] The slider movements illustrated in FIG. 1 are single, individual slider movements along the unified slider control's track 155. In some embodiments, when the user moves a slider along the unified slider control's track, one or more other sliders also move along the track. In some embodiments, two or more sliders of the unified slider control 180 are movably linked based on a relationship between the sliders. The association between two sliders can be a direct association in which movement by a first slider in a particular direction causes movement of a second slider in the same direction, or inversely linked in which movement by the first slider in a particular direction causes movement of the second slider in the opposite direction.
[0047] FIGS. 2 and 3 provide examples of such direct and inverse association between two sliders. FIG. 2 illustrates the case where one slider's movement along the unified track 155 moves another slider in the same direction on that track. The GUI 200 illustrated in FIG. 2 is similar to the GUI 100 in that it has an image viewing area 270 and a unified slider control 280 with three sliders 285-295 that slide along a common track 255. The operation of the GUI 200 is described in four stages 210-240.
[0048] In the example illustrated in FIG. 2 , the first stage 210 shows the GUI 200 with an image displayed in the image viewing area 270, and the three sliders 285-295 spread along the track of the unified slider control 280. The second stage 220 shows a user selecting (by touching) the slider 285. In this stage, the appearance of the image in the image viewing area 270 is the same as the appearance of the image in the first stage 210, as the position of the three sliders is the same in both stages.
[0049] The third stage 230 shows the user moving (e.g., dragging) the slider 285 along the unified slider track 255 from its old position (i.e., dashed circle 1 on the far left of the track) to a new position. This stage also shows that the movement of the slider 285 causes the media editing application to automatically move slider 290 along the track 255 in the same direction as the slider 285. As illustrated, the distance that the slider 290 has automatically moved is not the same as the distance that the user moved the slider 285. Instead, the slider 290 is moved a shorter distance to a position that is equidistant between the sliders 285 and 295. However, one of ordinary skill will realize that this distance can vary (e.g., the same distance) in other examples of two or more sliders that are associated to move together.
[0050] The third stage 230 further illustrates a change in the appearance of the image. In this example, it is assumed that the slider 285 relates to the black cutoff value that corresponds to the location of the darkest pixel of the image in a brightness histogram of the image. It is also assumed that slider 290 relates to the overall brightness of the image. Changing the black cutoff value by moving the slider 285 to the right, in this example, has the effect of brightening all the pixels in the image. However, the overall brightness value has not changed by automatically moving the slider 290. Instead, only the slider icon 290 is moved to maintain the equidistant spacing between the sliders 285 and 295. Once the slider 290 is repositioned, it is associated with the new overall brightness of the image. In other embodiments, however, there is a relationship between the sliders, such that movement of the slider 285 causes slider 290 to move, but also causes slider 290 to change the overall brightness of the image. In other words, instead of the movement of the slider 285 causing the overall brightness to change, the automatic movement of the slider 290 causes the overall brightness to change. In this case, the movement of the slider 285 only changes the black cutoff value, while the automatic movement of the slider 290 changes, on its own, the overall brightness of the image.
[0051] Accordingly, in this example, the rightward movement of the sliders 185 and 190 in the third stage 230 increases the black cutoff value but not the overall brightness value of the image. This in turn directs the application to lighten all the pixels in this image from the standpoint of the black cutoff. For example, the darkest pixels may be lightened more than the lightest pixels. While subsequent movements of the slider 290 by the user would have the effect of brightening the overall image from the standpoint of the overall brightness value, in this case, only the slider 290 is repositioned. In this example, it is assumed that the darkest pixels are the pixels that form the background region behind the man. Hence, brightening these pixels results in the brightening of this background region. The other pixels (i.e., the man in the image) are midtone pixels in the first stage, which are brightened to lighter tone pixels as a result of the modified black cutoff.
[0052] Finally, after the user has deselected the slider 285 at the fourth stage 240, the sliders 285-295 are shown at their final positions on the track. As the positions of sliders 285 and 290 in the fourth stage are close to their positions in the third stage, the displayed image looks pretty much the same in the third and fourth stages. Also, in both of these stages, the position of the slider 295 is unchanged because the user did not manually move slider 295 and the media editing application did not automatically move slider 295 as it does not associate this slider with either slider 285 or 290.
[0053] The slider movements illustrated in FIG. 2 show that movement of a slider along the unified slider control track 255 pushes one or more other sliders along the track. In some embodiments, when the user moves a slider in a particular direction along the unified slider control track, one or more other sliders are automatically pulled along the track toward the manually moved slider (e.g., in the opposite direction of the manually moved slider).
[0054] FIG. 3 conceptually illustrates an example of this automatic pulling in a GUI 300 that is similar with the GUI 200 of FIG. 2 in that the GUI 300 has a unified slider control 380 with three sliders 385-395 that slide along a common track 355. The operation of the GUI 300 is described in four stages 310-340 that are similar to the four stages 210-240 of FIG. 2 . The only difference in the operation of the sliders between these two examples is that the manual movement of the slider 385 in FIG. 3 causes the media editing application to pull slider 395 toward the slider 385 instead of pushing slider 290 away from slider 285.
[0055] In the example illustrated in FIG. 3 , the sliders 385 and 395 are assumed to be two conjoined contrast control sliders for adjusting the dark and bright region contrasts. These two contrast control sliders move in a complementary manner with respect to each other. Manual movement of either of these sliders toward the other will cause the other to automatically be moved toward the manually moved slider. Manual movement of either slider away from the other will cause the other slider to automatically move away from the other slider.
[0056] In the second and third stages 320 and 330 of FIG. 3 , the slider 385 is moved toward the slider 395. Hence, in this example, the application automatically moves the slider 395 toward the slider 385. The movement of these sliders toward each other reduces the contrast in the image, which is illustrated by the difference between the versions of the image that are displayed in the second and third stages.
[0057] Multiple sliders move along a straight track in the embodiments described above and below. However, in other embodiments, these sliders move along an angular arc (e.g., along the circumference of a full or partial circle or elliptical shape). For some of the embodiments in which the sliders slide along an angular region, the slider has an appearance of multiple circular dialers that are superimposed on top of each other to form one dialer with multiple handles (i.e., multiple sliders). Any one of these handles can be selected to rotate the dialer. In response to movement of any of the handles, the application may maintain the positions of other handles or may automatically rotate in the same or opposite directions these one or more other handles.
[0058] Several more detailed embodiments are described below. Section I describes an implementation of the unified slider control in a multi-slider exposure tool of a media editing application. Section II describes different hardware design implementations of the multi-slider exposure tool. Next, Section III describes the software architecture of the media editing application that uses the multi-slider exposure tool of some embodiments. Lastly, Section IV describes electronic systems including a mobile device and a computer system that implement some embodiments of the invention.
I. Multi-Slider Exposure Tool
[0059] In some embodiments, the unified slider control is a multi-slider exposure tool that can be used to perform tonal adjustment operations on images in media editing applications, such as image editing applications, video editing applications, or any other kinds of media editing applications. Examples of image editing applications include Apple Final Cut Pro®, Apple Aperture®, Apple iPhoto®, Adobe Photoshop®, Adobe Lightroom®, etc., while examples of video editing applications include Apple iMovie®, Apple Final Cut Pro®, Apple Motion, etc.
[0060] In the examples above and below, the media editing application in some embodiments is a standalone application that executes above the operating system of a device, while in other embodiments it is part of the operating system. Also, in many of the examples above and below (such as those illustrated in FIGS. 4-16 ), a user interacts with the user interface (UI) of the media editing application through a touch sensitive screen of the device that displays this UI, which in some embodiments is also the device on which the application executes. One of ordinary skill in the art will realize that in some embodiments, a user can use cursor controllers or other input devices to interact with the UI and the sliders shown in these examples so long as the devices that execute or display the media editing application have such cursor controllers or other input mechanisms (e.g., voice control).
[0061] A. Media Editing Application
[0062] FIG. 4 conceptually illustrates the GUI 400 of a media editing application with a multi-slider exposure tool 440 of some embodiments. This exposure tool has multiple sliders that can be slid along one track for performing tonal adjustment operations on the image. As shown in FIG. 4 , the GUI 400 has a thumbnail display area 410, a preview display area 420, and a selectable tools area 430 that includes the multi-slider exposure tool 440.
[0063] The thumbnail display area 410 shows thumbnails of different images in a collection of digital images, such as an album, an event, etc. A user can scroll through these thumbnails (e.g., through directional touch contact with this area) and select any one of the thumbnails (e.g., by touching the location in this area that displays the thumbnail). In some embodiments, selected thumbnails can be moved within the thumbnail display area 410 to change the order of these thumbnails. Also, in some embodiments, selection of a thumbnail in the display area 410 causes the preview display area 420 to display a higher resolution image (e.g., the actual image, a high-resolution preview of the image, or a higher-resolution thumbnail image) of the selected thumbnail image. In some embodiments, the display area 420 displays the higher resolution image for a user to view and possibly edit.
[0064] The selectable tools area 430 displays several editing tools that a user can select (e.g., by touching the location in this area that displays the tool) to perform editing operations on an image displayed in the preview display area 420. Examples of such operations include cropping, exposure adjustment, color correction, and a variety of locally or globally applied drawings or effects. One of the icons in the tools area 430 is an exposure icon 432 that represents the multi-slider exposure tool. The selection of the exposure icon 432 (e.g., through touch contact of the icon 432 as illustrated) directs the application to present the multi-slider exposure tool 440 below the preview display area 420 in some embodiments, as shown in FIG. 4 , or over a portion (e.g., a bottom portion) of the image displayed in the preview display area 420 in other embodiments.
[0065] The multi-slider exposure tool 440 has a track 472 and five slider icons (also called sliders or knobs) that can slide along the track 472 to perform different tonal adjustments (also called exposure adjustments) on the image. The five sliders relate to image attributes that correspond to a brightness histogram for the image. A brightness histogram (not shown) is a histogram of a brightness attribute, such as luminance or luma component color value, of the image.
[0066] The five sliders include a blackpoint knob 450, a whitepoint knob 470, a brightness knob 460, and a pair of contrast knobs 455 and 465. As mentioned above, the knobs 450-470 can be moved along the track to make different types of tonal adjustments on the image displayed in the area 420. In some embodiments, changes to the displayed image in the preview area 420 are immediately reflected on the image's thumbnail in the thumbnail display area 410, or alternatively, after a short transient period or at the end of the image editing operation.
[0067] The blackpoint knob 450 in some embodiments represents the previewed image's black cutoff value, which is the location of the darkest pixel(s) of this image in the image's brightness histogram. In some embodiments, movement of the blackpoint knob to the right or left has the effect of brightening or darkening some of the darkest pixels in the image. Conversely, the whitepoint knob 470 in some embodiments represents the previewed image's white cutoff value, which is the location of the brightest pixel(s) of this image in the image's brightness histogram. In some embodiments, movement of the whitepoint knob to the left or right has the effect of darkening or brightening some of the lightest pixels in the image.
[0068] The brightness knob 460 in some embodiments is for adjusting the overall brightness of the image (e.g., the average brightness value of the image). The contrast knobs 455 and 465 are a pair of conjoined contrast control sliders for adjusting the contrast in the dark and bright regions of the image's histogram. These two regions in some embodiments reside respectively between the black cutoff value and the brightness median marker, and the brightness median marker and the white cutoff value. In some embodiments, the dark region contrast slider 455 is positioned between the blackpoint slider 450 and the brightness slider 460, while the bright region contrast slider 465 is positioned between the brightness slider 460 and the whitepoint slider 470. Also, in some embodiments, the two contrast control sliders move in a complementary manner with respect to each other. Manual movement of either of these sliders toward the other will cause the other to be automatically moved toward the manually moved slider. Manual movement of either slider away from the other will cause the other slider to automatically move away from the other slider.
[0069] For each slider, the track 472 specifies a range of values associated with that slider's corresponding image attribute (e.g., with the black or white cutoff value, with the brightness median, or with the midpoint contrast locations). In some embodiments, the range of values is the same for all of these sliders as the locations of these sliders are defined with respect to the same x-axis of the image's brightness histogram. The histogram's x-axis may be defined along different numerical ranges, such as a range of continuous integers (such as 0 to 255, −127 to 128, 500-600, etc.), a range of continuous decimal values (−1.0 to 1.0), a range of logarithmic or other non-linear values, etc. One of ordinary skill will realize that when the sliders related to other image attributes, the range that is defined by the track 472 might be different for different sliders.
[0070] The multi-slider exposure tool knobs 450-470 are further elaborated below by reference to FIGS. 7 (blackpoint knob), 8 (whitepoint knob), 9 (brightness knob), and 10 (contrast knobs). Having generally described several aspects of the media editing application GUI, the next example describes selecting an image with the media editing application and selecting the multi-slider exposure tool to make tonal adjustments to the image.
[0071] FIG. 5 conceptually illustrates selecting the multi-slider exposure tool 440 in the GUI 400 of some embodiments. This figure illustrates the selection of the multi-slider exposure tool in the GUI 400 during four stages (510-540) associated with selecting an image for editing the image. At the first stage 510, the GUI 400 of the media editing application is displayed without any image or tool selected. In some embodiments, the media editing application displays a default image in the preview display area 420 when no image is selected by a user. In other embodiments, the media editing application prompts a user of the application to select an image to display in the preview display area 420.
[0072] Next, at the second stage 520, a user selects a thumbnail of an image from the thumbnail display area 410. As shown at this stage, the selected image is displayed in the preview display area 420. In some embodiments, any tool from the set of tools 430 can be selected for performing media editing operations after an image is selected and displayed in the preview display area 420. At the third stage 530, the user selects the multi-slider exposure tool from the set of tools 430. As illustrated at the third stage 530, the multi-slider exposure tool is displayed approximately underneath the preview display area 420. Finally, once the multi-slider exposure tool 440 is displayed, the user selects the brightness knob 460 for making brightness adjustments to the image displayed in the preview display area 420.
[0073] Having generally described the GUI of the media editing application and how a user selects an image and the multi-slider exposure tool for adjusting the image, the following example describes different configurations of the multi-slider exposure tool for different image attributes.
[0074] B. Dynamically Specifying Different Initial Positions for the Sliders
[0075] In some embodiments, the multi-slider exposure tool dynamically defines the initial positions of its sliders based on the characteristics of the brightness histogram of the image being displayed in the preview display area 420. This is because these positions correspond to specific positions or regions within this histogram. Accordingly, in some embodiments, the first set of operations that the multi-slider exposure tool performs when it is invoked for a particular image that is being viewed in the display area 420 include (1) identifying the histogram characteristics, (2) based on these characteristics, identifying the positions of the sliders, and (3) displaying the exposure tool with the sliders at these identified positions.
[0076] FIG. 6 conceptually illustrates three different examples of three different initial slider configurations 602, 604, and 606 of the sliders of the exposure tool 440 for three different images 608, 611, and 612, respectively, that have different tonal ranges. This figure shows the three different initial configurations in three different stages 610, 620, and 630. In these stages, this figure not only shows the GUI 400 but also shows histograms 680, 685, and 690 alongside the GUI 400 to illustrate the different histogram attributes of the different images.
[0077] A brightness histogram represents a set of image values of an image. In some embodiments, the histogram represents the image by charting an image value for each pixel of the image. For instance, an image having a set of pixels may have a first subset of pixels with a first value, a second subset of pixels with a second value, and a third subset of pixels with a third value. The histogram may chart first, second, and third positions along the X-axis for the first, second, and third values, respectively. Then, along the Y-axis, the histogram may illustrate the frequency of the pixels at each position. Based on charting the image pixel values, a curve is formulated and displayed (or conceptualized) for the histogram. For example, at each of the three x-axis positions, the histogram includes a value along the y-axis to represent the number (or frequency) of pixels having the corresponding x-axis value.
[0078] In some embodiments, the range of different image pixel values that are charted along the histogram's x-axis represent the tonal range of the image. In other words, the span of image pixel values between the starting point and ending point of the histogram represents the tonal range of the image. In some embodiments, the tonal range is defined over a set of image pixel values that are possible for displaying the image on the device.
[0079] For the histogram, the image pixel values are determined in some embodiments by performing calculations based on one or more pixel component color values. In some embodiments, an RGB sum is performed to determine the histogram value for a particular pixel. In other words, the brightness histogram is expressed in terms of the sum of the RGB values. In other embodiments, the pixel values are received in the RGB space, converted to a color space that has luminance or luma as one of the component color channels (e.g., the YCbCr, YUV, YIQ, etc.), and the brightness histogram is constructed from the luminance or luma values. Yet other embodiments construct other types of histograms to express the tonal range of the image.
[0080] The black and white indicators 670 and 672 of some embodiments provide convenient markers for identifying the darkest and lightest image pixel values of the histogram. Also, the brightness indicator 674 of some embodiments represents the pixel value of the median pixel in the distribution of pixels of the histogram. In some embodiments, the median pixel in the distribution of pixels of the histogram is the median pixel of all the pixels of the image sequentially ordered. Furthermore, image contrast indicators 676 and 678 suggest tonal differences of the image (e.g., the difference between dark and light areas), which may be evident based on the distribution of values over the histogram 680. For example, a histogram having a large portion of image pixel values bunched close to the median brightness indicator is likely to be based on an image having low contrast. On the other hand, a histogram having large numbers of pixel values close to the black and white indicators may indicate an image with high contrast. As another example, image pixel values that are spread out over the tonal range without disproportionate bunching of values may indicate an image having balanced contrast.
[0081] In the example illustrated in FIG. 6 , the position of the blackpoint knob 450 on the multi-slider exposure tool 440 corresponds to the black indicator 670 of the histogram 680 and the position of the whitepoint knob 470 corresponds to the white indicator 672 of the histogram. As the span between the black and white indicators of the histogram represents the range of image values of the image, the brightness indicator 674 of the histogram 680 represents the pixel value of the median pixel in the distribution of pixels of the histogram. Unlike the positions of the blackpoint and whitepoint knobs, the position of the brightness knob 460 does not necessarily correlate to the brightness indicator 674 of the histogram. Thus, in some embodiments, the default position of the brightness knob 460 is the midpoint between the blackpoint knob 450 and the whitepoint knob 470. On the other hand, in some embodiments, the brightness knob 460 of the multi-slider exposure tool 440 is not necessarily positioned equidistant from the blackpoint and whitepoint knobs 450 and 470 in the initial configuration of the multi-slider exposure tool 440 for an image, but rather, is positioned according to the brightness indicator 674. In these embodiments, the position of the brightness knob 460 directly correlates to the brightness indicator 674.
[0082] Likewise, the positions of the contrast knobs 455 and 465 do not correspond to any particular values of the histogram from which image contrast can be derived. Instead, the contrast knobs are initially positioned, by default, half-way between the brightness knob and an endpoint knob (blackpoint knob or whitepoint knob). Thus, in some embodiments, the default positions of the contrast knobs 455 and 465 are midpoints between the position of the brightness knob 460 and the positions of the blackpoint and whitepoint knobs 450 and 470, respectively. While the positions of the blackpoint and whitepoint knobs 450 and 470, in the example illustrated in FIG. 6 , correspond to specific values of the histogram, in other embodiments the positions of other knobs or all of the knobs correspond to histogram values.
[0083] The first stage 610 of FIG. 6 illustrates the histogram 680 and the initial slider configuration 602 for a first image 608. This image 608 is displayed in the preview display area 420 as its thumbnail image 640 has been selected by the user. With this displayed image, the GUI 400 also displays the multi-slider exposure tool 440 as this tool was activated prior to the selection of the thumbnail 640.
[0084] In the first stage 610, the set of knobs 450-470 are approximately evenly spaced along the track of the multi-slider exposure tool 440, with the blackpoint knob on the left side of the track, the whitepoint knob on the right side of the track, and each contrast knob between the brightness knob and one of the blackpoint and whitepoint knobs. This initial configuration 602 of the knobs for the multi-slider exposure tool indicates the tonal range of image pixel values of the first image 608.
[0085] The histogram 680 illustrates the distribution of pixel values of the first image 640, and therefore indicates the tonal range (e.g., deepest black pixel value to brightest white pixel value) and brightness (e.g. median brightness) of the first image 608. To show the relative relationship between the multi-slider exposure tool 440 and the histogram 680, several indicators are shown under the histogram, some of which correspond to knobs of the multi-slider exposure tool. For the first image 608, all of the indicators under the histogram appear to be correlated to the knobs. However, in this example, the positional correspondence only relates to some of the indicators and knobs. In particular, the black and white indicators 670 and 672 correspond to the blackpoint and whitepoint knobs 450 and 470 of the multi-slider exposure tool and represent the tonal range of the first image 608.
[0086] On the other hand, the brightness indicator 674 represents the pixel value of the median pixel in the distribution of pixels of the histogram for the first image 608, but does not correlate to the position of the brightness knob 460 of the multi-slider exposure tool 440. The contrast indicators 676 and 678 mark positions of the histogram that suggest the amount of contrast for the first image. However, like the brightness indicator 674, the contrast indicators 676 and 678 do not correspond to the positions of the contrast knobs 455 and 465 of the multi-slider exposure tool. In some embodiments, the positions of all the knobs of the multi-slider exposure tool 440 correspond to the positions of the indicators.
[0087] In the second stage 620, a second thumbnail image 650 is selected by the user and this thumbnail's image 611 is displayed in the preview display area 420 of the GUI 400. Again, the multi-slider exposure tool 440 is displayed below the image displayed in the display area. The positions of the knobs 450-470 in this stage 620 are different from the positions of the knobs in the first stage, as the two images in these two stages have different tonal properties. The first image 608 had these knobs spread farther apart to represent the tonal range. The second image 611, on the other hand, is a darker image and consequently has its tonal distribution shifted to the darker range on the histogram 685. This shift is indicated by the multi-slider exposure tool's initial slider configuration 604 in the second stage.
[0088] More specifically, the blackpoint knob is positioned at approximately the same position as the blackpoint knob shown in the first stage 610 for the first image 608. However, in the second stage 620, the whitepoint knob 470 is closer to the center of the track 472 than in the first stage. In absolute terms, the brightness knob 460 is positioned more to the left in the second stage than in the first stage. However, in relative terms, the brightness knob is equidistant between the blackpoint knob 450 and the whitepoint knob 470, as in the first stage. Likewise, the contrast knobs are positioned farther to the left in absolute terms compared to the first stage, but are positioned half-way between the brightness knob and the blackpoint and whitepoint knobs, as is shown in the first stage.
[0089] The histogram 685 illustrates this unequal spacing between the blackpoint and whitepoint knobs for the first and second images 608 and 611. Specifically, it shows that the tonal range in the second stage is slightly less than the tonal range in the first stage, as the white cutoff value has moved to the left. This histogram also shows that the tonal curve in the second stage has shifted to the left (i.e., toward darker pixels) due to the overall darker appearance of the second image 611. This is because the second image 611 has a higher frequency of pixels near the black cutoff value. Although the distance between the blackpoint knob 450 and the whitepoint knob 470 indicates the tonal range of the second image 611, the contrast and brightness knobs do not indicate anything about the histogram. For example, the two bumps in this histogram 685 are indicative of larger contrast in this image, yet the contrast knobs 455 and 465 are evenly spaced in relation to the brightness knob 460 and do not bear any positional relationship to these areas of the histogram. In other embodiments, however, the contrast knobs 455 and 465 are positioned approximately in relation to the contrast of the dark and light regions of the displayed image.
[0090] The third stage 630 illustrates the selection of a third thumbnail image 660 by the user and the display of this thumbnail's corresponding image 612 in the preview display area 420. Again, the multi-slider exposure tool 440 is displayed below the image displayed in the display area. The positions of the knobs 450-470 in this stage 630 are different from the positions of the knobs in the first and second stages, as the three images in these three stages have different tonal properties. The third image 612 is a brighter image and consequently has its tonal distribution shifted to the brighter range on the histogram 690. This shift is indicated by the multi-slider exposure tool's initial slider configuration 606 in the third stage.
[0091] More specifically, the blackpoint knob 450 has moved quite a bit to the right to indicate the lack of really dark pixels in this image, and the whitepoint knob 470 has moved all the way to the right to indicate the high value of the white cutoff for this image. As in the first and second stages, the brightness knob 460 and the contrast knobs 455 and 465 are evenly spaced within the tonal range specified by the blackpoint and whitepoint knobs. The histogram 690 illustrates this big shift to the right and the large number of bright pixels in the image 612. It shows that the tonal range in the third stage is much less than the tonal ranges in the first and second stages, as most of pixels are positioned in a much smaller tonal range. It also shows that the distance between the contrast indicators and the brightness indicator is substantially less than in either of the first two stages. Thus, the histogram illustrates that the third image 612 has relatively little contrast compared to the first and second images.
[0092] While the initial configurations described above in relation to FIG. 6 show only the blackpoint and whitepoint knob positions corresponding to the black and white indicators of the histogram, in other embodiments, all of the knobs correspond to the indicators of the histogram.
[0093] C. Single Slider Operations
[0094] Having discussed the initial configuration for the set of knobs of the multi-slider exposure tool when different images are selected by the user, the next several examples describe the individual knob movements. In some embodiments, different operations are performed on an image selected by a user based on the knob moved along the multi-slider exposure tool track.
[0095] 1. Move Blackpoint Knob
[0096] FIG. 7 conceptually illustrates a single slider operation of the multi-slider exposure tool 440 for changing the appearance of an image in some embodiments. This figure illustrates the multi-slider exposure tool 440 during three stages (710-730) associated with moving the blackpoint knob 450 along the track to perform an operation that adjusts the appearance of an image. In this figure, histograms 718, 728, and 738 and tonal response curves 719, 729, and 739 are shown alongside the multi-slider exposure tool 440 during the three stages.
[0097] The histograms illustrate the effect of moving different knobs of the multi-slider exposure tool. Several indicators 740-765 are shown along with the histograms. These include a blackpoint indicator 740, a whitepoint indicator 760, a brightness indicator, 750, a pair of contrast indicators 745 and 755, and an original tonal range point indicator 765.
[0098] The tonal response curves also illustrate the effect of moving different knobs of the multi-slider exposure tool. Illustrated with each response curve 719, 729, and 739 is a black cutoff point 770 and a white cutoff point 775. The black and white cutoff points indicate the tonal range of image values for the image. The X-axis of the response curve represents input image pixel values and the Y-axis represents output image pixel values. As the response curve illustrates the effect of tonal adjustments (e.g., by moving different knobs) on the image, one skilled in the art would understand that input image pixel values represent the values before the user makes the tonal adjustment and the output image pixel values represent the values after the tonal adjustment is completed. Thus, the slope of the response curve illustrates the effect of a tonal adjustment on the image.
[0099] Moreover, the slope of the response curve between the black and white cutoff points indicates how tonal adjustments are applied over the set of pixels of the image. In some embodiments, where there is no change to the tonal attributes of the image, the response curve is a straight line that maps all input values to the same output values. Such a response curve is shown at a forty-five degree angle with respect to the X-axis and Y-axis. When a user makes tonal adjustments to the image, this curve is reformulated. For example, a blackpoint knob 450 movement that expands the tonal range of image pixel values results in a reformulation of the response curve, which repositions the black cutoff point and, thus, modifies the slope of the response curve.
[0100] The blackpoint knob 450 in some embodiments is for adjusting the darkness of the image. When a user moves the blackpoint knob 450 to the left along the track, the image is darkened (e.g., deeper black). In particular, the image has an initial tonal range of pixels from dark to light. The initial tonal range can be extended by moving the blackpoint away from the center of the multi-slider track in some embodiments. Extending this initial tonal range of image values affects the appearance of the image. For example, by moving the blackpoint knob to the left along the track, the image may display the darkest pixels of the initial tonal range as even darker pixels in the extended tonal range.
[0101] On the other hand, the user can reduce the extended tonal range and brighten the image by moving the blackpoint knob to any position between the current blackpoint position and the initial blackpoint position on the multi-slider track, in some embodiments. For example, when the user moves the blackpoint position between the extended tonal range position and the initial tonal range position, the image is lightened.
[0102] The first stage 710 shows the multi-slider exposure tool 440 with an initial configuration of knobs associated with a displayed image. At this stage, a user selects the blackpoint knob for performing an operation that adjusts the range of values for the image. The tonal range of image values is shown between the black and white indicators 740 and 760 illustrated in the histogram 718. In addition, the response curve 719 is shown with the black and white cutoff points 770 and 775, which correspond to the blackpoint and whitepoint knobs of the multi-slider exposure tool 440.
[0103] The second stage 720 shows that the user moves the blackpoint knob to the left along the multi-slider exposure tool 440 track. This operation has two effects: (1) the tonal range of the image is expanded and (2) all of the other knobs except the whitepoint knob are pulled along the track in response to the blackpoint knob being moved.
[0104] This blackpoint knob operation has the effect of expanding the tonal range of image values for the image. In particular, moving the blackpoint knob to the left linearly deepens the black level of the image pixels. This linear expansion of black levels for the image is conceptually illustrated in the image displayed at the second stage, which has pixels spread out over different black level tonal ranges. For example, different areas of the image roughly fall within a darker tonal sub-range of the image's tonal range (dark region), a middle tonal sub-range (midtone region), and a light tonal sub-range (light region). The operation associated with expanding the tonal range of image values causes the dark region to become considerably darker (e.g., the mountain), the midtone region to become slightly darker (e.g., the body of the car and the ground), and the light region to remain approximately as light as before the operation (e.g., the sky behind the mountain).
[0105] In this case, the blackpoint indicator 740 of the histogram 728 at this stage reflects the linear expansion of the tonal range of the image. In particular, the movement of the blackpoint indicator 740 along the tonal range of the histogram 728 corresponds to the movement of the blackpoint knob 450 along the track. Another graph view is shown with the response curve 729, where movement of the blackpoint knob 450 to the left causes the black cutoff point 770 shown on the response curve 729 to be moved to a lower Y-axis coordinate position, in accordance with the expanded tonal range of the image.
[0106] In addition to expanding the tonal range of the image, the blackpoint knob operation has the effect of moving all the other knobs of the multi-slider exposure tool except for the whitepoint knob 470. Thus, in addition to the blackpoint indicator, the brightness indicator and the two contrast indicators are pulled along the tonal range of the histogram 728 when the blackpoint indicator moves to the left. However, as shown in the histogram 728 and the response curve 729, the whitepoint indicator remains unaffected in the same position at the end of the tonal range of the histogram.
[0107] At the third stage 730, the user moves the blackpoint knob to the right along the track. In this case, the user moves the blackpoint knob approximately half-way back to the original position of the blackpoint knob. The other knobs (except for the whitepoint knob) are pushed along the track in response to this movement of the blackpoint knob (similar to being pulled with the blackpoint knob at the second stage). However, unlike the operation at the second stage which expands the tonal range, the operation associated with moving the blackpoint knob to the right along the track reduces the tonal range of image values.
[0108] As shown in the displayed image at this stage, some areas of the image are lightened in response to the repositioning of the blackpoint knob. For example, the ground and the body of the car are now white (returning to white as shown at the first stage), the mountain is considerably less dark than at the second stage, and slightly less dark than at the first stage, and the hubcaps on the car wheels are now white. Thus, the deepest black level shown at this stage is represented by the mountain, which is considerably lighter than either of the first two stages.
[0109] The histogram 738 illustrates the reduced tonal range after the blackpoint indicator is moved right. The dotted curve represents the tonal range and attributes of the image prior to moving the blackpoint knob inward, while the solid line represents the tonal range and attributes of the image after the blackpoint knob is moved. Furthermore, the other knobs (except for the whitepoint knob) are moved in response to the blackpoint repositioning. In the other graph view, the response curve 739 shows the black cutoff being moved upward in response to the user moving the blackpoint knob to the right. This illustrates that the tonal range over which other operations may affect the image is reduced.
[0110] Thus, as shown in FIG. 7 , moving the blackpoint knob along the multi-slider exposure tool 440 track causes expansion or refraction of the tonal range of image pixel values by deepening or raising (e.g., brightening) the black levels in the image. While the tonal range of the image is modified by moving the blackpoint knob, as shown in FIG. 7 , in some embodiments, moving the whitepoint knob modifies the tonal range of the image. In some embodiments, the tonal range of the image pixel values are changed based on movements of the whitepoint knob that raise (e.g., increase) or dampen (e.g., decrease) the white levels in the image.
[0111] 2. Move Whitepoint Knob
[0112] FIG. 8 conceptually illustrates another single slider operation of the multi-slider exposure tool 440 for changing the appearance of an image in some embodiments. This figures illustrates in three stages (810-830) moving the whitepoint knob 470 along the track of the multi-slider exposure tool 440 for adjusting the appearance of an image.
[0113] The whitepoint knob 470 in some embodiments is for adjusting the lightness of the image. When a user moves the whitepoint knob 470 to the right along the track, the image is brightened (e.g., increased white or lighter). Moreover, moving the whitepoint knob 470 to the right expands the tonal range of the image in some embodiments.
[0114] The first stage 810 shows the multi-slider exposure tool 440 with an initial configuration of knobs associated with the displayed image (shadowed car, hubcaps, and ground, white sky, black mountain, etc.). At this stage, a user selects the whitepoint knob for performing an operation that adjusts the tonal range of values for the image. As mentioned above, this tonal range is represented in the histogram 818 by the span of image values from the blackpoint indicator 740 to the whitepoint indicator 760. In addition, the response curve 819 is shown with black and white cutoff points.
[0115] The second stage 820 shows that the user moves the whitepoint knob 470 to the right along the multi-slider exposure tool 440 track. As shown, the gray indicator 865 marks the position of the whitepoint knob 470 in the initial configuration at the first stage. This operation expands the tonal range of the image and pulls all of the other knobs (except for the blackpoint knob) along the track. As shown, the image now appears brighter (the car, hubcaps, and ground are now all white, and the mountain is less dark). However, not all regions of the image have changed by the same amount. For example, the mountain still has some residual black tones (e.g., the lines representing the deepest blacks of the image illustrated at the first stage). This linear effect on different regions is similar to the effect of moving the blackpoint knob. Thus, expansion of the tonal range is possible by moving the whitepoint knob along the multi-slider track to the right.
[0116] Furthermore, at this stage, the dotted line of the histogram 828 indicates the former distribution of image values over the former tonal range, while the solid line indicates the tonal range and distribution of values after moving the whitepoint knob to the right. As mentioned above, the tonal range is increased because the other endpoint knob (i.e., the blackpoint knob) is not moved right at this stage. Therefore, the pixel values are redistributed over a larger tonal range of values.
[0117] Moreover, the response curve 829 illustrates the linear expansion of the tonal range, as shown by the white cutoff moving directly up from its position at the first stage. In addition, this causes the slope of the response curve to increase.
[0118] At the third stage 830, the user moves the whitepoint knob 470 to the left along the track. This movement is about half way back to the original whitepoint position, shown by the gray indicator 865. This effect reduces the expanded tonal range of image values, which is illustrated in the graphs (histogram 838 and response curve 839) at the third stage. The movement to the left is about half-way back to the original whitepoint position at this stage. In this case, the image appears slightly darker in some areas (e.g., the hubcaps and the mountain). Also, as described above, the other knobs (except for the blackpoint knob) are pushed in along the track in response to this movement of the whitepoint knob.
[0119] Thus, as shown in FIGS. 7 and 8 , moving the blackpoint or whitepoint knob left or right, respectively, along the multi-slider exposure tool 440 track causes expansion of the tonal range of the image.
[0120] 3. Move Brightness Knob
[0121] In some embodiments, the overall brightness of the image pixel values are changed by increasing or decreasing the brightness in the image by modifying the position of the brightness knob. FIG. 9 conceptually illustrates another single slider operation of the multi-slider exposure tool 440 for changing the appearance of an image in some embodiments. This figures illustrates, during three stages (910-930), the multi-slider exposure tool 440 similar to that shown in FIG. 7 , except that this figure illustrates moving the brightness knob 460 along the track for adjusting the overall brightness of the image.
[0122] The brightness knob 460 in some embodiments is for adjusting the overall brightness of the image. The brightness knob 460 moves left and right along the track between the blackpoint and white point knobs to adjust brightness of the image between a tonal range of image brightness from the darkest to lightest image areas.
[0123] At the first stage 910, a user selects the brightness knob 460 of the multi-slider exposure tool 440 in order to perform an operation that changes the overall brightness of the displayed image. As mentioned above, adjusting brightness of the image by moving the brightness knob of the multi-slider exposure tool does not affect the tonal range of image values for the image, but instead, simply modifies pixel values over the tonal range. The histogram 918 at this stage shows the tonal range of the image, and the response curve 919 shows no change (because merely selecting the brightness knob does not change any pixel values).
[0124] At the second stage 920, the user moves the brightness knob to the right along the track of the multi-slider exposure tool. As shown, the image is lighter at this stage with the car, ground, and mountain appearing lighter.
[0125] However, this operation has not changed the tonal range in any way. The dotted line of the histogram 928 indicates the former distribution of image values. However, unlike those illustrated in the previous figures, the tonal range for this operation remains the same (e.g., the blackpoint and whitepoint indicates have not moved). Accordingly, the histogram 928 illustrates the shift in the brightness of the image pixels over the curve that is formed between the blackpoint indicator and the whitepoint indicator. Also, the response curve 929 appears convex to show the increased image values resulting from the change in brightness of the image (without modifying the tonal range).
[0126] At the third stage 930, the user moves the brightness knob far along the track to the left. This has the effect of reducing the overall brightness of the image. For example, the body of the car and the ground are now as black as the mountain, and the hubcaps and sky are darker than before the user moved the brightness knob left at this stage.
[0127] As in the second stage, this operation has not changed the tonal range of the image. Although it appears substantially darker, the range of pixels values remains defined by the blackpoint and whitepoint indicators of the histogram 928. Furthermore, the shift in brightness is shown by change in the curve formed by the distribution of pixel values. For example, the former curve (before the user reduces brightness) is shown by the dotted line and the current curve (after the user reduces brightness) is shown by the solid line. Also, the response curve 939 now appears concave to show the reduction in brightness values.
[0128] 4. Move Contrast Knobs
[0129] In some embodiments, a user modifies the appearance of the image by adjusting the contrast of the image. FIG. 10 conceptually illustrates another single slider operation of the multi-slider exposure tool 440 for changing the contrast of an image in some embodiments. This figure illustrates, during three stages (1010-1030), the multi-slider exposure tool 440 similar to that shown in FIG. 7 . However, this figure illustrates moving the contrast knobs 455 and 465 along the track for adjusting the contrast of the image.
[0130] The contrast knobs 455 and 465 in some embodiments are for adjusting image contrast. In particular, the contrast knob 455 is for increasing or reducing the darkness of areas in the image that are relatively dark, while the contrast knob 465 is for increasing or reducing the lightness of areas of the image that are relatively light. The contrast knobs 455 and 465 move in unison in some embodiments. In other words, when the user repositions one of the contrast knobs, the other contrast knob is automatically repositioned by the media editing application. In some embodiments, the automatic movement is in the opposite direction of the contrast the user moves. In this way, contrast adjustments can be balanced between dark and light regions.
[0131] The first stage 1010 shows the multi-slider exposure tool 440 with an initial configuration of knobs associated with the displayed image (e.g., having different objects in light, dark, and midtone regions). The histogram 1018 and response curve 1019 shown below the displayed image and the multi-slider exposure tool 440 are similar to those shown in the previous figures, with a set of indicators that represent the tonal range and attributes of the image. In this case, the contrast in the image is balanced between the endpoints.
[0132] At the second stage 1020 the user selects the dark side contrast knob 455. The user at this stage moves the contrast knob 455 along the track to the left. This operation in some embodiments increases the amount of contrast in the dark regions of the image. Furthermore, as shown at this stage, the other contrast knob (in the light region) is automatically moved by the media editing application. In this case, the light contrast knob is moved in the opposite direction (e.g., left) of the dark contrast knob. In some embodiments, the automatically moved contrast knob moves in the opposite direction in order to balance the contrast adjustment over all regions (light, dark, and midtone). As shown in the image at this stage, the contrast adjustment results in a starker appearance (one black cloud and two white clouds, a white car and black tires, and a white background and black ground).
[0133] As shown by the arrows in the histogram 1028 at this stage, the contrast operation increases the blackness of the pixels in the dark region, decreases the amount of pixels within the midtone range, and increases the brightness of the pixels in the light region. In addition, the response curve 1029 shown below the histogram further illustrates the contrast operation on the pixel values of the image. In this example, the image values for pixels in the dark region are reduced (i.e., darkened), while the image values for pixels in the light region are increased (i.e., brightened). This effect forms an S-curve.
[0134] At the third stage 1030, the user selects the other contrast knob 465 (in the light region). The user moves the selected contrast knob 465 to the left in order to decrease image contrast. This movement, like the movement of the contrast knob 455 at stage two, causes the media editing application to automatically move the other contrast knob 465 in the opposite direction. The effect of this movement is shown in the appearance of the image at this stage, with shading of the image in the midtone region (i.e., the car and tires, sky and ground, and the clouds all being different shades of gray).
[0135] This reduction in contrast is represented by the histogram and response curve 1038 and 1039, where the pixel values bunch together near the middle after the user moves the contrast knob, and the S-curve inverting as the result of adjusting a high-contrast image into a low-contrast image.
[0136] Having discussed several different kinds of single knob operations, the next several examples discuss specific scenarios for the blackpoint and whitepoint knobs.
[0137] D. Special Treatment of Black Cutoff and White Cutoff
[0138] In some embodiments, the black cutoff and white cutoff are treated differently in relation to the other knobs of the multi-slider exposure tool.
[0139] 1. Clip Indicators
[0140] FIG. 11 conceptually illustrates slider movements of the multi-slider exposure tool 440 that result in clipping in some embodiments. This figure shows a multi-slider exposure tool similar to that shown in FIG. 9 . In this figure, however, the multi-slider exposure tool 440 is illustrated during three stages (1110-1130) associated with moving the blackpoint knob beyond a threshold for the image. As shown in this figure, the multi-slider exposure tool includes a clipping indicator 1140.
[0141] As described above in relation to FIG. 6 , an image has a tonal range of image pixel values, which is indicated by the span between the blackpoint and whitepoint knobs 450 and 470 (or between the black and white indicators of the corresponding histogram) for an image displayed in the preview display area 420. In some cases, the tonal range is the initial visible tonal range of the image. In other words, the image may have an initial visible tonal range that is reflected in the positioning of the blackpoint and whitepoint knobs of the multi-slider exposure tool 440. For example, the initial configuration of the multi-slider exposure tool for the image displayed in the preview display area 420 at each stage (610-630) is the initial visible tonal range of the image. In some cases, the initial visible tonal range of the image may be expanded by moving the blackpoint knob left or the whitepoint knob right along the multi-slider track.
[0142] In some embodiments, the image may also have a permissible tonal range of values that is the same as or greater than the initially visible tonal range. Thus, the visible tonal range of the image may be a sub-range of the permissible tonal range, which spans a greater range of image pixel values for displaying the image.
[0143] The permissible tonal range of the image, in some embodiments, acts as a constraint on the operation of the multi-slider exposure tool 440. In particular, moving the blackpoint knob 450 (or whitepoint knob 470) beyond the permissible tonal range distorts the image in different (possibly unintended) ways. Distorting the tonal attributes of an image by making adjustments beyond the permissible tonal range is referred to here as clipping.
[0144] The clipping indicator 1140 is a graphical representation of a limiting value (e.g., a threshold) based on the range of permissible image values for an image. In some embodiments, the graphical representation is displayed approximately below the multi-slider knob (e.g., the blackpoint knob 450 or the whitepoint knob 470) that is moving beyond the permissible tonal range of the image. In some embodiments, moving the blackpoint or whitepoint knob past the permissible range threshold causes the clipping indicator 1140 to appear below the knob.
[0145] In some embodiments, black and white limits are determined for the image when the image is selected for displaying in the preview display area 420. In some embodiments, a data structure that stores the image also stores a set of metadata related to tonal attributes, including the permissible tonal range of the image. In some embodiments, the black limit represents a limiting value at which no deeper black level is attainable for the image. Expanding the tonal range beyond the black limit causes tonal distortion of the image. For example, visible details of some areas of the image may get crushed into black (e.g., the details are not visible). Likewise, the white limit represents a limiting value at which no brighter white level is attainable for the image. Expanding the tonal range beyond the white limit also causes image distortion. For instance, visible details of some areas of the image may get washed out to white (e.g., the details are not visible).
[0146] The tonal range of permissible image values is determined differently for different images in different scenarios. In some embodiments, the black and white limits are based on a data format (e.g., RAW, JPEG, etc.) in which an image is captured. Specifically, the black and white limits in some embodiments are based on the bit-depth (e.g., 8 bits per color channel, 12 bits per channel, 14 bits per channel, etc.) of the captured image format. For example, an image captured of a particular scene in RAW format (e.g., 12-bit or 14-bit RAW format) may have a greater permissible tonal range of image values than an image captured of the same particular scene in JPEG format (e.g., 8-bit). The black and white limits may also be based on natural visual qualities of the scene (e.g., bright or dim lighting, existence or lack of shadows or highlights, etc.) being captured. For example, an image of a scene with abundant lighting captured in a particular format may have a greater permissible tonal range of image values than an image of a different scene with limited lighting captured in the same particular format.
[0147] The first stage 1110 shows the multi-slider exposure tool 440 with an initial configuration of knobs associated with a displayed image. As illustrated, the displayed image has items in different tonal ranges. For example, the ground, the car wheels, and a cloud are within a darker tonal sub-range, while the sky, the body of the car, and some other clouds are within a lighter region. Furthermore, different details are visible (e.g., the car wheels and the birds in the sky). For this image, the blackpoint and whitepoint knobs 450 and 470 correspond to the blackpoint and whitepoint of a histogram 1118 representing the tonal range of image values of the image. As shown at this stage 1110, a black and white indicators are illustrated subjacent to the histogram 1118 to indicate the relative positions of the blackpoint and whitepoint.
[0148] A response curve 1119 is also shown at this stage with black and white cutoff points, which correspond to the blackpoint and whitepoint knobs 450 and 470 of the multi-slider exposure tool 440. The response curve maps input image values to output image values. Black and white input markers are illustrated subjacent to the response curve 1119 to provide a visual indication of a set of input image values for the image. Also, to illustrate the output black value, a black indicator is displayed adjacent to the side of the response curve 1119. For the image displayed at this stage 1110, the input black value (i.e., indicated by the black input marker along the X-axis) and output black value (i.e., indicated by the black output marker along the Y-axis) are determined by the response curve 1119. In this case, the user has not adjusted the image (e.g., the user has only selected the blackpoint knob 450 at this stage). Therefore, the response curve 1119 is equidistant between the X-axis and Y-axis (e.g., 45° angle) to indicate that each input image value is output at the same value. In other words, no change.
[0149] The second stage 1120 shows that the user moves the blackpoint knob to the left along the track of the multi-slider exposure tool 440. As described above in relation to FIG. 7 , this operation expands the tonal range of image values displayed for the image. In particular, the displayed image now appears with several black items (e.g., the ground, the wheels, a cloud, etc.). Other items are slightly darker, and still other items are white. Furthermore, details are still visible in the image (e.g., the hubcaps of the wheels and the birds in the sky).
[0150] In the histogram 1128 at the second stage 1120, the black indicator is repositioned to the left. Thus, the tonal range is shown between the black indicator (now positioned at the origin of the X-axis and Y-axis) and the white indicator (unchanged). To indicate the prior position of the black indicator, a gray indicator is shown subjacent to the histogram 1128. Also, a partially-dashed curve is shown in the histogram 1128 to indicate the original curve of the histogram 1118 shown at the first stage 1110.
[0151] In the response curve 1129, the black input marker is unchanged while the black output marker moves down the Y-axis to reflect the leftward repositioning of the blackpoint knob along the track. Accordingly, the black cutoff point moves down in order to reformulate the response curve 1129. The original response curve 1119 (e.g., before the user moves the blackpoint knob) is shown as a dashed line at this stage, and the resulting response curve (e.g., after the user moves the blackpoint knob) is shown as a solid line. This resulting response curve 1129 has a steeper slope than the slope of the original response curve 1119. The slope is steeper because the expansion of the image tonal range is linear from the black cutoff point to the white cutoff point.
[0152] At the third stage 1130, the user moves the blackpoint knob 450 further to the left along the track. However, unlike the operation at the second stage 1120, which expands the tonal range as the user moves the blackpoint knob to the left, the operation associated with moving the blackpoint knob 450 further to the left along the track does not expand the tonal range of image values at this stage. Instead, this operation results in image distortion by crushing details from the pixels made black. In this case, the clipping indicator 1140 is displayed below the multi-slider exposure tool 440 to indicate that the movement of the blackpoint knob 450 is beyond the permissible tonal range of image values for the image.
[0153] The effect of clipping at this stage is shown by the appearance of the image, which is considerably darker than in either of the first two stages. This darkening of the image overall did not darken any image items that were already black at the second stage. Thus, the ground, the car wheels, and the black cloud shown at the second stage 1120 are still the same level of black in the third stage. The difference now is that several image items are black, including the ground, the wheels, the body of the car, and the clouds. These items had varying levels of darkness in the initial configuration for the image at the first stage, but now all appear with the same level of black. Furthermore, the sky is dark gray at this stage, whereas it was white in both of the first and second stages. Also, the details previously visible on the car wheels and in the sky (e.g., the flying birds) are no longer visible (e.g., due to distortion of fine image details) at this stage.
[0154] As shown in the histogram 1138 at this stage, the black indicator is not repositioned to the left because the black indicator was already at the origin before the user moved the blackpoint knob past the tonal range threshold. However, the histogram 1138 graph is repositioned as if further expansion was possible. Instead, as shown in the third stage, several pixels are repositioned at the lowest X-axis value (e.g., corresponding to the blackest black in the tonal range of image values). This operation darkens many pixels of varying degrees of darkness to the darkest black level in the tonal range. For example, the body of the car had midtone image values at the second stage 1120, but was set to black at the third stage 1130. Also, the details that were visible on the wheels and in the sky at the first and second stages are not visible in the third stage.
[0155] In the response curve 1139, the black input and output markers are unchanged. However, in response to the user moving the blackpoint knob 450 further to the left (i.e., clipping beyond the permissible tonal range), the response curve 1139, is shown with a first short section along the X-axis, and a reformulated slope to the whitepoint cutoff. In this case, the first short section illustrates that several input image values are mapped to the same output image value (i.e., the darkest black value).
[0156] 2. Dual Operation Knobs
[0157] In some embodiments, multiple different tonal adjustment operations are associated with a particular knob. Such a knob is referred to here as a dual operation knob. In some embodiments, the multi-slider exposure tool 440 of FIG. 4 includes multiple dual operation knobs that cause different tonal adjustments depending on the direction of movement along the track of the multi-slider exposure tool 440.
[0158] i. Blackpoint Out and Shadow Recovery In
[0159] FIG. 12 conceptually illustrates the effect of different slider movements of a dual operation knob associated with different operations in some embodiments. The blackpoint/shadow knob 1250 shown in this figure is similar to the blackpoint knob 450 shown in FIG. 11 , except that in this figure the blackpoint/shadow knob 1250 is illustrated during three stages (1210-1230) associated with expanding the tonal range of the image and lifting shadows of dark tone regions of the image. In this figure, an initial blackpoint position 1275 is shown for indicating the position of the blackpoint/shadow knob 1250 in the initial configuration of the multi-slider exposure tool for the image.
[0160] As described above in relation to FIGS. 6 and 11 , an image has an initial tonal range that is reflected in the positioning of the knobs of the multi-slider exposure tool 440. This initial tonal range may include different tonal sub-ranges (dark, light, and midtone sub-ranges). This range also includes the initial blackpoint position 1275. In some embodiments, the initial tonal range can be expanded by moving the blackpoint knob 450 to the left along the multi-slider track. However, in some embodiments, the initial tonal range cannot be reduced. In other words, the initial tonal range of the image is a fixed minimum tonal range of the image. Thus, the initial positions of the blackpoint and whitepoint knobs reflect the fixed tonal endpoint values of the minimum tonal range of the image. Therefore, in some embodiments, a dual operation knob is used in place of the blackpoint knob 450.
[0161] The blackpoint/shadow knob 1250 is for performing two different tonal adjustments depending on the position of the knob 1250 in relation to the initial blackpoint position 1275 and the direction the knob 1250 moves along the multi-slider track. In the first case, when the blackpoint/shadow knob 1250 moves outward away from the initial blackpoint position 1275 of the multi-slider track (e.g., moved to the left from its initial position), the knob 1250 adjusts the darkness of the image. In the second case, however, when the blackpoint/shadow knob 1250 moves inward past the initial blackpoint position 1275 (e.g., moved to the right from its initial position), the knob 1250 lifts shadows of the image. These two cases are further elaborated below, with the first case described first and the second case following after.
[0162] For the first case, as discussed above by reference to FIG. 7 , the initial tonal range of the image can be extended by moving the blackpoint knob away from the initial blackpoint position 1275 of the multi-slider track in some embodiments. In doing so, the tonal range of the image is expanded to include lower image pixel values (e.g., deeper black appearance) than the lowest pixel values indicated by the initial tonal range.
[0163] On the other hand, after the tonal range is expanded the blackpoint/shadow knob 1250 can be moved back along the multi-slider track toward the initial blackpoint position 1275. Moving the blackpoint/shadow knob 1250 back in to any position up to the initial blackpoint position 1275 reduces the expanded range. When the blackpoint/shadow knob 1250 reaches the initial blackpoint position 1275, assuming no other tonal adjustments have been made when the tonal range was expanded, the range expansion is eliminated and image pixel values are reduced to the initial values in relation to the initial tonal range of the image.
[0164] Conversely, for the second case, when the blackpoint/shadow knob 1250 is moved past the initial blackpoint position 1275 in a direction toward the center of the multi-slider track (e.g., moved to the right along the track), the blackpoint/shadow knob 1250 is for recovering shadows (e.g., increasing dark pixel values) of the image. In this case, the range is fixed to the initial blackpoint position 1275, despite the apparent reduction in the tonal range. As described below, shadow recovery does not reduce the tonal range, but instead raises the image pixel values for a select set of pixels of the image.
[0165] In some embodiments, shadow recovery is an operation the media editing application performs for selectively lifting dark areas in a shadow region of the image when the blackpoint/shadow knob 1250 is moved inward along the track. The media editing application performs this operation, in some embodiments, by identifying the shadow region of the image and increasing image pixel values within the shadow region.
[0166] The shadow region is defined in different ways in different embodiments. In some embodiments, the shadow region may be predefined for the image in some embodiments. For instance, the pixels distributed in the darkest half or darkest one-third of the tonal range may be defined as the shadow region of the image. Alternatively, the shadow region, in some embodiments, is determined based on weighting factors related to the overall darkness or lightness of the image. For example, a shadow region for a relatively dark image may be defined over a greater number of pixels than a shadow region for a relatively light image.
[0167] In some embodiments, the media editing application increases image pixel values uniformly within the shadow region. Alternatively, the media editing application of some embodiments increases image pixel values proportionally across the shadow region. For example, the values of all the pixels in the shadow region may be uniformly increased in the shadow region. In other embodiments, the media editing application increases image pixel values non-proportionally within the shadow region. For example, the values of darker pixels in the shadow region may be increased more than the values of lighter pixels in the shadow region.
[0168] In some embodiments, the media editing application selects particular areas within the shadow region in which to perform shadow recovery. For example, the media editing application may select areas that are determined to have sufficient detail when exposed in lighter tonal ranges. The media editing application may then enhance the details within these areas by increasing the image pixel values uniformly, proportionally, or non-proportionally. In some embodiments, the media editing application uses an image mask to select the areas in the shadow region. In some cases, the image mask is generated based on user preference. For example, a user may indicate that shadow recovery should not be performed on a designated area of the image.
[0169] The operation of the blackpoint/shadow knob 1250 will now be described in terms of the three stages (1210-1230). At the first stage 1210, a user selects the blackpoint/shadow knob 1250 of the multi-slider exposure tool 440. As shown, the image has a tonal range of image values from white (e.g., the sky, a cloud) to black (e.g., the wheels), with varying midtone range (e.g., the ground, the car, the other clouds). The tonal range of image values is represented at this stage by the histogram 1218 (i.e., between the blackpoint and whitepoint indicators) and the response curve 1219 (i.e., between the black and white cutoff points).
[0170] At the second stage 1220, the user moves the blackpoint/shadow knob 1250 to the left, which deepens the appearance of dark areas of the image. According to the blackpoint/shadow knob 1250 movement by the user, the black indicator of the histogram 1228 moves left. As shown, this increases the tonal range of image values for the image. In addition, the initial blackpoint position 1275 is indicated on the histogram 1228 by the gray triangle 1272. This movements of the blackpoint/shadow knob 1250 redistributes the pixels of the image within the expanded range. As shown, the curve over the tonal range appears to be reduced or flattened out. This reflects a variation in the frequency of pixels (shown along the Y-axis) for many of the individual image pixel values. This pixel frequency variation is the result of the image pixel values being redistributed along the expanded curve (e.g., more positions to fill with the same number of pixels).
[0171] In the response curve 1229, the repositioned blackpoint/shadow knob 1250 is reflected in the movement of the black cutoff point to a lower image value, as shown by the black triangle along the Y-axis of the response curve 1229. In some embodiments, moving the black cutoff point down causes the response curve 1229 to be reformulated. In this case, the reformulated curve (solid line) has a greater slope than the original response curve 1219 (dashed line). Also, the expansion of the tonal range by changing the black cutoff point is a linear operation that affects all of the tonal image values of the image.
[0172] At the third stage 1230, the user moves the blackpoint/shadow knob 1250 to the right along the multi-slider track 440 past the initial blackpoint position at the gray indicator 1272 in order to lift shadows in the dark region of the image. As described above, this operation is different from an operation that deepens the black levels of the image and expands the tonal range of the image. In some embodiments, as noted above, a shadow region is determined for performing the shadow lifting operation. In some cases, the operation selectively recovers details in shadow regions, as described in detail above. This is performed, for example, by using a mask for dark areas of the image that are determined to have sufficient detail to display.
[0173] As shown in the histogram 1238, the expanded tonal range is reduced when the user moves the blackpoint/shadow knob 1250 to the right along the multi-slider track at the third stage 1230. Comparatively, the tonal range between the initial blackpoint position (gray triangle indicator 1272) and the whitepoint indicator is not reduced during this movement. Instead, the media editing application performs shadow recovery within the shadow region of the image. As shown in the histogram 1238, the curve has a flat slope between the initial blackpoint position at the gray indicator 1272 and the position of the black indicator. This span of the curve constitutes the shadow region. As shown, very few pixels of the image are represented in the curve in the shadow region. However, the slope of the curve abruptly increases after the position of the black indicator (i.e., after the shadow recovery region). Thus, as shown here, the shadow recovery operation adjusts the histogram 1238 without reducing the tonal range of the image.
[0174] In addition, the response curve 1239 at the third stage 1230 shows that shadow recovery is a non-linear operation. In particular, the curve redistributes the pixels of the image differently based on the input value of the pixel. For instance, each of a relatively small sub-range of input pixel values starting at the X-axis position of the black indicator to quickly-increasing (e.g., the steep increase in the curve) output pixel values. The curve then maps several more input pixel values to output pixel values over the shadow region. Finally, the curve maps the input values of the remaining pixels to the same values as the output pixel values (i.e., the response curve 1239 converged with the initial curve). In other words, beyond the shadow region there is no difference between a pixel's input value and its output value.
[0175] ii. White Out and Highlight In
[0176] FIG. 13 conceptually illustrates the effect of different slider movements of a dual operation knob associated with different operations in some embodiments. The whitepoint/highlight knob 1350 shown in this figure is similar to the blackpoint/shadow knob 1250 shown in FIG. 12 , except that in this figure the whitepoint/highlight knob 1350 is illustrated during three stages (1310-1330) associated with expanding the tonal range of the image from the lighter region of the tonal range and attenuating highlights in light regions of the image. In this figure, an initial whitepoint position 1375 is shown for indicating the position of the whitepoint/highlight knob 1350 in the initial configuration of the multi-slider exposure tool 440 for the image.
[0177] As described above, an image has an initial tonal range that includes the initial whitepoint position 1375. In some embodiments, the initial tonal range can be expanded by moving the whitepoint/highlight knob 1350 to the right along the multi-slider track. In a manner similar to shadow recovery, highlight attenuation of some embodiments is also possible by using another dual operation knob in place of the whitepoint knob 470. Like the blackpoint/shadow knob 1250, the whitepoint/highlight knob 1350 is for performing two different tonal adjustments depending on its position and the direction of movement. That is, moving the whitepoint/highlight knob 1350 to the right increases the tonal range of the image, but moving the whitepoint/highlight knob 1350 to the left attenuates highlights of the image (but the tonal range is not reduced).
[0178] In some embodiments, highlight attenuation is an operation the media editing application performs for tempering or reducing particularly distinctive bright areas of an image relative to surrounding areas of the image (e.g., the glare reflected off a car window or the sheen of a person's forehead). The media editing application performs this operation, in some embodiments, when the whitepoint/highlight knob 1350 moves left past the initial whitepoint position 1375 along the multi-slider track.
[0179] Like the shadow region, the highlight region provides the sub-range region over which the highlight reduction operation is performed by the media editing application. The operation of the whitepoint/highlight knob 1350 will now be described in terms of the three stages (1310-1330).
[0180] At the first stage 1310, a user selects the whitepoint/highlight knob 1350 of the multi-slider exposure tool 440. Like the image shown at the first stage of FIG. 12 , the tonal range of image values of the image is shown by the histogram 1318 and the response curve 1319.
[0181] At the second stage 1320, the user moves the whitepoint/highlight knob 1350 to the right, which expands the tonal range of the image. The whitepoint indicator of the histogram 1328 also moves right based on the whitepoint/highlight knob 1350 movement. While the leftward movement of the blackpoint/shadow knob 1250 increased the tonal range of the image from the dark region of the image, the rightward movement of the whitepoint/highlight knob 1350 in this figure increases the tonal range from the light region of the image.
[0182] The histogram 1328 and response curve 1329 at this stage are similar to the histogram 1228 and response curve 1228 shown in the second stage of FIG. 12 . However, instead of extending the tonal range in the histogram by moving the blackpoint indicator, in this case the whitepoint indicator is moved right. Furthermore, the response curve reformulates the curve such that the adjustment is performed in the whitest region down to the black cutoff point.
[0183] At the third stage 1330, the user moves the whitepoint/highlight knob 1350 to the left along the track. This movement has the effect of reducing the tonal range back to the initial tonal range of the image. However, like in FIG. 12 , this reduction in tonal range is limited. Beyond the initial whitepoint position 1375, the media editing application performs highlight attenuation or reduction. For example, an image of a car may have glare from the sun reflecting off a window. When the tonal range is expanded, all of the pixel values over the image increase linearly. When the user moves the whitepoint/highlight knob 1350 back (i.e., left), all of the pixel values over the image decrease linearly with the movement. However, as the whitepoint/highlight knob 1350 moves past the initial whitepoint position 1375, the media editing application selectively reduces highlights of the image. In this case, the glare reflecting off the car window may be reduced, while the overall brightness of other areas of the car does not decrease. As noted above, the media editing application may use a mask to selectively reduce highlights in the highlight region of the image.
[0184] As in the second stage 1320, the histogram 1338 and response curve 1339 at this stage 1330 are similar to the histogram 1238 and response curve 1239 shown in the third stage 1230 of FIG. 12 . However, instead of reducing the tonal range down to the initial tonal range of the image, and then lifting shadows in the image, in this case the whitepoint/highlight knob 1350 is moved left to initially reduce the expanded tonal range back to the initial tonal range of the image, and then to selectively reduce highlights in the highlight region of the image.
[0185] Having discussed special treatment cases of the black and white cutoffs, the next example describes the effect of multiple slider knob movements when the shadows are lifted in the image by moving the knob 450 to the right along the track.
[0186] 3. Fixed Black and White Cutoffs
[0187] FIG. 14 conceptually illustrates slider movements of the multi-slider exposure tool 440 that fix the black and white cutoffs for adjusting an image in some embodiments. This figure illustrates, during four stages (1410-1440), that when the user moves the blackpoint/shadow knob 1250 to the right to lift shadows, the black cutoff point is fixed, such that subsequent tonal adjustments to the image are persisted when the blackpoint/shadow knob 1250 is moved back to its initial position in the initial tonal range of the image.
[0188] As described above, the blackpoint/shadow knob 1250 is a dual operation knob for performing tonal range expansion and shadow recovery operations. While the description of this figure relates to the blackpoint/shadow knob 1250, the points illustrated in the description of this figure similarly relate to other dual operation knobs, such as the whitepoint/highlight knob 1350 described above.
[0189] The first stage 1410 shows the multi-slider exposure tool 440 with an initial configuration of knobs associated with a displayed image. As shown, the tonal range of image values covers dark tones (e.g., the mountain), midtones (e.g., the car and the ground), and light tones (e.g., the wheels and the sky). The initial configuration corresponds to the tonal range of image values for this image, which is illustrated in the histogram 1450. Also, the black and white cutoff points reflect this initial configuration and are illustrated in the response curve 1455. At this stage, a user selects the blackpoint knob 1250 for adjusting the black cutoff point of the image.
[0190] At the second stage 1420, the user moves the blackpoint/shadow knob 1250 to the right, which performs a shadow recovery operation in a shadow region of the image (similar to the shadow recovery performed in FIG. 12 ). In addition, as the user moves the blackpoint/shadow knob 1250 along the multi-slider track, the contrast and brightness knobs are automatically moved (e.g., pushed) along the track by the media editing application.
[0191] In the histogram 1452, the blackpoint indicator 1442 and brightness indicator 1444 reflect the relative positioning of the knobs on the multi-slider exposure tool. However, the initial black indicator 1446 (i.e., gray triangle subjacent to the histogram 1452) is not moved despite the blackpoint/shadow knob 1250 repositioning because in a shadow recovery operation, the initial tonal range of the image does not contract. Therefore, the tonal range shown in the histogram 1452 is not reduced, but instead represents very few pixels of the histogram 1452 between the initial black indicator 1446 and the repositioned black indicator 1442 (e.g., the curve is nearly floored between the initial and repositioned black indicators 1446 and 1442).
[0192] Also, the black cutoff point remains positioned at the initial cutoff position despite the blackpoint/shadow knob 1250 movement along the multi-slider track to the right. The response curve 1457 reflects the shadow recovery operation in terms of the bulging out of the curve.
[0193] At the third stage 1430, the user selects and moves the brightness knob 460 to the right along the multi-slider track in order to increase the overall level of brightness in the image. As a massive proportion of the image pixel values currently fall between the black indicator 1442 and the white indicator 1448 (despite not having reduced the initial tonal range of the image), the brightness operation largely affects pixels in this tonal sub-range. Thus, as shown at this stage 1430, the image appears very light, with the mountain, car, wheels, ground, and sky all appearing white. The relatively few pixel represented in the shadow region of the histogram 1460 are also affected by the brightness operation. However, the effect of the brightness adjustment on these pixels has minimal impact on the present appearance of the image and on subsequent tonal adjustments of the image.
[0194] The user's movement of the brightness knob is reflected in the histogram 1460, where the brightness indicator 1444 moves to the right in accordance with the movement of the brightness knob 460. This causes the histogram 1452 to shift rightward, so that more pixels are associated with brighter image pixel values, as shown in the resulting histogram 1460.
[0195] The response curve 1465 also shows the increased level of brightness by the convex portion bulging out of the curve. Although all of the image pixel values are brightened by this operation, the effect of moving the brightness knob 460 is shown to largely affect the massive proportion of pixels that are not in the shadow region, while the relatively few pixels within the shadow region are barely affected by the brightness operation. Therefore, tonal adjustments a user makes to the image after performing a shadow recovery operation encompasses all of the pixels of the image, but has particularly strong effect on non-shadow regions. As tonal adjustments performed after shadow recovery are persistent, this application of the brightness operation disproportionately affects one tonal sub-region at the expense of another tonal sub-region.
[0196] At the fourth stage 1440, the user selects and moves the blackpoint/shadow knob 1250 back to the initial blackpoint position it occupied at the first stage 1410. For this operation, the media editing application performs shadow casting (e.g., the shadows lifted at the second stage 1420 are cast out or lowered again). The media editing application also moves the contrast and brightness knobs to the left along the multi-slider track.
[0197] At this stage 1440, however, the image appears lighter than the image at the first stage 1410. For example, the image at the first stage 1410 shows that the mountain is black and the ground, the car, and the wheels are all approximately in the same midtone region, whereas the image at the fourth stage 1440 shows that the mountain is shaded, the ground is white, and the wheels and car appear lighter than in the first stage 1410. In this case, the change in brightness made at the third stage 1430 remains in effect as the user moves the blackpoint/shadow knob 1250 back to the initial position shown at the first stage 1410 (i.e., as indicated by the gray position indicator 1446). In other words, the brightness adjustment made at the third stage 1430 gets stretched out as if the tonal range was being expanded, despite the tonal range remaining the same (i.e., the tonal range is maintained and only the shadows are recast at this stage 1440).
[0198] This stretching effect of the brightness adjustment is illustrated in the histogram 1470. As shown, the histogram 1470 is a solid line and represents the distribution of image values after the user moves the blackpoint/shadow knob 1250 to the left during the fourth stage 1440. The two dashed lines 1450 and 1460 represent the histograms for the image at previous different stages. Specifically, the dashed line 1460 represents the histogram curve at the third stage 1430 and the dashed line 1450 represents the original histogram curve shown at the first stage 1410. As shown, the dashed line 1450 representing the original histogram has a greater distribution of pixel values for darker image values compared to the histogram 1470 (solid line) at this stage 1440. This is also shown in the response curve 1475 at the fourth stage 1440, with the original response curve 1455, the response curve 1465 at the third stage 1430, and the present response curve 1475 at the fourth stage 1440.
[0199] Thus, the fixed black and white cutoff points effectively limit the scope of tonal adjustments to be within high pixel distribution regions of the histogram. At the same time, such tonal adjustments are persisted when a user moves the blackpoint/shadow knob 1250 back toward the initial position.
[0200] Having discussed special treatment cases of the black and white cutoffs, the next example describes a different feature of the multi-slider exposure tool used in conjunction with a context-sensitive on-screen control of some embodiments.
[0201] E. Tonal Adjustments by Indirect Manipulation of the Knobs
[0202] FIGS. 7 , 8, 9, 10, 11, 14, 12, and 13 described above, illustrate several examples of moving the knobs of the multi-slider exposure tool to adjust tonal attributes of images. In those examples, the multi-slider exposure tool is directly manipulated by the user's selection and movement of the knobs. However, in some embodiments, a user can adjust tonal attributes of the image by indirectly manipulating the multi-slider exposure tool. This example describes using a user interface (UI) control that is overlaid upon the image (also referred to as an on-image control) for indirect manipulation of the multi-slider exposure tool.
[0203] FIG. 15 conceptually illustrates an on-image exposure control 1550 for indirectly manipulating the multi-slider exposure tool of some embodiments. Specifically, in three stages (1510-1530), this figure presents a GUI of a media editing application that is similar to the GUI shown in FIG. 12 . However, this figure illustrates that the knobs of the multi-slider exposure tool are highlighted and moved in response to a user's manipulation of the on-image exposure control. Such an on-image control 1550 is shown in FIG. 15 .
[0204] The first stage 1510 shows the multi-slider exposure tool 440 with the set of knobs 1250, 455, 460, 465, and 1350 positioned according to the tonal attributes of the displayed image. As shown at this stage, a user selects a location within the image. In some embodiments, the user selects the location by performing a gesture, such as tapping or touching a touch-responsive display device. In other embodiments, other gestures are performed for selecting the location. In this example, the user selects the car shown in the image. The car appears gray in this image, and thus, the pixel values for the car are in the midtone region.
[0205] At the second stage 1520, the media editing application overlays the on-image exposure control 1550 at the user's selected location. The on-image control 1550 is illustrated with four directional arrows, each of which indicates a tonal adjustment operation to apply to the image. In some embodiments, different visual characteristics of the on-image control indicate the types of tonal adjustment operations to apply to an image. While the on-image control 1550 shown in this example appears opaque (e.g., portions of the image are not visible where the on-image control overlays the image), in some embodiments, the on-image control 1550 appears translucent or nearly transparent, so as not to obscure the display of the image.
[0206] In some embodiments, the tonal adjustment operations associated with the on-image control 1550 depend on the image pixel values at the selected location. For example, different operations may be provided when the selected location has pixels in dark, bright, or midtone regions of the image. In this example, the selected location is in the midtone region (i.e., gray pixels of the car), and may be associated with operations that account for midtone image characteristics. As described below, the media editing application of some embodiments provides different tonal adjustment operations for different tonal ranges of pixel values.
[0207] At this stage 1520, the media editing application determines that the selected location has pixels in the midtone region and designates brightness and contrast operations for the on-image control. Specifically, the upward pointing arrow is associated with an operation that increases brightness and the downward pointing arrow is associated with an operation that decreases brightness. Also, the horizontal arrows are associated with an operation that adjusts contrast of the image.
[0208] In some embodiments, the media editing application highlights the knobs (i.e., brightness knob 460 and contrast knobs 455 and 465) of the multi-slider exposure tool 440 that correspond to the designated operations of the on-image control 1550. In some of these embodiments, the media editing application highlights the corresponding knobs approximately simultaneously with designating the operations (i.e., brightness and contrast) for the on-image exposure control 1550. As shown at this stage 1520, the brightness knob 460 and the two contrast knobs 455 and 465 are highlighted.
[0209] Highlighting the knobs that correspond to the designated operations of the on-image control 1550 provides a visual indication of the tonal adjustment operations available to the user of the on-image control. In some embodiments, the media editing application does not highlight the corresponding knobs, but instead provides a different visual indication of the operations designated for the on-image control. For example, the corresponding knobs may appear with a different size relative to the other knobs of the multi-slider exposure tool (e.g., by increasing the size of the corresponding knobs or decreasing the size of the other knobs). In some embodiments, no visual indications are provided for the corresponding knobs, but instead, the entire multi-slider exposure tool is highlighted or made visually apparent to the user.
[0210] The third stage 1530 shows that the user selects (e.g., by dragging a finger or touch apparatus on the touch display device) the operation for decreasing brightness. The media editing application in some embodiments hides the arrows of the on-image control 1550 that are not selected. In this case, only the downward pointing arrow remains visible as the user moves (e.g., drags touch apparatus or finger) down the arrow to adjust the image brightness. In response to this selection, the media editing application reduces the overall brightness of the image. As shown in the image, for example, the car is darker gray, the ground is black, and the clouds are varying degrees of gray. In addition to reducing the brightness of the image, the media editing application moves the brightness knob 460 to the left along the multi-slider track. As described above, when the brightness knob is moved, in some embodiments, the media editing application automatically moves the contrast knobs as well. As shown at this stage 1530, the media editing application automatically moves the contrast knobs 455 and 465 based on the repositioning of the brightness knob 460 (e.g., half-way between the repositioned brightness knob and the proximate endpoint knob).
[0211] On-image controls are described in a concurrently filed U.S. Non-Provisional patent application Ser. No. 13/629,428, now published as U.S. Patent Publication 2013/0235069, entitled “Context Aware User Interface for Image Editing”. The U.S. Non-Provisional patent application Ser. No. 13/629,428, now published as U.S. Patent Publication 2013/0235069 is incorporated herein by reference.
[0212] Having discussed an example of a user interface (UI) control that is overlaid upon the image for indirectly manipulating the multi-slider exposure tool, the next example describes an alternative UI implementation of the multi-slider exposure tool of some embodiments.
[0213] F. Alternative UI Implementation
[0214] As many of the features described above illuminate, a multi-slider exposure tool provides the advantage of saving space by using a single UI tool for performing several different operations in lieu of using several separate UI tools, each of which is used for a different operation. However, some devices do not have enough display space to realize this advantage. Such devices includes, for example, a smartphone such as an Apple iPhone®, or a tablet computing device operating in portrait mode, such as an Apple iPad® or Samsung Galaxy®. On these devices, overcrowding of the different knobs on the single slider track may occur, or the image viewing area may be squeezed or obscured by the multi-slider tool. Such devices may benefit from an alternative UI implementation of the multi-slider exposure tool.
[0215] FIG. 16 conceptually illustrates a GUI of a smart phone having a selective slider exposure tool in some embodiments. In particular, this figure illustrates, over three stages (1610-1630) that different image adjustment icons are individually selectable from an image adjustment tool display area for adjusting tonal attributes of an image.
[0216] The GUI has a thumbnail display area 1640 and a preview display area 1650 similar to the thumbnail display area 410 and the preview display area 420 shown in FIG. 4 , except that the thumbnail display area 1640 of this figure is illustrated below the preview display area 1650. A slider track 1645 similar to the multi-slider track shown in FIG. 4 is sandwiched between the preview display area 1650 and the thumbnail display area 1640. In some embodiments, the slider track 1645 overlays the thumbnail display area 1640. In some of these embodiments, the slider track 1645 appears sufficiently translucent so that a user can view thumbnail images in the thumbnail display area 1640. The GUI of this figure also has an exposure adjustment tool bar 1660 with three selectable adjustment icons, including a light/dark icon 1665, a brightness icon 1670, and a contrast icon 1675. The GUI also has a set of navigation and mode tools 1680, an image adjustment tool 1685, and an image reset icon 1690. The slider track 1645 and the three selectable adjustment icons (1665-1675) together constitute the selective slider exposure tool of some embodiments.
[0217] The operation of the selective slider exposure tool is described in terms of the three stages (1610-1630). At the first stage 1610, the GUI is displayed in media editing mode. As shown, the icon for editing is selected (e.g., highlighted) in the set of mode tools 1680. Also, the editing mode is set for making tonal adjustments to the image. As illustrated, the image adjustment tool 1685 is selected from the exposure adjustment toolbar 1660. At this stage, the user selects an image from the thumbnail display area 1640, and the selected image is displayed in the preview display area 1650.
[0218] In some embodiments, the thumbnail display area 1640 is not displayed (e.g., hidden from the display) when the user selects an image in order to allow the image to be displayed in a larger display space of the GUI. In some of these embodiments, the thumbnail display area 1640 is hidden from the display until the user selects (e.g., by tapping) the image to be closed or minimized. In other embodiments, the image is displayed over the thumbnail display area 1640, but appears sufficiently translucent so that the user may view thumbnails shown in the thumbnail display area 1640 while the image is displayed.
[0219] At the second stage 1620, the user selects the light/dark icon for making tonal adjustments to the light and dark regions of the selected image. In some embodiments, the selection of any of the icons for making tonal adjustments is made with an on-image control such as the on-image control described above in relation to FIG. 15 . In some of these embodiments, the exposure adjustment toolbar 1660 is not displayed.
[0220] In response to the user's selection of the light/dark icon 1665 from the exposure adjustment toolbar 1660, the GUI displays individually movable dark and light knobs on the slider track 1645. The dark and light knobs shown at different positions along the track to allow a user to individually adjust dark regions or light regions with either knob independently of the other knob. As described above, the positions of the knobs reflect the image attributes (e.g., blackpoint, whitepoint, etc.) of the image when the user selects the image for editing. In some embodiments when the on-image control is displayed for selecting the icon, the slider track 1645 is not displayed at all. In these embodiments, the icon selected by using the on-image control is highlighted (e.g., illuminated, flashing, etc.) on the exposure adjustment toolbar 1660.
[0221] At the third stage 1630, the user selects and moves the dark knob along the slider track 1645. The user's movement is to the left along the track, which corresponds to an expansion of the tonal range (e.g., the user is deepening the black level at which image pixels are displayed). Similar to the operation of the multi-slider exposure tool described above in relation to FIG. 7 , moving the dark icon left causes other image attributes to change. In this case, brightness is reduced and contrast is also adjusted. In some embodiments, the movement (e.g., by the user dragging a touch apparatus or finger) across the on-image control determines the operation to apply.
[0222] The image in the preview display area 1650 now appears with some areas having a substantial amount of black and other areas relatively darker than the same areas of the image as shown at the second stage 1620. In addition, some areas remain light (e.g., the sky and some of the clouds). As described above, the tonal range expansion of the darkest region may not affect the lightest region. In other words, the whitepoint remains fixed despite the user's movement of the dark icon and the relative movements of the other icons.
[0223] Although the example shown in FIG. 16 illustrates selection and subsequent display and movement of the light/dark icon 1665, the operation of the selective slider exposure tool is similar when the user selects other icons. For instance, the user can select the brightness icon 1670 to adjust the brightness of the displayed image by moving a brightness knob along the slider track 1645.
[0224] Additionally, the user's selection of the contrast icon 1675 allows the user to move a contrast knob along the slider track 1645 to adjust image contrast. Unlike the previous examples that illustrated the tandem movements and operations of two contrast knobs when a user moves either one of the two contrast knobs, in some embodiments, the selective slider exposure tool only provides a single contrast knob for manipulating the contrast of an image. The operation of the single contrast knob, in some of these embodiments, is similar to the operation of the single brightness knob when the user selects the brightness icon 1670 in the selective slider exposure tool.
[0225] In this way, the selective slider exposure tool allows a user of a device with a limited display (e.g., a smartphone, a tablet, etc.) to make tonal adjustments to images in a manner similar to the operation of the multi-slider exposure tool described above.
II. Architecture and Processes
[0226] A. Multi-Slider Exposure Tool Architecture
[0227] FIG. 17 illustrates a software architecture block diagram of the multi-slider exposure tool of some embodiments. This exposure tool 1700 generates and controls the slider track and sliders, and modifies the images based on the locations of the sliders. As shown in this figure, the tool 1700 includes a slider processor 1725, an initial slider position identifier 1720, a slider adjustor 1710, a rules data storage 1715, and an image processor 1730.
[0228] The slider processor 1725 is the central control module of the tool. It interacts with the UI interaction module 1705 to receive input with respect to the tool (e.g., the opening and closing of the tool) and the sliders (e.g., the movement of the sliders). In response to the UI input, the slider tool 1700 can interact with (1) an initial slider position identifier 1720 to dynamically identify the range of the slider, (2) the slider adjustor 1710 to identify the new location of a manually moved slider and any other sliders that have to be automatically moved with the manually moved slider, and (3) the image processor 1730 to modify the image based on the positions of the sliders.
[0229] The slider tool 1700 can be invoked for an image in different ways in some embodiments. For instance, in some cases, the slider tool 1700 is invoked after a first image has been selected for display in the preview display area 420. In other cases, before the selection of the first image for display, the slider tool 1700 is invoked for a second image. In this case, the slider tool is invoked for the first image automatically as it was already selected for the second image.
[0230] Irrespective of how it is invoked, the slider tool first calls the initial slider position identifier 1720 when it is invoked for an image. The slider position identifier 1720 identifies the initial positions of the sliders based on an analysis that it performs of the image tonal attributes. This identifier in some embodiments identifies these initial positions based on a brightness histogram that it generates for the image. It defines the position of the blackpoint, whitepoint, and brightness sliders based on the black and white cutoff values of the histogram and the average brightness value of the histogram. As mentioned above, the black point cutoff in some embodiments is the histogram x-axis location corresponding to the darkest pixel in the image, the white point cutoff in some embodiments is the histogram x-axis location corresponding to the brightest pixel in the image, and the average brightness value is the median brightness value in the image. The position identifier 1720 specifies the initial contrast control locations as the locations between the black point cutoff value and the brightness value, and between the brightness value and the white point cutoff value.
[0231] Also, as mentioned above, the identifier 1720 receives the image data in terms of RGB values. In some of these embodiments, the identifier generates the brightness histogram by (1) expressing each pixel's brightness as the sum of its RGB values, and (2) placing these RGB values in a certain number of discrete histogram x-axis buckets that reduces the number of bits needed to express each x-axis histogram position. In other embodiments, the identifier converts the RGB value for each pixel into a color format that has luma or luminance as one of its color channels, and then generates the histogram based on the computed luma or luminance values. Again, to simplify the histogram representation, the identifier 1720 in some of these embodiments places the luma or luminance values in a smaller set of x-axis buckets.
[0232] After the initial position identifier 1720 identifies the initial slider positions, the slider processor 1725 directs the UI interaction module 1705 to present the multiple sliders at their identified initial positions. When one of these sliders is then moved by a user, the UI interaction module notifies the slider processor 1725 of this movement. The processor 1725 then directs the slider adjustor 1710 to identify the new position of the moved slider and the new positions of any other sliders that the tool 1700 has to automatically move based on the movement of the manually adjusted slider.
[0233] In some embodiments, the UI input regarding the manually adjusted slider is a directional input (e.g., a drag movement) that has to be converted into a positional movement of the slider. In these embodiments, the slider adjustor 1710 computes this positional movement from the directional movement and uses this computed value to adjust the manually moved slider.
[0234] The slider adjuster 1710 also uses the rules that are contained in the rules data storage 1715 (e.g., database, data file, data table, etc.) to identify any other slider that has to be automatically moved in conjunction with the manually adjusted slider. In the embodiments described above, three examples of such automatically moved sliders include (1) the contrast and brightness sliders when the blackpoint or whitepoint sliders are manually moved, (2) the contrast sliders when the brightness slider moves, and (3) the opposing contrast slider when a primary contrast slider moves. In some embodiments, manual movement of one slider may require automatic movement of one or more other sliders. Also, in some embodiments, automatic movement of one slider may further require automatic movement of one or more other sliders. For each slider that the slider adjuster 1710 identifies as one that it has to automatically move, the slider adjuster 1710 identifies a new position based on the new position of the manually moved slider that it previously identified.
[0235] Once the slider adjuster 1710 identifies the positions of the sliders in response to a user input, the slider processor 1725 directs the image processor 1730 to modify the current version of the image based on the slider positions identified by the slider adjuster 1710. The slider processor 1725 provides the image processor 1730 with (1) the current version of the image from the storage 1735 in some embodiments, or (2) the original version of the image along with instructions that capture all previous edit operations that have been performed on the image in other embodiments. This latter approach is used in embodiments that store the image data in a non-destructive manner by storing each image in its original format and storing all editing operations separately. In yet other embodiments, a lower resolution version of each edited image is stored in the storage 1735, and this lower resolution version is provided to the image processor 1725 in order to generate a new edited version of the image.
[0236] Based on these new positions, the image processor 1730 computes a new tonal response curve for the image, and a transform that specifies how to map the previous tonal response curve for the image to the new tonal response curve. The image processor 1730 then applies this transform to the current version of the image to produce a new modified version of the image. The slider processor 1725 then directs the UI interaction module to display this new modified version of the image on the display screen.
[0237] The slider processor 1725 also stores in the storage 1735 the new modified version of the image in some embodiments, or the original version of the image along with instructions that capture all previous and current edit operations that have been performed on the image in other embodiments. In some embodiments, a lower resolution version of the modified image is stored in the storage at this point. This lower resolution version is also provided in some cases to the UI interaction module 1705 for display on the device's display screen, as the resolution of this screen is often less than the full resolution of the original or edited images.
[0238] B. Multi-Slider Exposure Tool Processes
[0239] FIG. 18 conceptually illustrates a process 1800 that the media editing application of some embodiments performs to display a multi-slider exposure tool for an image. In some embodiments, part of this process is performed by the multi-slider exposure tool 1700. This process initially receives (at 1805) a selection of a thumbnail image from an album in the thumbnail display area. The process then displays (1810) the image in the preview display area.
[0240] Next, at 1815, the process receives selection of the multi-slider exposure tool in the editing tool set. The process then analyzes (at 1820) the tonal attributes of the displayed image. Several manners of analyzing these attributes (e.g., to generate brightness histograms) were described above in Section II.A. Based on this analysis, the process then generates (at 1825) the initial position configuration of the sliders, as described above in Section II.A. The process then directs the UI interaction module to display (at 1830) the multi-slider tool with the identified initial slider configuration.
[0241] FIG. 19 conceptually illustrates a process 1900 of some embodiments for changing the appearance of an image by modifying one or more sliders of a multi-slider exposure tool. The multi-slider exposure tool 1700 performs the process 1900 in some embodiments. Moreover, the process 1900 of some embodiments is performed by the multi-slider exposure tool when the application has the exposure tool invoked.
[0242] The process 1900 begins by determining (at 1905) whether a slider on the track of the multi-slider exposure tool is selected. When a slider is selected, the process 1900 proceeds to 1910. However, when no slider is selected, the process 1900 of some embodiments returns to 1905. In some embodiments, the process 1900 continuously evaluates whether any slider on the exposure tool track is selected. For example, the process continuously checks (e.g., by detecting selection events associated with the multi-control slider) the UI interaction module to determine whether any slider is selected in some embodiments, while in other embodiments it is notified by this module anytime one of the sliders is adjusted.
[0243] Next, the process 1900 identifies (at 1910) the attribute associated with the selected slider. For instance, the selected slider may be associated with the black cutoff value. After identifying the attribute associated with the slider, the process 1900 determines (at 1915) whether a movement of the slider is detected. If a movement of the slider is not detected, the process 1900 proceeds to 1935, to determine whether the slider is still selected. Otherwise, if a movement of the slider is detected, the process 1900 proceeds to 1920.
[0244] At 1920, the process identifies, based on the detected movement of the slider, a new position for the manually adjusted slider on the slider track and a new value for the attribute associated with this manually adjusted slider. In some embodiments, the process 1900 continuously changes the slider's position contemporaneously with a user's repositioning (e.g., by a touch gesture for dragging the slider) of the slider across the slider track.
[0245] Next, the process 1900 determines (at 1925) whether any other sliders of the exposure tool should be moved automatically in relation to the changed position of the manually moved slider. In some embodiments, the related sliders to automatically move are specified in a rules storage (e.g., the rules storage 1715). In some of these embodiments, the process determines the related sliders to automatically move by reviewing the rules in the rules storage 1715. In some embodiments, the rules are stored in a lookup table. In some embodiments, multiple rules are determined for automatically moving related sliders. For instance, manual movement of a particular slider may require automatic movement of one or more other sliders. Also, in some embodiments, automatic movement of any slider may require automatic movement of one or more other sliders. Furthermore, the automatic movement of a slider may be in the same direction or in the opposing direction to the movement of the manually adjusted slider, as described above.
[0246] When the process determines (at 1925) that there are not any related sliders to move, the process 1900 transitions to 1935 to adjust the position of the manually moved slider on the track, and then to 1940 to determine whether the slider is still selected. Otherwise, when the process determines (at 1925) that there are related slider(s) that need to be moved, the process 1900 identifies (at 1930) the position of the automatically adjusted sliders and then adjusts the position of the manually and automatically moved sliders on the slider track. After moving (at 1930) the manually and automatically adjusted sliders, the process 1900 proceeds to 1940 to determine whether the manually adjusted slider is still selected.
[0247] When the process 1900 determines (at 1940) that this slider is no longer selected (e.g., the user terminates his contact with this slider), the process 1900 ends. Otherwise, the process 1900 determines that the slider is still selected for continued processing and transitions back to 1915 for detecting movement. In some embodiments, the process 1900 continuously cycles through different combinations of operations 1915 through 1940 until the user stops his contact with the slider selected at 1905.
[0248] Although the processes described above are described in a particular order, different embodiments may perform these processes in a different order.
III. Image Viewing, Editing, and Organization Application
[0249] The above-described figures illustrated various examples of the GUI of an image viewing, editing, and organization application of some embodiments. FIG. 20 illustrates a detailed view of a GUI 2000 of some embodiments for viewing, editing, and organizing images. The GUI 2000 will be described in part by reference to FIG. 21 , which conceptually illustrates a data structure 2100 for an image as stored by the application of some embodiments.
[0250] The data structure 2100 includes an image ID 2105, image data 2110, edit instructions 2115, cached versions 2140 of the image, and any additional data 2150 for the image. The image ID 2105 is a unique identifier for the image, which in some embodiments is used by collection data structures to refer to the images stored in the collection.
[0251] The image data 2110 is the actual full-size pixel data for displaying the image (e.g., a series of color-space channel values for each pixel in the image or an encoded version thereof). In some embodiments, this data may be stored in a database of the image viewing, editing, and organization application, or may be stored with the data of another application on the same device. In some embodiments, this additional application is another image organization application that operates on the device, on top of which the image viewing, editing, and organization application operates.
[0252] Thus, the data structure may store a pointer to the local file associated with the application or an ID that can be used to query the database of another application. In some embodiments, once the application uses the image in a journal or makes an edit to the image, the application automatically makes a local copy of the image file that contains the image data.
[0253] The edit instructions 2115 include information regarding any edits the user has applied to the image. In this manner, the application stores the image in a non-destructive format, such that the application can easily revert from an edited version of the image to the original at any time. For instance, the user can apply a tonal adjustment to the image, leave the application, and then reopen the application and remove the tonal adjustment at another time. The edits stored in these instructions may be crops and rotations, full-image exposure, tonal, and color adjustments, localized adjustments, and special effects, as well as other edits that affect the pixels of the image. Some embodiments store these editing instructions in a particular order, so that users can view different versions of the image with only certain sets of edits applied.
[0254] In some embodiments, the edit instructions 2115 are implemented as a list 2160 of edit operations. The list 2160 includes edit operations such as edits 2161, 2162, 2163, 2164, and 2165. Each edit operation in the list 2160 specifies parameters necessary for carrying out the edit operation. For example, the edit operation 2162 in the list 2160 specifies an edit to the image that applies an exposure adjustment. In some embodiments, a set of edits are stored when a user-applied effect automatically triggers additional, different effects to be applied to the image. For example, a user-specified effect that expands the tonal range of the image may automatically trigger a brightness adjustment. The list 2160 in some embodiments links the automatically triggered edits to the user-specified edit so that the set of edits can be reverted together.
[0255] In some embodiments, the list 2160 records the sequence of edit operations undertaken by the user in order to create the final edited image. In some embodiments, the list 2160 stores the edit instructions in the order that the image editing application applies the edits to the image in order to generate an output image for display, as some embodiments define a particular order for the different possible edits provided by the application. For example, some embodiments define an exposure adjustment as one of the edit operations to be applied prior to certain other edit operations, such as localized adjustments and special effects. In some of these embodiments, the list 2160 stores the edit instructions for the exposure adjustment in a position (i.e., edit 2162) that would be applied before some of the other edit operations (e.g., edits 2163-2165).
[0256] The cached image versions 2140 store versions of the image that are commonly accessed and displayed, so that the application does not need to repeatedly generate these images from the full-size image data 2110. For instance, the application will often store a thumbnail for the image as well as a display resolution version (e.g., a version tailored for the image display area). The application of some embodiments generates a new thumbnail for an image each time an edit is applied, replacing the previous thumbnail. Some embodiments store multiple display resolution versions including the original image and one or more edited versions of the image.
[0257] Finally, the image data structure 2100 includes additional data 2150 that the application might store with an image (e.g., locations and sizes of faces, etc.). In some embodiments, the additional data can include Exchangeable image file format (Exif) data, caption data, shared image data, tags on the image, or any other type of data. Exif data is stored by the camera that captured the image and includes various information such as camera settings, GPS data, timestamps, etc. Caption data includes a user-entered description of the image. A tag is item that enables the user to associate the image with various information that marks or identifies the image, for example, as a favorite, as flagged, as hidden, etc.
[0258] One of ordinary skill in the art will recognize that the image data structure 2100 is only one possible data structure that the application might use to store the required information for an image. For example, different embodiments might store additional or less information, store the information in a different order, etc.
[0259] Returning to FIG. 20 , the GUI 2000 includes a thumbnail display area 2005, an image display area 2010, a first toolbar 2015, a second toolbar 2020, and a third toolbar 2025. The thumbnail display area 2005 displays thumbnails of the images in a selected collection. Thumbnails are small representations of a full-size image, and represent only a portion of an image in some embodiments. For example, the thumbnails in thumbnail display area 2005 are all squares, irrespective of the aspect ratio of the full-size images. In order to determine the portion of a rectangular image to use for a thumbnail, the application identifies the smaller dimension of the image and uses the center portion of the image in the longer direction. For instance, with a 1600×1200 pixel image, the application would use a 1200×1200 square. To further refine the selected portion for a thumbnail, some embodiments identify a center of all the faces in the image (using a face detection algorithm), then use this location to center the thumbnail portion in the clipped direction. Thus, if the faces in the theoretical 1600×1200 image were all located on the left side of the image, the application would use the leftmost 1200 columns of pixels rather than cut off 200 columns on either side.
[0260] After determining the portion of the image to use for the thumbnail, the image-viewing application generates a low resolution version (e.g., using pixel blending and other techniques) of the image. The application of some embodiments stores the thumbnail for an image as a cached version 2140 of the image. Thus, when a user selects a collection, the application identifies all of the images in the collection (through the collection data structure), and accesses the cached thumbnails in each image data structure for display in the thumbnail display area.
[0261] The user may select one or more images in the thumbnail display area (e.g., through various touch interactions described above, or through other user input interactions). The selected thumbnails are displayed with a highlight or other indicator of selection. In thumbnail display area 2005, the thumbnail 2030 is selected. In addition, as shown, the thumbnail display area 2005 of some embodiments indicates a number of images in the collection that have been flagged (e.g., having a tag for the flag set to yes). In some embodiments, this text is selectable in order to display only the thumbnails of the flagged images.
[0262] The application displays selected images in the image display area 2010 at a larger resolution than the corresponding thumbnails. The images are not typically displayed at the full size of the image, as images often have a higher resolution than the display device. As such, the application of some embodiments stores a cached version 2140 of the image designed to fit into the image display area. Images in the image display area 2010 are displayed in the aspect ratio of the full-size image. When one image is selected, the application displays the image as large as possible within the image display area without cutting off any part of the image. When multiple images are selected, the application displays the images in such a way as to maintain their visual weighting by using approximately the same number of pixels for each image, even when the images have different aspect ratios.
[0263] The first toolbar 2015 displays title information (e.g., the name of the collection shown in the GUI, a caption that a user has added to the currently selected image, etc.). In addition, the toolbar 2015 includes a first set of GUI items 2035-2038 and a second set of GUI items 2040-2043.
[0264] The first set of GUI items includes a back button 2035, a grid button 2036, a help button 2037, and an undo button 2038. The back button 2035 enables the user to navigate back to a collection organization GUI, from which users can select between different collections of images (e.g., albums, events, journals, etc.). Selection of the grid button 2036 causes the application to move the thumbnail display area on or off of the GUI (e.g., via a slide animation). In some embodiments, users can also slide the thumbnail display area on or off of the GUI via a swipe gesture. The help button 2037 activates a context-sensitive help feature that identifies a current set of tools active for the user and provides help indicators for those tools that succinctly describe the tools to the user. In some embodiments, the help indicators are selectable to access additional information about the tools. Selection of the undo button 2038 causes the application to remove the most recent edit to the image, whether this edit is a crop, color adjustment, etc. In order to perform this undo, some embodiments remove the most recent instruction from the set of edit instructions 2115 stored with the image.
[0265] The second set of GUI items includes a sharing button 2040, an information button 2041, a show original button 2042, and an edit button 2043. The sharing button 2040 enables a user to share an image in a variety of different ways. In some embodiments, the user can send a selected image to another compatible device on the same network (e.g., WiFi or Bluetooth network), upload an image to an image hosting or social media website, and create a journal (i.e., a presentation of arranged images to which additional content can be added) from a set of selected images, among others.
[0266] The information button 2041 activates a display area that displays additional information about one or more selected images. The information displayed in the activated display area may include some or all of the Exif data stored for an image (e.g., camera settings, timestamp, etc.). When multiple images are selected, some embodiments only display Exif data that is common to all of the selected images. Some embodiments include additional tabs within the information display area for (i) displaying a map showing where the image or images were captured according to the GPS data, if this information is available and (ii) displaying comment streams for the image on any photo sharing websites. To download this information from the websites, the application uses the object ID stored for the image with the shared image data and sends this information to the website. The comment stream and, in some cases, additional information, are received from the website and displayed to the user.
[0267] The show original button 2042 enables the user to toggle between the original version of an image and the current edited version of the image. When a user selects the button, the application displays the original version of the image without any of the editing instructions 2115 applied. In some embodiments, the appropriate size image is stored as one of the cached versions 2140 of the image, making it quickly accessible. When the user selects the button again 2042 again, the application displays the edited version of the image, with the editing instructions 2115 applied.
[0268] The edit button 2043 allows the user to enter or exit edit mode. When a user has selected one of the sets of editing tools in the toolbar 2020, the edit button 2043 returns the user to the viewing and organization mode, as shown in FIG. 20 . When the user selects the edit button 2043 while in the viewing mode, the application returns to the last used set of editing tools in the order shown in toolbar 2020. That is, the items in the toolbar 2020 are arranged in a particular order, and the edit button 2043 activates the rightmost of those items for which edits have been made to the selected image.
[0269] The toolbar 2020, as mentioned, includes five items 2045-2049, arranged in a particular order from left to right. The crop item 2045 activates a cropping and rotation tool that allows the user to align crooked images and remove unwanted portions of an image. The exposure item 2046 activates a set of exposure tools that allow the user to modify the black point, shadows, contrast, brightness, highlights, and white point of an image. In some embodiments, the set of exposure tools is a set of sliders that work together in different combinations to modify the tonal attributes of an image. The color item 2047 activates a set of color tools that enable the user to modify the saturation and vibrancy, as well as color-specific saturations (e.g., blue pixels or green pixels) and white balance. In some embodiments, some of these tools are presented as a set of sliders. The brushes item 2048 activates a set of enhancement tools that enable a user to localize modifications to the image. With the brushes, the user can remove red-eye and blemishes, and apply or remove saturation and other features to localized portions of an image by performing a rubbing action over the image. Finally, the effects item 2049 activates a set of special effects that the user can apply to the image. These effects include gradients, tilt shifts, non-photorealistic desaturation effects, grayscale effects, various filters, etc. In some embodiments, the application presents these effects as a set of items that fan out from the toolbar 2025.
[0270] As stated, the UI items 2045-2049 are arranged in a particular order. This order follows the order in which users most commonly apply the five different types of edits. Accordingly, the editing instructions 2115 are stored in this same order, in some embodiments. When a user selects one of the items 2045-2049, some embodiments apply only the edits from the tools to the left of the selected tool to the displayed image (though other edits remain stored within the instruction set 2115).
[0271] The toolbar 2025 includes a set of GUI items 2050-2054 as well as a settings item 2055. The auto-enhance item 2050 automatically performs enhancement edits to an image (e.g., removing apparent red-eye, balancing color, etc.). The rotation button 2051 rotates any selected images. In some embodiments, each time the rotation button is pressed, the image rotates 90 degrees in a particular direction. The auto-enhancement, in some embodiments, comprises a predetermined set of edit instructions that are placed in the instruction set 2115. Some embodiments perform an analysis of the image and then define a set of instructions based on the analysis. For instance, the auto-enhance tool will attempt to detect red-eye in the image, but if no red-eye is detected then no instructions will be generated to correct it. Similarly, automatic color balancing will be based on an analysis of the image. The rotations generated by the rotation button are also stored as edit instructions.
[0272] The flag button 2052 tags any selected image as flagged. In some embodiments, the flagged images of a collection can be displayed without any of the unflagged images. The favorites button 2053 allows a user to mark any selected images as favorites. In some embodiments, this tags the image as a favorite and also adds the image to a collection of favorite images. The hide button 2054 enables a user to tag an image as hidden. In some embodiments, a hidden image will not be displayed in the thumbnail display area and/or will not be displayed when a user cycles through the images of a collection in the image display area. As discussed above by reference to FIG. 21 , many of these features are stored as tags in the image data structure.
[0273] Finally, the settings button 2055 activates a context-sensitive menu that provides different menu options depending on the currently active toolset. For instance, in viewing mode the menu of some embodiments provides options for creating a new album, setting a key photo for an album, copying settings from one photo to another, and other options. When different sets of editing tools are active, the menu provides options related to the particular active toolset.
[0274] One of ordinary skill in the art will recognize that the image viewing and editing GUI 2000 is only one example of many possible graphical user interfaces for an image viewing, editing, and organizing application. For instance, the various items could be located in different areas or in a different order, and some embodiments might include items with additional or different functionalities. The thumbnail display area of some embodiments might display thumbnails that match the aspect ratio of their corresponding full-size images, etc.
IV. Electronic Systems
[0275] Many of the above-described features and applications are implemented as software processes that are specified as a set of instructions recorded on a computer readable storage medium (also referred to as computer readable medium). When these instructions are executed by one or more computational or processing unit(s) (e.g., one or more processors, cores of processors, or other processing units), they cause the processing unit(s) to perform the actions indicated in the instructions. Examples of computer readable media include, but are not limited to, CD-ROMs, flash drives, random access memory (RAM) chips, hard drives, erasable programmable read-only memories (EPROMs), electrically erasable programmable read-only memories (EEPROMs), etc. The computer readable media does not include carrier waves and electronic signals passing wirelessly or over wired connections.
[0276] In this specification, the term “software” is meant to include firmware residing in read-only memory or applications stored in magnetic storage which can be read into memory for processing by a processor. Also, in some embodiments, multiple software inventions can be implemented as sub-parts of a larger program while remaining distinct software inventions. In some embodiments, multiple software inventions can also be implemented as separate programs. Finally, any combination of separate programs that together implement a software invention described here is within the scope of the invention. In some embodiments, the software programs, when installed to operate on one or more electronic systems, define one or more specific machine implementations that execute and perform the operations of the software programs.
[0277] A. Mobile Device
[0278] The image editing and viewing applications of some embodiments operate on mobile devices. FIG. 22 is an example of an architecture 2200 of such a mobile computing device. Examples of mobile computing devices include smartphones, tablets, laptops, etc. As shown, the mobile computing device 2200 includes one or more processing units 2205, a memory interface 2210 and a peripherals interface 2215.
[0279] The peripherals interface 2215 is coupled to various sensors and subsystems, including a camera subsystem 2220, a wireless communication subsystem(s) 2225, an audio subsystem 2230, an I/O subsystem 2235, etc. The peripherals interface 2215 enables communication between the processing units 2205 and various peripherals. For example, an orientation sensor 2245 (e.g., a gyroscope) and an acceleration sensor 2250 (e.g., an accelerometer) is coupled to the peripherals interface 2215 to facilitate orientation and acceleration functions.
[0280] The camera subsystem 2220 is coupled to one or more optical sensors 2240 (e.g., a charged coupled device (CCD) optical sensor, a complementary metal-oxide-semiconductor (CMOS) optical sensor, etc.). The camera subsystem 2220 coupled with the optical sensors 2240 facilitates camera functions, such as image and/or video data capturing. The wireless communication subsystem 2225 serves to facilitate communication functions. In some embodiments, the wireless communication subsystem 2225 includes radio frequency receivers and transmitters, and optical receivers and transmitters (not shown in FIG. 22 ). These receivers and transmitters of some embodiments are implemented to operate over one or more communication networks such as a GSM network, a Wi-Fi network, a Bluetooth network, etc. The audio subsystem 2230 is coupled to a speaker to output audio (e.g., to output different sound effects associated with different image operations). Additionally, the audio subsystem 2230 is coupled to a microphone to facilitate voice-enabled functions, such as voice recognition, digital recording, etc.
[0281] The I/O subsystem 2235 involves the transfer between input/output peripheral devices, such as a display, a touch screen, etc., and the data bus of the processing units 2205 through the peripherals interface 2215. The I/O subsystem 2235 includes a touch-screen controller 2255 and other input controllers 2260 to facilitate the transfer between input/output peripheral devices and the data bus of the processing units 2205. As shown, the touch-screen controller 2255 is coupled to a touch screen 2265. The touch-screen controller 2255 detects contact and movement on the touch screen 2265 using any of multiple touch sensitivity technologies. The other input controllers 2260 are coupled to other input/control devices, such as one or more buttons. Some embodiments include a near-touch sensitive screen and a corresponding controller that can detect near-touch interactions instead of or in addition to touch interactions.
[0282] The memory interface 2210 is coupled to memory 2270. In some embodiments, the memory 2270 includes volatile memory (e.g., high-speed random access memory), non-volatile memory (e.g., flash memory), a combination of volatile and non-volatile memory, and/or any other type of memory. As illustrated in FIG. 22 , the memory 2270 stores an operating system (OS) 2272. The OS 2272 includes instructions for handling basic system services and for performing hardware dependent tasks.
[0283] The memory 2270 also includes communication instructions 2274 to facilitate communicating with one or more additional devices; graphical user interface instructions 2276 to facilitate graphic user interface processing; image processing instructions 2278 to facilitate image-related processing and functions; input processing instructions 2280 to facilitate input-related (e.g., touch input) processes and functions; audio processing instructions 2282 to facilitate audio-related processes and functions; and camera instructions 2284 to facilitate camera-related processes and functions. The instructions described above are merely exemplary and the memory 2270 includes additional and/or other instructions in some embodiments. For instance, the memory for a smartphone may include phone instructions to facilitate phone-related processes and functions. The above-identified instructions need not be implemented as separate software programs or modules. Various functions of the mobile computing device can be implemented in hardware and/or in software, including in one or more signal processing and/or application specific integrated circuits.
[0284] While the components illustrated in FIG. 22 are shown as separate components, one of ordinary skill in the art will recognize that two or more components may be integrated into one or more integrated circuits. In addition, two or more components may be coupled together by one or more communication buses or signal lines. Also, while many of the functions have been described as being performed by one component, one of ordinary skill in the art will realize that the functions described with respect to FIG. 22 may be split into two or more integrated circuits.
[0285] B. Computer System
[0286] FIG. 23 conceptually illustrates another example of an electronic system 2300 with which some embodiments are implemented. The electronic system 2300 may be a computer (e.g., a desktop computer, personal computer, tablet computer, etc.), phone, PDA, or any other sort of electronic or computing device. Such an electronic system includes various types of computer readable media and interfaces for various other types of computer readable media. Electronic system 2300 includes a bus 2305, processing unit(s) 2310, a graphics processing unit (GPU) 2315, a system memory 2320, a network 2325, a read-only memory 2330, a permanent storage device 2335, input devices 2340, and output devices 2345.
[0287] The bus 2305 collectively represents all system, peripheral, and chipset buses that communicatively connect the numerous internal devices of the electronic system 2300. For instance, the bus 2305 communicatively connects the processing unit(s) 2310 with the read-only memory 2330, the GPU 2315, the system memory 2320, and the permanent storage device 2335.
[0288] From these various memory units, the processing unit(s) 2310 retrieves instructions to execute and data to process in order to execute the processes of the invention. The processing unit(s) may be a single processor or a multi-core processor in different embodiments. Some instructions are passed to and executed by the GPU 2315. The GPU 2315 can offload various computations or complement the image processing provided by the processing unit(s) 2310. In some embodiments, such functionality can be provided using CoreImage's kernel shading language.
[0289] The read-only-memory (ROM) 2330 stores static data and instructions that are needed by the processing unit(s) 2310 and other modules of the electronic system. The permanent storage device 2335, on the other hand, is a read-and-write memory device. This device is a non-volatile memory unit that stores instructions and data even when the electronic system 2300 is off. Some embodiments use a mass-storage device (such as a magnetic or optical disk and its corresponding disk drive) as the permanent storage device 2335.
[0290] Other embodiments use a removable storage device (such as a floppy disk, flash memory device, etc., and its corresponding drive) as the permanent storage device. Like the permanent storage device 2335, the system memory 2320 is a read-and-write memory device. However, unlike storage device 2335, the system memory 2320 is a volatile read-and-write memory, such a random access memory. The system memory 2320 stores some of the instructions and data that the processor needs at runtime. In some embodiments, the invention's processes are stored in the system memory 2320, the permanent storage device 2335, and/or the read-only memory 2330. For example, the various memory units include instructions for processing multimedia clips in accordance with some embodiments. From these various memory units, the processing unit(s) 2310 retrieves instructions to execute and data to process in order to execute the processes of some embodiments.
[0291] The bus 2305 also connects to the input and output devices 2340 and 2345. The input devices 2340 enable the user to communicate information and select commands to the electronic system. The input devices 2340 include alphanumeric keyboards and pointing devices (also called “cursor control devices”), cameras (e.g., webcams), microphones or similar devices for receiving voice commands, etc. The output devices 2345 display images generated by the electronic system or otherwise output data. The output devices 2345 include printers and display devices, such as cathode ray tubes (CRT) or liquid crystal displays (LCD), as well as speakers or similar audio output devices. Some embodiments include devices such as a touchscreen that function as both input and output devices.
[0292] Finally, as shown in FIG. 23 , bus 2305 also couples electronic system 2300 to a network 2325 through a network adapter (not shown). In this manner, the computer can be a part of a network of computers (such as a local area network (“LAN”), a wide area network (“WAN”), or an Intranet), or a network of networks, such as the Internet. Any or all components of electronic system 2300 may be used in conjunction with the invention.
[0293] Some embodiments include electronic components, such as microprocessors, storage and memory that store computer program instructions in a machine-readable or computer-readable medium (alternatively referred to as computer-readable storage media, machine-readable media, or machine-readable storage media). Some examples of such computer-readable media include RAM, ROM, read-only compact discs (CD-ROM), recordable compact discs (CD-R), rewritable compact discs (CD-RW), read-only digital versatile discs (e.g., DVD-ROM, dual-layer DVD-ROM), a variety of recordable/rewritable DVDs (e.g., DVD-RAM, DVD-RW, DVD+RW, etc.), flash memory (e.g., SD cards, mini-SD cards, micro-SD cards, etc.), magnetic and/or solid state hard drives, read-only and recordable Blu-Ray® discs, ultra density optical discs, any other optical or magnetic media, and floppy disks. The computer-readable media may store a computer program that is executable by at least one processing unit and includes sets of instructions for performing various operations. Examples of computer programs or computer code include machine code, such as is produced by a compiler, and files including higher-level code that are executed by a computer, an electronic component, or a microprocessor using an interpreter.
[0294] While the above discussion primarily refers to microprocessor or multi-core processors that execute software, some embodiments are performed by one or more integrated circuits, such as application specific integrated circuits (ASICs) or field programmable gate arrays (FPGAs). In some embodiments, such integrated circuits execute instructions that are stored on the circuit itself. In addition, some embodiments execute software stored in programmable logic devices (PLDs), ROM, or RAM devices.
[0295] As used in this specification and any claims of this application, the terms “computer”, “server”, “processor”, and “memory” all refer to electronic or other technological devices. These terms exclude people or groups of people. For the purposes of the specification, the terms display or displaying means displaying on an electronic device. As used in this specification and any claims of this application, the terms “computer readable medium,” “computer readable media,” and “machine readable medium” are entirely restricted to tangible, physical objects that store information in a form that is readable by a computer. These terms exclude any wireless signals, wired download signals, and any other ephemeral signals.
[0296] While the invention has been described with reference to numerous specific details, one of ordinary skill in the art will recognize that the invention can be embodied in other specific forms without departing from the spirit of the invention. For instance, many of the figures illustrate various touch gestures (e.g., taps, double taps, swipe gestures, press and hold gestures, etc.). However, many of the illustrated operations could be performed via different touch gestures (e.g., a swipe instead of a tap, etc.) or by non-touch input (e.g., using a cursor controller, a keyboard, a touchpad/trackpad, a near-touch sensitive screen, etc.). In addition, a number of the figures (including FIGS. 18 and 19 ) conceptually illustrate processes. The specific operations of these processes may not be performed in the exact order shown and described. The specific operations may not be performed in one continuous series of operations, and different specific operations may be performed in different embodiments. Furthermore, the process could be implemented using several sub-processes, or as part of a larger macro process. Thus, one of ordinary skill in the art would understand that the invention is not to be limited by the foregoing illustrative details, but rather is to be defined by the appended claims.
Claims
What is claimed is:
1. A non-transitory machine readable medium storing a program which when executed by at least one processing unit of a device provides a graphical user interface (GUI) for controlling the program, the GUI comprising:
a slider track for representing values on a first scale for a first property of an image and values on a second different scale for a second property of the image, wherein the first and second properties are chosen from whitepoint, blackpoint, contrast, and brightness; and
a plurality of slider icons for moving along the slider track, the plurality of slider icons comprising:
a first set of slider icons, with a first appearance, for indicating a first set of values associated with the first property; and
a second set of slider icons, with a second different appearance, for indicating a second set of values associated with the second property, wherein a particular position along the slider track specifies a first value on the first scale for the first property and a second different value on the second different scale for the second property, wherein a movement of a first slider icon in the first set of slider icons along the slider track causes a second slider icon of the second set of slider icons to move along the slider track.
2. The non-transitory machine readable medium of claim 1, wherein the GUI further comprises an image display area for displaying the image, wherein the first and second sets of values of the first and second properties specify different appearances of the image displayed in the image display area.
3. The non-transitory machine readable medium of claim 2, wherein the appearance of the image displayed in the image display area changes in a first way as a slider icon of the first set of slider icons moves along the slider track and in a second way as a slider icon of the second set of slider icons moves along the slider track.
4. The non-transitory machine readable medium of claim 1, wherein the movement of the first slider icon in a particular direction along the slider track causes the second slider icon to move in the same particular direction along the slider track.
5. The non-transitory machine readable medium of claim 1, wherein the movement of the first slider icon is over a first distance of the slider track and the movement of the second slider icon is over a second different distance of the slider track.
6. The non-transitory machine readable medium of claim 1, wherein the movement of the first slider icon in a particular direction along the slider track causes the second slider icon to move in the opposite direction along the slider track.
7. The non-transitory machine readable medium of claim 1, wherein the first and second sets of slider icons are initially positioned along the slider track based on initial values of the first and second properties for the image.
8. A method for providing a media editing program, the method comprising:
providing a slider track for representing values on a first scale for a first property of an image and values on a second different scale for a second property of the image, wherein the first and second properties are chosen from whitepoint, blackpoint, contrast, and brightness; and
providing a plurality of slider icons for moving along the slider track, the plurality of slider icons comprising:
a first set of slider icons, with a first appearance, for indicating a first set of values associated with the first property; and
a second set of slider icons, with a second different appearance, for indicating a second set of values associated with the second property, wherein a particular position along the slider track specifies a first value on the first scale for the first property and a second different value on the second different scale for the second property, wherein a movement of a first slider icon in the first set of slider icons along the slider track causes a second slider icon of the second set of slider icons to move along the slider track.
9. The method of claim 8 further comprising providing an image display area for displaying the image, wherein the first and second sets of values of the first and second properties specify different appearances of the image displayed in the image display area.
10. The method of claim 9, wherein the appearance of the image displayed in the image display area changes in a first way as a slider icon of the first set of slider icons moves along the slider track and in a second way as a slider icon of the second set of slider icons moves along the slider track.
11. The method of claim 8, wherein the movement of the first slider icon in a particular direction along the slider track causes the second slider icon to move in the same particular direction along the slider track.
12. The method of claim 8, wherein the movement of the first slider icon is over a first distance of the slider track and the movement of the second slider icon is over a second different distance of the slider track.
13. The method of claim 8, wherein the movement of the first slider icon in a particular direction along the slider track causes the second slider icon to move in the opposite direction along the slider track.
14. The method of claim 8, wherein providing the plurality of slider icons comprises positioning the first and second sets of slider icons along the slider track based on initial values of the first and second properties for the image.
15. An apparatus for editing images, the apparatus comprising:
a set of processing units; and
a non-transitory machine readable medium storing a program which when executed by at least one processing unit of the apparatus device provides a graphical user interface (GUI) for controlling the program, the GUI comprising:
a slider track for representing values on a first scale for a first property of an image and values on a second different scale for a second property of the image, wherein the first and second properties are chosen from whitepoint, blackpoint, contrast, and brightness; and
a plurality of slider icons for moving along the slider track, the plurality of slider icons comprising:
a first set of slider icons, with a first appearance, for indicating a first set of values associated with the first property; and
a second set of slider icons, with a second different appearance, for indicating a second set of values associated with the second property, wherein a particular position along the slider track specifies a first value on the first scale for the first property and a second different value on the second different scale for the second property, wherein a movement of a first slider icon in the first set of slider icons along the slider track causes a second slider icon of the second set of slider icons to move along the slider track.
16. The apparatus of claim 15, wherein the GUI further comprises an image display area for displaying the image, wherein the first and second sets of values of the first and second properties specify different appearances of the image displayed in the image display area.
17. The apparatus of claim 16, wherein the appearance of the image displayed in the image display area changes in a first way as a slider icon of the first set of slider icons moves along the slider track and in a second way as a slider icon of the second set of slider icons moves along the slider track.
18. The apparatus of claim 15, wherein the movement of the first slider icon in a particular direction along the slider track causes the second slider icon to move in the same particular direction along the slider track.
19. The apparatus of claim 15, wherein the movement of the first slider icon is over a first distance of the slider track and the movement of the second slider icon is over a second different distance of the slider track.
20. The apparatus of claim 15, wherein the movement of the first slider icon in a particular direction along the slider track causes the second slider icon to move in the opposite direction along the slider track.
21. The apparatus of claim 1, wherein the first and second sets of slider icons are initially positioned along the slider track based on initial values of the first and second properties for the image.
Patent Citations (25)
| Patent | Date | Inventor | Cited By |
|---|---|---|---|
| US5491782(A) | 1996-02-01 | King et al. | Examiner |
| US6542171(B1) | 2003-04-01 | Satou et al. | Applicant |
| US7034881(B1) | 2006-04-01 | Hyodo et al. | Applicant |
| US7085604(B2) | 2006-08-01 | Turney et al. | Examiner |
| US7366307(B2) | 2008-04-01 | Yanz et al. | Examiner |
| US7489305(B2) | 2009-02-01 | Salisbury et al. | Applicant |
| US7562310(B2) | 2009-07-01 | Champion et al. | Examiner |
| US7598964(B2) | 2009-10-01 | Olson | Applicant |
| US7636108(B2) | 2009-12-01 | Suzuki et al. | Applicant |
| US7765491(B1) | 2010-07-01 | Cotterill | Examiner |
| US7954067(B2) | 2011-05-01 | Breglio | Applicant |
| US8627232(B2) | 2014-01-01 | Stiso et al. | Examiner |
| US2003/0103057(A1) | 2003-06-01 | Graves et al. | Applicant |
| US2008/0056564(A1) | 2008-03-01 | Lindbloom et al. | Applicant |
| US2008/0225058(A1) | 2008-09-01 | Hertzfeld et al. | Applicant |
| US2008/0256489(A1) | 2008-10-01 | Maurer et al. | Examiner |
| US2009/0204913(A1) | 2009-08-01 | Kawano et al. | Applicant |
| US2010/0185976(A1) | 2010-07-01 | Sadanandan | Applicant |
| US2011/0182511(A1) | 2011-07-01 | Chien et al. | Applicant |
| US2011/0219329(A1) | 2011-09-01 | Breglio | Applicant |
| US2011/0292237(A1) | 2011-12-01 | Imai | Applicant |
| US2012/0036480(A1) | 2012-02-01 | Warner et al. | Applicant |
| EP632363 | 1995-01-01 | Applicant | |
| WO2007/145654 | 2007-12-01 | Applicant | |
| WO2013/133894 | 2013-09-01 | Applicant |
Non-Patent Literature (12)
- PCT/US2012/072280, filed Dec. 31, 2012, Apple Inc.Applicant
- International Search Report and Written Opinion for PCT/US2012/072280, mailed Jun. 12, 2013, Apple. Inc.Applicant
- Author Unknown, “GWT DND: Keep Draggable Within an AbsolutePanel,” Stackoverflow.com, Aug. 2009, 2 pages, <http://stackoverflow.com/questions/1304607/gwt-dnd-keep-draggable-within-an-absolutepanel>.Applicant
- Author Unknown, “How to Manage and Work with Digital Images, Using FastStone Image Viewer Version 4.5,” FastStone Soft, Jun. 10, 2011, pp. 1-95.Applicant
- Dodgson, Neil A., et al., “Contrast Brushes: Interactive Image Enhancement by Direct Manipulation,” Computational Aesthetics in Graphics, Visualization, and Imaging, Month Unknown, 2009, 8 pages, The Eurographics Association.Applicant
- Jong, Wilko De, “Multi Slider,” MATLAB Central, Apr. 23, 2005 (Updated Jun. 2009), 2 pages, The Mathworks, Inc, <http://www.mathworks.com/matlabcentral/fileexchange/7514-multi-slider>.Applicant
- O'Neil, Steve, “Using Adobe Photoshop,” Chapter 7—Image Adjustments, Month Unknown, 2006, pp. 1-12.Applicant
- Yanz, Jerry, et al., “Hearing Instrument Technology: Tech Topic, Toward New Software Goals: Delighting Patients with Interactivity,” The Hearing Review, Jan. 2008, pp. 1-9, Allied Media.Applicant
- Author Unknown, “Photographic Editing—Workflow,” WaybackMachine, May 9, 2011, 68 pages.Applicant
- Messieh, Nancy, “Snapseed for iPad: Photo editing at the swipe of a finger,” Jun. 8, 2011, 10 pages, available at http://thenextweb.com/apps/2011/06/08/snapseed-for-ipad-photo-editing-at-the-swipe-of-a-finger/.Applicant
- Author Unknown, “Photoshop Touch for Android: Part 2 The Tools,” Month Unknown, 2014, 15 pages, available at http://www.gamefromscratch.com/page//Photoshop-Touch-for-Android-Part-2-The-Tools.aspx.Applicant
- Author Unknown, “Using Adobe Photoshop CS4,” Jan. 10, 2010, 707 pages, Adobe Systems Incorporated, San Jose, California, USA.Applicant