Image collage builder

• US 8,504,932 B2
• Filed: 04/26/2010
• Issued: 08/06/2013
• Est. Priority Date: 04/13/2006
• Status: Active Grant

• Current Assignee: Shutterfly, LLC
• Original Assignee: Shutterfly Incorporated (Shutterfly, LLC)
• Inventors: Quek, Su Mien, Teo, Patrick C., Elarde, Peter Charles
• Primary Examiner(s): Kim, Matt
• Assistant Examiner(s): Pan, Yongjia
• Application Number:
  US12/767,593
• Publication Number:
  US 20100223568A1
• Time in Patent Office: 1,198 Days
• Field of Search: None
• US Class Current: 715/769
• CPC Class Codes: G06T 11/60 Editing figures and text; Combining figures or text

Abstract

A computer-implemented method includes providing a collage layout comprising one or more image receiving areas on a user interface, moving an image symbol representing a digital image into a first image receiving area in the collage layout; and storing a data structure comprising digital data associated with the digital image and digital data defining the one or more image receiving areas in the collage layout.

Claims

1. A computer-implemented method for manipulating images at a user interface on a computer device, comprising:

displaying an image collection configured to display a first image at a first orientation along horizontal or vertical direction;

displaying an image collage layout at the user interface, wherein the image collage layout comprises a first image receiving area and a second image receiving area, wherein the first image receiving area and the second image receiving area are tilted in an opposite direction from the first orientation, wherein the first image receiving area is at a second orientation tilted at an angle large than 0 and smaller than 90 degrees relative to the first orientation, wherein the second image receiving area is at a third orientation different from the first orientation, wherein the second orientation is different from the first orientation;

allowing a user to move the first image at the first orientation in the image collection to the first image receiving area in the image collage layout;

automatically rotating the first image from the first orientation to the second orientation when the first image is moved into the first image receiving area; and

automatically displaying the first image at the second orientation in the first image receiving area.

2. The computer-implemented method of claim 1, wherein the image collection is configured to display a second image at the first orientation, the method further comprising:

allowing a user to move the second image at the first orientation in the image collection to the second image receiving area in the image collage layout; and

automatically displaying the second image at the third orientation in the second image receiving area.

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

automatically rotating the second image from the first orientation to the third orientation when the second image is moved into the second image receiving area.

4. The computer-implemented method of claim 1, wherein the first orientation is substantially horizontal in the user interface.

5. The computer-implemented method of claim 1, wherein the first image receiving area and the second image receiving area are tilted at substantially a same tilt angle relative to the first orientation.

6. The computer-implemented method of claim 1, wherein the first image receiving area has an oval shape.

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

a control configured to be actuated by a user to select the image collage layout among a plurality of image collage layouts.

8. The computer-implemented method of claim 1, wherein the image collage layout is configured to receive text from a user.

9. The computer-implemented method of claim 1, wherein the step of allowing a user to move the first image at the first orientation in the image collection to the first image receiving area in the image collage layout comprises allowing a user to drag the first image and drop the first image into the first image receiving in the user interface.

10. The computer-implemented method of claim 1, wherein the user interface is a web user interface executed by a computer device in communication with a remote server, wherein the placement of the first image in the first image area is communicated to the remote server.

11. A computer-implemented method for manipulating images at a user interface on a computer device, comprising:

displaying an image collection configured to display a first image at a first orientation along horizontal or vertical direction;

displaying an image collage layout at the user interface, wherein the image collage layout comprises a first image receiving area that is at a second orientation tilted at an angle large than 0 and smaller than 90 degrees relative to the first orientation, wherein the image collage layout comprises a second image receiving area at a third orientation different that is from the first orientation, wherein the first image receiving area and the second image receiving area are tilted in a same direction from the first orientation;

allowing a user to move the first image at the first orientation in the image collection to the first image receiving area in the image collage layout;

automatically rotating the first image from the first orientation to the second orientation; and

automatically displaying the first image at the second orientation in the first image receiving area.

12. The computer-implemented method of claim 11, wherein the image collection is configured to display a second image at the first orientation, the method further comprising:

allowing a user to move the second image at the first orientation in the image collection to the second image receiving area in the image collage layout;

automatically rotating the second image from the first orientation to the third orientation; and

automatically displaying the second image at the third orientation in the second image receiving area.

13. The computer-implemented method of claim 11, wherein the first image receiving area has an oval shape.

14. The computer-implemented method of claim 11, wherein the image collage layout is configured to receive text from a user.

15. The computer-implemented method of claim 11, wherein the user interface is a web user interface executed by a computer device in communication with a remote server, wherein the placement of the first image in the first image area is communicated to the remote server.

16. A computer program product comprising a non-transitory computer useable medium having computer readable program code functions embedded in said medium for causing a computer to:

display, at a user interface on a computer device, an image collection configured to display a first image at a first orientation along horizontal or vertical direction;

display an image collage layout at the user interface, wherein the image collage layout comprises a first image receiving area that is at a second orientation tilted at an angle large than 0 and smaller than 90 degrees relative to the first orientation, wherein the image collage layout comprises a second image receiving area at a third orientation that is different from the first orientation, wherein the first image receiving area and the second image receiving area are tilted in an opposite direction from the first orientation;

allow a user to move the first image at the first orientation in the image collection to the first image receiving area in the image collage layout;

automatically rotate the first image from the first orientation to the second orientation; and

automatically display the first image at the second orientation in the first image receiving area.