POSITIONING TEXT IN DIGITAL DESIGNS BASED ON AN UNDERLYING IMAGE

• US 20170032553A1
• Filed: 11/10/2015
• Published: 02/02/2017
• Est. Priority Date: 07/29/2015
• Status: Active Grant

• Current Assignee: Adobe Inc.
• Original Assignee: Adobe Systems Incorporated (Adobe Inc.)
• Inventors: O'Donovan, Peter
• Granted Patent: US 10,068,179 B2
• Time in Patent Office: Days
• US Class Current: 1/1
• CPC Class Codes: G06F 18/22 Matching criteria, e.g. proximity measures
• CPC Class Codes: G06F 18/24133 Distances to prototypes
• CPC Class Codes: G06F 3/0484 for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06F 40/103 Formatting, i.e. changing of presentation of documents automatic justification G06F40/189; automatic line break hyphenation G06F40/191
• CPC Class Codes: G06N 7/01 Probabilistic graphical models, e.g. probabilistic networks
• CPC Class Codes: G06T 11/001 Texturing; Colouring; Generation of texture or colour inpainting G06T5/77
• CPC Class Codes: G06T 11/60 Editing figures and text; Combining figures or text
• CPC Class Codes: G06T 2207/10016 Video; Image sequence
• CPC Class Codes: G06T 2207/10024 Color image
• CPC Class Codes: G06V 10/761 Proximity, similarity or dissimilarity measures
• CPC Class Codes: G06V 30/19173 Classification techniques
• CPC Class Codes: G06V 30/414 Extracting the geometrical structure, e.g. layout tree; Block segmentation, e.g. bounding boxes for graphics or text
• CPC Class Codes: G06V 40/16 Human faces, e.g. facial parts, sketches or expressions
• CPC Class Codes: G11B 27/031 Electronic editing of digitised analogue information signals, e.g. audio or video signals

Abstract

The present disclosure is directed toward systems and methods for determining the optimal placement, color, and size of an overlay in a digital design. For example, in response to determining that a change to an underlying image of a digital design has caused a loss of readability and/or aesthetic value in the digital design due to the placement of the overlay over the now changed underlying image, one or more embodiments described herein utilize a scoring system to identify optimal placement, color, and size for the overlay in relation to the underlying image in the digital design.

Claims

1. In a digital medium environment for editing digital images, a method for automatically repositioning overlays in digital designs upon changing of underlying images in the digital designs comprising:

detecting a change to an underlying image of a digital design comprising an overlay;

identifying, in response to the detected change, one or more features of the changed underlying image;

calculating, by at least one processor, a placement score for each of a plurality of potential placements relative to the changed underlying image by scoring an effect on the identified one or more features of the changed underlying image due to positioning of the overlay in each of the potential placements; and

repositioning the overlay at a potential placement with a highest placement score.

2. The method as recited in claim 1, wherein detecting a change to the underlying image comprises detecting a change to one or more of a color palette of the underlying image, a size of the underlying image, a format of the underlying image, or a source file of the underlying image.

3. The method as recited in claim 1, wherein identifying, in response to the detected change, one or more features of the changed underlying image comprises performing one or more of edge detection or facial recognition on the changed underlying image.

4. The method as recited in claim 3, wherein calculating the placement score for each of the plurality of potential placements relative to the changed underlying image by scoring the effect on the identified one or more features of the changed underlying image due to positioning of the overlay in each of the potential placements comprises identifying faces or edges that falls with each of the potential placements and scoring the effect of the overlay on the identified faces or edges within a given potential placement.

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

identifying one or more colors associated with the overlay, and one or more colors associated with a portion of the underlying image that falls underneath the potential placement with the highest placement score;

determining whether the one or more colors associated with the overlay adversely affects readability of text within the digital design; and

changing, based on the determination, the one or more colors associated with the overlay to increase the readability of the text within the digital design.

6. The method as recited in claim 5, further comprising:

identifying a size associated with the overlay;

determining whether the size associated with the overlay adversely affects readability of text within the digital design;

changing, based on the determination, the size associated with the overlay to increase the readability of the text within the digital design.

7. The method as recited in claim 4, wherein calculating, by at least one processor, a placement score for each of a plurality of potential placements relative to the changed underlying image by scoring an effect on the identified one or more features of the changed underlying image due to positioning of the overlay in each of the potential placements comprises:

calculating a plurality of scalar values, each scalar value indicating an effect of positioning the overlay in a given potential placement; and

summing the plurality of scalar values for each potential placement.

8. The method as recited in claim 7, wherein calculating a plurality of scalar values comprises calculating an edge scalar value indicating how the overlay overlaps with edges of the changed underlying image when positioned in a given potential placement.

9. The method as recited in claim 7, wherein calculating a plurality of scalar values comprises calculating a face scalar value indicating how the overlay overlaps with faces of the changed underlying image when positioned in a given potential placement.

10. The method as recited in claim 7, wherein calculating a plurality of scalar values comprises calculating a symmetry scalar value indicating how the overlay, when positioned in a given potential placement, affects the symmetry of the digital design.

11. The method as recited in claim 7, wherein calculating a plurality of scalar values comprises calculating an alignment scalar value indicating how the overlay, when positioned in a given potential placement, aligns with objects in the digital design.

12. In a digital medium environment for editing digital images, a method for automatically positioning text in design designs including underlying images comprising:

identifying a plurality of potential placements in a digital design for text relative to an underlying image of the digital design;

calculating a placement score for each of the plurality of potential placements that indicates an effect of positioning the text in each of the potential placements;

placing the text at a potential placement with a highest calculated placement score;

extracting a color palette from the underlying image; and

modifying one or more colors of the text to correspond to the extracted color palette.

13. The method as recited in claim 12, wherein identifying a plurality of potential placements comprises dividing the editable the digital design into a grid.

14. The method as recited in claim 12, further comprising identifying one or more features of the digital design.

15. The method as recited in claim 13, wherein identifying one or more features of the digital design comprises performing one or more of edge detection, facial recognition, symmetry detection, size detection, alignment detection, or overlap detection.

16. The method as recited in claim 15, wherein calculating a placement score for each of the potential placements comprises calculating the placement score based on one or more of the performed edge detection, facial recognition, symmetry detection, size detection, alignment detection, and overlap detection.

17. The method as recited in claim 12, further comprising:

determining whether the one or more colors of the text adversely affects readability of the text;

wherein modifying the one or more colors of the text further comprises changing an opacity, shade, or hue of the one or more colors to increase readability of the text.

18. The method as recited in claim 12, further comprising:

determining whether a size of the text adversely affects readability of the text;

changing, based on the determination, the size of the text to increase readability of the text.

19. A system comprising:

at least one processor; and

at least one non-transitory computer-readable storage medium storing instructions thereon that, when executed by the at least one processor, cause the system to;

detect a change to an underlying image of a digital design comprising an overlay;

identify, in response to the detected change, one or more features of the changed underlying image;

calculate a placement score for each of a plurality of potential placements relative to the changed underlying image by scoring an effect on the identified one or more features of the changed underlying image due to positioning of the overlay in each of the potential placements;

repositioning the overlay at a potential placement with a highest placement score;

modifying one or more colors of the repositioned overlay based on an extracted color palette from the underlying image; and

modifying a size of the repositioned overlay based on readability of the repositioned overlay.

20. The system as recited in claim 19, wherein calculating a placement score for each of the plurality of potential placements relative to the changed underlying image further comprises identifying one or more features of the digital design by performing one or more of edge detection, facial recognition, symmetry detection, size detection, alignment detection, or overlap detection.