Technologies are described herein for altering the appearance of a digital image using a shape. A mask edit mode of operation is provided in which an application program displays a mask shape superimposed on a digital image. The application program also provides user interface controls for altering the size, position, and rotation of the digital image independently of the mask shape, and user interface controls for altering the size, position, and rotation of the mask shape independently of the digital image. When a cropping request is received, the portion of the digital image within the mask shape is mapped onto the mask shape, thereby creating a mask-cropped shape, and a normal editing mode is entered. In the normal editing mode a set of user interface controls is provided for modifying the size, position, and rotation of the mask-cropped shape.
|
7. A computer-readable medium having computer-executable instructions stored thereon which, when executed by a computer, cause the computer to:
present a canvas, the canvas comprising a word processing document, a presentation document, or a spreadsheet document;
determine if one of whether a request to apply a mask shape to a digital image has been received ; or
determine if a request to fill the mask shape with the digital image has been received;
in response to receiving the request to fill the mask shape with the digital image or in response to receiving the request to apply the mask shape to the digital image the determination, display a first set of user interface controls on the digital image in which a size, a position and a rotation of the digital image within the canvas can be modified independently of an appearance of the mask shape;
modify one of the size, the position or the rotation of the digital image within the canvas in response to user input received at the first set of user interface controls on the digital image;
receive a cropping request to apply the mask shape to the digital image;
in response to receiving the cropping request,
to map the digital image to the mask shape to create a mask-cropped shape, and
to provide a second set of user interface controls on the mask shape for modifying an appearance of the digital image mask shape independently of the digital image; and
modify the appearance of the mask shape upon the digital image in response to user input received at the second set of user interface controls on the mask shape.
1. A method for altering the appearance of a digital image with a shape, the method comprising:
presenting, by a computer executing an application program, a canvas, the canvas comprising a word processing document, a presentation document, or a spreadsheet document;
determining, by the computer, if a request to apply a mask shape to a digital image has been received;
determining, by the computer, if a request to fill the mask shape with the digital image has been received;
in response to receiving the request to apply the mask shape to the digital image or in response to receiving the request to fill the mask shape with the digital image, entering a first editing mode in which the computer displays
a first set of user interface controls on the digital image for modifying a size, a position and a rotation of the digital image within the canvas independently of the mask shape and
a second set of user interface controls on the mask shape for modifying an appearance of the mask shape upon the digital image and independently of the digital image,
the first set of user interface controls and the second set of user interface controls being useable without changing from the first editing mode;
receiving, by the computer, a cropping request comprising a request to exit the first editing mode;
in response to receiving the cropping request,
mapping the digital image to the mask shape to create a mask-cropped shape;
exiting the first editing mode; and
entering a second editing mode in which the computer displays a third set of user interface controls for modifying an appearance of the mask-cropped shape.
0. 19. A computing system comprising:
at least one processor; and
at least one memory storing computer-readable instructions that when executed by the at least one processor cause the computing system to:
present a canvas, the canvas comprising a word processing document, a presentation document, or a spreadsheet document;
determine one of whether a request to apply a mask shape to a digital image has been received or a request to fill the mask shape with the digital image has been received;
in response to the determination, display a first set of user interface controls on the digital image in which a size, a position and a rotation of the digital image within the canvas can be modified independently of an appearance of the mask shape;
modify one of the size, the position or the rotation of the digital image within the canvas in response to user input received at the first set of user interface controls on the digital image;
receive a cropping request to apply the mask shape to the digital image;
in response to receiving the cropping request,
map the digital image to the mask shape to create a mask-cropped shape, provide a second set of user interface controls on the mask shape for modifying an appearance of the mask shape independently of the digital image; and
modify the appearance of the mask shape upon the digital image in response to user input received at the second set of user interface controls on the mask shape.
11. A method for altering the appearance of a digital image with a shape, the method comprising:
presenting, by a computer executing an application program, a canvas, the canvas comprising a word processing document, a presentation document, or a spreadsheet document;
entering, by the computer, a mask edit mode of operation;
providing, by the computer in the mask edit mode of operation, a first set of user interface controls on the digital image for modifying a size, a position, and a rotation of the digital image within the canvas independently of a size, a position, and a rotation of a mask shape;
providing, by the computer in the mask edit mode of operation, a second set of user interface controls on the mask shape for modifying a size, a position, and a rotation of the mask shape upon the digital image and independently of the size, the position, and the rotation of the digital image, the first set of user interface controls and the second user interface controls being useable without changing from the mask edit mode of operation;
displaying, by the computer while in the mask edit mode of operation, a portion of the digital image outside the mask shape in a manner that indicates that the portion will be cropped when a cropping request is received;
receiving a cropping request, the cropping request comprising a request to exit the mask edit mode of operation;
in response to receiving the cropping request, mapping the digital image to the mask shape to crop the portion and to create a mask-cropped shape, exiting the mask mode of operation, and entering a normal edit mode of operation; and
providing, by the computer in the normal edit mode of operation, a third set of user interface controls for modifying a size, a position, and a rotation of the mask-cropped shape.
2. The method of
3. The method of
4. The method of
6. The method of
8. The computer-readable medium of
9. The computer-readable medium of
10. The computer-readable medium of
12. The method of
13. The method of
14. The method of
16. The method of
in response to receiving a request to exit the second editing mode, exiting the second editing mode; and
in response to receiving a request to reenter the first editing mode, reentering the first editing mode.
0. 17. The computer-readable medium of
in response to receiving a request to exit the second editing mode, exit the second editing mode; and
in response to receiving a request to reenter the first editing mode, reenter the first editing mode.
18. The method of
in response to receiving a request to exit the normal edit mode of operation, exiting the normal edit mode of operation; and
in response to receiving a request to reenter the mask edit mode of operation, reentering the mask edit mode of operation.
0. 20. The computing system of claim 19, wherein the second set of user interface controls comprise user interface controls for modifying a size, a position, and a rotation of the mask shape independently of the digital image.
|
Many types of computer application programs provide functionality for inserting digital images into electronic documents. For instance, many word processing application programs, spreadsheet application programs, and presentation application programs permit digital images to be inserted into an appropriate document. However, the functionality provided by these types of application programs for allowing a user to quickly improve the look of a digital image is generally limited.
As an example, it is very difficult using current application programs to highlight or isolate a particular region within a digital image. While some application programs do permit the cropping of a digital image, the current solutions generally involve multiple steps, a complex user interface, or both. It is also generally difficult to change the shape of a digital image within a document. For instance, it can be a very complex process to change the shape of a rectangular digital image to a star shape or to a heart shape.
In order to isolate a particular region of a digital image, or to change the shape of a digital image, previous application programs generally require a user to “paint” a texture mask that is utilized to mask off a portion of the image. This approach is very time consuming, however, and requires artistic skill that many users do not possess. Moreover, once the texture mask has been painted, it is very difficult to edit and, in many cases, must be manually repainted to achieve a different effect. Additionally, even after application of the texture mask, the underlying digital image still retains its original rectangular shape, thereby making it difficult to apply effects to edge of the masked digital image.
It is with respect to these considerations and others that the disclosure made herein is presented.
Technologies are described herein for altering the appearance of a digital image using a shape. In particular, through the utilization of the technologies and concepts presented herein, a user can easily and quickly change the shape of a digital image by visually placing and adjusting a mask shape that crops the digital image, or a portion of it, to a specifically-sized geometric shape. The digital image is mapped to the mask shape, thereby allowing effects to be easily applied to the edges of the mask-cropped shape.
According to one aspect presented herein, an application program is provided that includes a user interface for altering the appearance of a digital image using a mask shape. The mask shape defines the area of a digital image that will be retained following a masking operation and may take any shape. In order to allow a user to easily define the size and position of the mask shape with respect to the digital image, the application program provides a mask edit mode of operation. The portion of the digital image located outside the mask shape is not rendered outside of the mask edit mode of operation.
The mask edit mode of operation may be entered in response to a user request to apply a mask shape to a digital image, in response to a user request to fill the mask shape with the digital image, or in response to a user request to enter the mask edit mode of operation directly. While in the mask edit mode of operation, the application program displays the mask shape superimposed on the digital image. The application program also provides user interface controls for altering the size, position, and rotation of the digital image independently of the mask shape. The application program also provides user interface controls for altering the size, position, and rotation of the mask shape independently of the digital image. Through the use of these user interface controls, a user can easily define the portion of the image that is to be masked using the mask shape.
While in the mask edit mode of operation, the portion of the digital image that is located outside of the mask shape may be displayed in a manner that indicates that this portion will be cropped when a cropping request is received. For instance, the portion of the digital image that is located outside of the mask shape may be displayed using a transparency effect to provide such an indication. Other types of effects may be similarly utilized to provide a visual indication of the portion of the digital image that will be cropped when the mask edit mode is exited.
When a cropping request is received, the portion of the digital image within the mask shape is mapped onto the mask shape, thereby creating a mask-cropped shape. In one embodiment, the cropping request comprises a request to exit the mask edit mode of operation but may take other forms, the selection of a user interface object provided for indicating that the image should be cropped.
Once the portion of the digital image within the mask shape has been mapped onto the mask shape, a normal editing mode is entered. In the normal editing mode, user interface controls are provided for modifying the size, position, and rotation of the mask-cropped shape. Because the digital image is mapped to the mask shape during the masking operation, visual effects can be easily added to the edges of the mask-cropped shape. For instance, edge effects like shadows and bevel effects can be added to the edges of the mask-cropped shape. At any time, the mask edit mode of operation can be invoked to independently alter the size, shape, and rotation of the digital image and the mask shape.
It should be appreciated that the features presented herein may be utilized with any type of computer program that provides functionality for utilizing digital images. It should also be appreciated that the above-described subject matter may also be implemented as a computer-controlled apparatus, a computer process, a computing system, or as an article of manufacture such as a computer-readable medium. These and various other features will be apparent from a reading of the following Detailed Description and a review of the associated drawings.
This Summary is provided to introduce a selection of concepts in a simplified form that are further described below in the Detailed Description. This Summary is not intended to identify key features or essential features of the claimed subject matter, nor is it intended that this Summary be used to limit the scope of the claimed subject matter. Furthermore, the claimed subject matter is not limited to implementations that solve any or all disadvantages noted in any part of this disclosure.
The following detailed description is directed to technologies for altering the appearance of a digital image using a shape. Through the use of the embodiments presented herein, a user can easily and quickly change the shape of a digital image to a specifically sized geometric shape. Visual effects can also be easily applied to the edges of the mask-cropped shape. Additional details regarding the various embodiments presented herein will be provided below with reference to
While the subject matter described herein is presented in the general context of program modules that execute in conjunction with the execution of an operating system and application programs on a computer system, those skilled in the art will recognize that other implementations may be performed in combination with other types of program modules. Generally, program modules include routines, programs, components, data structures, and other types of structures that perform particular tasks or implement particular abstract data types. Moreover, those skilled in the art will appreciate that the subject matter described herein may be practiced with other computer system configurations, including hand-held devices, multiprocessor systems, microprocessor-based or programmable consumer electronics, minicomputers, mainframe computers, and the like.
In the following detailed description, references are made to the accompanying drawings that form a part hereof, and which are shown by way of illustration specific embodiments or examples. Referring now to the drawings, in which like numerals represent like elements through the several figures, aspects of a computing system and methodology for altering the appearance of a digital image using a shape will be described.
Turning now to
In the illustrative user interface shown in
In one implementation, a set of user interface controls is displayed in conjunction with the mask shape 112 that allows a user to resize, rotate, and reposition the mask shape 112. In particular, in the example shown in
In this implementation, the digital image 104 also includes a set of user interface controls for modifying the size, position, and rotation of the digital image 104 independently of the size, position, and rotation of the mask shape 112. In particular, in the implementation shown in
In one implementation, the portion 117 of the digital image 104 outside of the mask shape 112 is displayed in a manner that indicates that the portion 117 will be cropped when the mask edit mode is exited. For instance, in one implementation, the portion 117 of the digital image 104 outside the mask shape 112 is displayed in a transparent fashion. Other types of visual effects may be utilized to display the portion 117 of the digital image 104 outside the mask shape 112 in a manner that conveys to a user that the portion 117 will be cropped when the mask edit mode is exited. Additional details regarding the functionality provided by the user interface controls shown in
Referring now to
Referring now to
When the mask-cropped shape 118 is selected in the normal editing mode of operation, another set of user interface controls is made available for modifying the size, rotation, and placement of the mask-cropped shape 118 on the canvas 102. In the example shown in
In one embodiment, a user interface control is also provided for allowing a user to return to the mask edit mode of operation described above to change the size, position, and placement of the digital image 104 and the mask shape 112 independently of one another. In this regard, it should be appreciated that according to embodiments, the portion 117 of the digital image 104 outside of the mask shape 112 is retained for use in future mask editing operations.
Referring now to
Referring now to
Referring now to
In response to the selection of the menu item 120D, a user may be presented with a user interface for selecting an appropriate digital image, such as the digital image 104, to be utilized in filling the shape 124. In response to such a selection, the mask edit mode is entered and the user interface controls illustrated in
Referring now to
The process for altering the appearance of a digital image using a shape illustrated in
As also discussed above, the mask edit mode represented by the state 804 may also be entered in response to receiving a user request to apply an image fill to a shape on the canvas 102. This is represented by the state 808. Once the user has selected the appropriate image to fill the shape, the mask edit mode is entered at state 804. The mask edit mode may also be entered from the normal edit mode represented by state 802 in response to the user selection of an image and an appropriate user interface control for entering the mask edit mode.
As discussed above, once in the mask edit mode represented by the state 804, user interface controls are provided for independently positioning, sizing, and rotating the digital image 104 and the mask shape 112. Utilizing these user interface controls, a user may rotate the mask shape 112, resize the mask shape 112, or reposition the mask shape 112 at states 820, 822, and 823, respectively. The user may also utilize these user interface controls to resize the digital image 104, rotate the digital image 104, and reposition the digital image 104 at states 818, 816, and 815, respectively.
While in the mask edit mode represented by the state 804, a user may also request to change the mask shape 112. This occurs at state 814. In order to change the mask shape 112, an appropriate user interface control may be displayed to the user including the available mask shapes that permits the user to select one of the mask shapes for masking the digital image 104. Facilities may also be provided for allowing the user to create a custom mask shape.
In order to crop the image 104 to the mask shape 112, a cropping request may be received. As discussed above, the cropping request may take the form of a request to exit the mask edit mode represented by the state 804. For instance, a user may select a portion of the canvas 102 outside of the digital image 104 and the mask shape 112 to request that the cropping operation be performed and the mask edit mode be exited. A user may also select an appropriate user interface control, such as a user interface button, for cropping the image 104 to the mask shape 112. In response to such a request, the process illustrated in
As discussed above, in the normal edit mode represented by the state 802, a set of user interface controls are provided for sizing, rotating, and positioning the mask-cropped shape 118. Due to the use of these controls, the digital image 104 and mask shape 112 may be rotated, resized, and positioned together. This is represented by the state 832 in
The computer architecture shown in
The mass storage device 910 is connected to the CPU 902 through a mass storage controller (not shown) connected to the bus 904. The mass storage device 910 and its associated computer-readable media provide non-volatile storage for the computer 900. Although the description of computer-readable media contained herein refers to a mass storage device, such as a hard disk or CD-ROM drive, it should be appreciated by those skilled in the art that computer-readable media can be any available computer storage media that can be accessed by the computer 900.
By way of example, and not limitation, computer-readable media may include volatile and non-volatile, removable and non-removable media implemented in any method or technology for storage of information such as computer-readable instructions, data structures, program modules or other data. For example, computer-readable media includes, but is not limited to, RAM, ROM, EPROM, EEPROM, flash memory or other solid state memory technology, CD-ROM, digital versatile disks (“DVD”), HD-DVD, BLU-RAY, or other optical storage, magnetic cassettes, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other medium which can be used to store the desired information and which can be accessed by the computer 900.
According to various embodiments, the computer 900 may operate in a networked environment using logical connections to remote computers through a network such as the network 920. The computer 900 may connect to the network 920 through a network interface unit 906 connected to the bus 904. It should be appreciated that the network interface unit 906 may also be utilized to connect to other types of networks and remote computer systems. The computer 900 may also include an input/output controller 912 for receiving and processing input from a number of other devices, including a keyboard, mouse, or electronic stylus (not shown in
As mentioned briefly above, a number of program modules and data files may be stored in the mass storage device 910 and RAM 914 of the computer 900, including an operating system 918 suitable for controlling the operation of a networked desktop, laptop, or server computer. The mass storage device 910 and RAM 914 may also store one or more program modules. In particular, the mass storage device 910 and the RAM 914 may store an image editing application program 924 or another type of application program that provides the functionality described herein for altering the appearance of a digital image using a shape.
Based on the foregoing, it should be appreciated that technologies for altering the appearance of a digital image using a shape are provided herein. Although the subject matter presented herein has been described in language specific to computer structural features, methodological acts, and computer readable media, it is to be understood that the invention defined in the appended claims is not necessarily limited to the specific features, acts, or media described herein. Rather, the specific features, acts and mediums are disclosed as example forms of implementing the claims.
The subject matter described above is provided by way of illustration only and should not be construed as limiting. Various modifications and changes may be made to the subject matter described herein without following the example embodiments and applications illustrated and described, and without departing from the true spirit and scope of the present invention, which is set forth in the following claims.
Kotler, Matthew J., Hatfield, Larry T., Douglas, Scott H., Rohring, Nicholas W., Geffner, Steven P., Waltman, David Wayne, Zahrt, Auston Warner, Mai, Zhao-Hong
Patent | Priority | Assignee | Title |
Patent | Priority | Assignee | Title |
4908716, | Dec 08 1987 | Ricoh Company, Ltd. | Image processing apparatus |
4910611, | Jan 05 1989 | Eastman Kodak Company | Method for doing interactive image processing operations on large images |
5740266, | Apr 15 1994 | Base Ten Systems, Inc. | Image processing system and method |
5777626, | Aug 31 1994 | Sony Corporation | Video image special effect device |
5949431, | Nov 24 1995 | SCREEN HOLDINGS CO , LTD | Method and apparatus for laying out image while cutting out part of the image |
6084598, | Apr 23 1998 | Apparatus for modifying graphic images | |
6128013, | Oct 30 1997 | Monument Peak Ventures, LLC | User interface for an image capture device |
6333752, | Mar 13 1998 | Ricoh Company, LTD | Image processing apparatus, image processing method, and a computer-readable storage medium containing a computer program for image processing recorded thereon |
6587596, | Apr 28 2000 | Shutterfly, LLC | System and method of cropping an image |
6621524, | Jan 10 1997 | Casio Computer Co., Ltd. | Image pickup apparatus and method for processing images obtained by means of same |
6973222, | Apr 28 2000 | Shutterfly, LLC | System and method of cropping an image |
6987535, | Nov 09 1998 | Canon Kabushiki Kaisha | Image processing apparatus, image processing method, and storage medium |
7042467, | May 16 2000 | Adobe Inc | Compositing using multiple backdrops |
7627174, | Aug 24 2005 | Qurio Holdings, Inc | Digital image crop and order linked to a physical cropping tool |
7734058, | Aug 24 2005 | Qurio Holdings, Inc | Identifying, generating, and storing cropping information for multiple crops of a digital image |
7751652, | Sep 18 2006 | Adobe Inc | Digital image drop zones and transformation interaction |
8582919, | Sep 24 2007 | Microsoft Technology Licensing, LLC | Altering the appearance of a digital image using a shape |
20030194148, | |||
20040196298, | |||
20040227976, | |||
20040240740, | |||
20050162445, | |||
20060078223, | |||
20060129944, | |||
20060290702, | |||
20060290703, | |||
20080143740, | |||
20080144970, | |||
CN1517951, | |||
JP10027258, | |||
JP2000132701, | |||
JP2007509436, | |||
WO2006022768, |
Executed on | Assignor | Assignee | Conveyance | Frame | Reel | Doc |
Sep 17 2007 | HATFIELD, LARRY T | Microsoft Corporation | ASSIGNMENT OF ASSIGNORS INTEREST SEE DOCUMENT FOR DETAILS | 037016 | /0880 | |
Sep 17 2007 | DOUGLAS, SCOTT H | Microsoft Corporation | ASSIGNMENT OF ASSIGNORS INTEREST SEE DOCUMENT FOR DETAILS | 037016 | /0880 | |
Sep 17 2007 | ROHRING, NICHOLAS W | Microsoft Corporation | ASSIGNMENT OF ASSIGNORS INTEREST SEE DOCUMENT FOR DETAILS | 037016 | /0880 | |
Sep 17 2007 | KOTLER, MATTHEW J | Microsoft Corporation | ASSIGNMENT OF ASSIGNORS INTEREST SEE DOCUMENT FOR DETAILS | 037016 | /0880 | |
Sep 17 2007 | GEFFNER, STEVEN P | Microsoft Corporation | ASSIGNMENT OF ASSIGNORS INTEREST SEE DOCUMENT FOR DETAILS | 037016 | /0880 | |
Feb 05 2008 | DOUGLAS, SCOTT H | Microsoft Corporation | ASSIGNMENT OF ASSIGNORS INTEREST SEE DOCUMENT FOR DETAILS | 037016 | /0902 | |
Feb 05 2008 | GEFFNER, STEVEN P | Microsoft Corporation | ASSIGNMENT OF ASSIGNORS INTEREST SEE DOCUMENT FOR DETAILS | 037016 | /0902 | |
Feb 05 2008 | KOTLER, MATTHEW J | Microsoft Corporation | ASSIGNMENT OF ASSIGNORS INTEREST SEE DOCUMENT FOR DETAILS | 037016 | /0902 | |
Feb 05 2008 | ROHRING, NICHOLAS W | Microsoft Corporation | ASSIGNMENT OF ASSIGNORS INTEREST SEE DOCUMENT FOR DETAILS | 037016 | /0902 | |
Feb 05 2008 | MAI, ZHAO-HONG | Microsoft Corporation | ASSIGNMENT OF ASSIGNORS INTEREST SEE DOCUMENT FOR DETAILS | 037016 | /0902 | |
Feb 05 2008 | HATFIELD, LARRY T | Microsoft Corporation | ASSIGNMENT OF ASSIGNORS INTEREST SEE DOCUMENT FOR DETAILS | 037016 | /0902 | |
Feb 05 2008 | ZAHRT, AUSTON WARNER | Microsoft Corporation | ASSIGNMENT OF ASSIGNORS INTEREST SEE DOCUMENT FOR DETAILS | 037016 | /0902 | |
Feb 13 2008 | WALTMAN, DAVID WAYNE | Microsoft Corporation | ASSIGNMENT OF ASSIGNORS INTEREST SEE DOCUMENT FOR DETAILS | 037016 | /0902 | |
Oct 14 2014 | Microsoft Corporation | Microsoft Technology Licensing, LLC | ASSIGNMENT OF ASSIGNORS INTEREST SEE DOCUMENT FOR DETAILS | 037016 | /0928 | |
Nov 11 2015 | Microsoft Technology Licensing, LLC | (assignment on the face of the patent) | / |
Date | Maintenance Fee Events |
Apr 28 2021 | M1552: Payment of Maintenance Fee, 8th Year, Large Entity. |
Date | Maintenance Schedule |
Dec 04 2021 | 4 years fee payment window open |
Jun 04 2022 | 6 months grace period start (w surcharge) |
Dec 04 2022 | patent expiry (for year 4) |
Dec 04 2024 | 2 years to revive unintentionally abandoned end. (for year 4) |
Dec 04 2025 | 8 years fee payment window open |
Jun 04 2026 | 6 months grace period start (w surcharge) |
Dec 04 2026 | patent expiry (for year 8) |
Dec 04 2028 | 2 years to revive unintentionally abandoned end. (for year 8) |
Dec 04 2029 | 12 years fee payment window open |
Jun 04 2030 | 6 months grace period start (w surcharge) |
Dec 04 2030 | patent expiry (for year 12) |
Dec 04 2032 | 2 years to revive unintentionally abandoned end. (for year 12) |