Layering a line with multiple layers for rendering a soft brushstroke

• US 9,367,933 B2
• Filed: 06/26/2012
• Issued: 06/14/2016
• Est. Priority Date: 06/26/2012
• Status: Active Grant

• Current Assignee: Google Technology Holdings LLC (Alphabet Inc.)
• Original Assignee: Google Technology Holdings LLC (Alphabet Inc.)
• Inventors: Joshi, Pushkar Prakash
• Primary Examiner(s): Richer, Aaron M
• Application Number:
  US13/533,193
• Publication Number:
  US 20130342560A1
• Time in Patent Office: 1,449 Days
• Field of Search: None
• US Class Current: 1/1
• CPC Class Codes: G06T 11/001 Texturing; Colouring; Generation of texture or colour inpainting G06T5/77
• CPC Class Codes: G06T 11/203 Drawing of straight lines or curves

Abstract

A method for drawing a line having a gradient opacity across a width of the line includes receiving a path for rendering the line in a user interface, and rendering, by a computing device, a plurality of composite lines on a user interface along the path to form the line. The composite lines of the plurality of composite lines have different widths have an opacity, and are multilayered along the path. The method further includes centering, by the computing device, longitudinal-centers of the plurality of composite lines with a center of the path. The opacity of the plurality of composite lines is additive across portions of the width of the line to form the gradient opacity.

Claims

1. A method for drawing a calligraphic line having a width, the method comprising:

receiving a path for rendering the calligraphic line in a user interface, wherein the path includes a first segment having a first width and a second segment having a second width;

determining, by a computing device, a first number of composite lines to render for the first segment of the path to have the first width and a second number of composite lines to render for the second segment of the path to have the second width, wherein the first number of composite lines includes a first edge and a second edge, and the second number of composite lines includes a third edge and a fourth edge;

receiving a selection of a first color and a second color for a color gradient for the calligraphic line;

determining a first number of colors of the color gradient for the first segment of the path having a first width and a second number of colors of the color gradient for the second segment of the path having a second width;

assigning each of the first number of colors of the color gradient to one or more of the first number of composite lines and each of second number of colors of the color gradient to one or more of the second number of composite lines, such that the first and third edges have the first color, and the second and fourth edges have the second color; and

rendering, by the computing device, the first number of composite lines in parallel along the first segment of the path and the second number of composite lines in parallel along the second segment of the path to form the calligraphic line, wherein the first edge is connected to the fourth edge.

2. The method of claim 1, wherein assigning each of the first number of colors of the color gradient to one or more of the first number of composite lines further comprises setting the first number of colors of the color gradient equal to the first number of composite lines, wherein the color gradient transitions from the first color to the second color across the width of the calligraphic line.

3. The method of claim 2, wherein the composite lines have an increasing amount of the second color and a decreasing amount of the first color from the one of the composite line to the another of the composite lines.

4. The method of claim 2, wherein assigning each of the first number of colors of the color gradient to one or more of the first number of composite lines further comprises:

setting the first number of colors of the color gradient equal to a portion of the first number of composite lines; and

assigning the color gradient to the portion of the number of composite lines, wherein;

the color gradient transitions from the first color to the second color across the portion of the number of composite lines, and

another portion of the number of composite lines is different from the portion of the number of composite lines.

5. The method of claim 4, further comprising:

receiving a selection of at least a first additional color for at least a second color gradient for the calligraphic line; and

assigning the second color gradient to the another portion of the number of composite lines.

6. The method of claim 1, further comprising:

receiving a selection of a plurality of colors for a plurality of color gradients for a plurality of portions of the calligraphic line; and

assigning the plurality of color gradients to the portions of the calligraphic line.

7. The method of claim 1, wherein the first segment is not parallel to the second segment.

8. The method of claim 1, wherein the first segment is connected to an end of the second segment such that the first number of composite lines in parallel along the first segment of the path are offset from the second number of composite lines in parallel along the second segment of the path and the first number of composite lines are parallel to the second number of composite lines.

9. A method for drawing a calligraphic line having a turning section along a longitude of the calligraphic line, the method comprising:

receiving a path for rendering the calligraphic line in a user interface, wherein the path includes a first segment having a first width and a second segment having a second width;

rendering, by a computing device, a first plurality of composite lines in parallel along the path to form a first side of the first segment of the calligraphic line in the user interface; and

rendering, by the computing device, a second plurality of composite lines in parallel along the path to form a second side of the first segment of the calligraphic line in the user interface, wherein;

the first side of the first segment of the calligraphic line and the second side of the first segment of the calligraphic line are joined at the turning section;

the first side of the first segment of the calligraphic line together with the second side of the first segment of the calligraphic line are equal to the first width of the first segment, and the first segment of the calligraphic line is connected to the second segment of the calligraphic line also composed of a first side and a second side; and

when the first segment and the second segment connect, the second side of the first segment of the calligraphic line and the first side of the first segment of the calligraphic line coincide at portions of the calligraphic line on the user interface, and the second side of the first segment of the calligraphic line replaces the first side of the first segment of the calligraphic line at the portions.

10. The method of claim 9, further comprising receiving a shape selection for the turning section, wherein the first plurality of composite lines and the second plurality of composite lines meet at the longitude according to the shape of the turning section.

11. The method of claim 10, further comprising receiving a second shape selection for the first side of the calligraphic line and a third shape selection for the second side of the calligraphic line, wherein rendering the first plurality of composite lines includes rendering the first plurality of composite lines to have the second shape, and rendering the second plurality of composite lines includes rendering the second plurality of composite lines to have the third shape.

12. The method of claim 11, wherein the second shape is for a width of the first side of the calligraphic line, and the third shape is for a width of the second side of the calligraphic line.

13. The method of claim 10, wherein the turning section is rounded.

14. The method of claim 10, wherein the turning section is an angle.

15. The method of claim 9, wherein the first side of the calligraphic line is a first color and the second side of the calligraphic line is a second color.

16. The method of claim 9, further comprising:

subsequent to rendering the first plurality of composite lines and the second plurality of composite lines, receiving an input for changing a shape of the turning section; and

changing the turning section of the calligraphic line on the user interface based on the input.

17. The method of claim 9, wherein:

the composite lines of the first plurality of composite lines have different opacities,

the first side of the calligraphic line has a varying opacity that matches the different opacities of the first plurality of the composite lines,

the composite lines of the second plurality of composite lines have different opacities, and

the second side of the calligraphic line has a varying opacity that matches the different opacities of the second plurality of the composite lines.

18. A system for drawing a calligraphic line having a width, the system comprising:

a user interface having a display; and

at least one processor connected to the user interface, wherein the at least one processor is configured to;

receive a path for rendering the calligraphic line in the user interface, wherein the path includes a first segment having a first width and a second segment having a second width;

determine a first number of composite lines to render for the first segment of the path to have the first width and a second number of composite lines to render for the second segment of the path to have the second width, wherein the first number of composite lines includes a first edge and a second edge, and the second number of composite lines includes a third edge and a fourth edge;

receive, from the user interface, a selection of a first color and a second color for a color gradient for the calligraphic line;

determine a first number of colors of the color gradient for the first segment of the path having a first width and a second number of colors of the color gradient for the second segment of the path having a second width;

assign each of the first number of colors of the color gradient to one or more of the first number of composite lines and each of second number of colors of the color gradient to one or more of the second number of composite lines, such that the first and third edges have the first color, and the second and fourth edges have the second color; and

render, on the display, the first number of composite lines in parallel along the first segment of the path and the second number of composite lines in parallel along the second segment of the path to form the calligraphic line, wherein the first edge is connected to the fourth edge.

19. The system of claim 18, wherein:

the composite lines of the first plurality of composite lines have different opacities,

the first side of the calligraphic line has a varying opacity that matches the different opacities of the first plurality of the composite lines,

the composite lines of the second plurality of composite lines have different opacities, and

the second side of the calligraphic line has a varying opacity that matches the different opacities of the second plurality of the composite lines.

20. The system of claim 18, wherein the at least one processor is configured to assign each of the first number of colors of the color gradient to one or more of the first number of composite lines by:

setting the first number of colors of the color gradient equal to a portion of the first number of composite lines; and

assigning the color gradient to the portion of the number of composite lines, wherein;

the color gradient transitions from the first color to the second color across the portion of the number of composite lines, and

another portion of the number of composite lines is different from the portion of the number of composite lines.

21. The system of claim 20, wherein the at least one processor is further configured to:

receive, from the user interface, a selection of at least a first additional color for at least a second color gradient for the calligraphic line; and

assign the second color gradient to the another portion of the number of composite lines.

22. A system for drawing a calligraphic line having a turning section along a longitude of the calligraphic line, the method comprising, the system comprising:

a user interface having a display; and

at least one processor connected to the user interface, wherein the at least one processor is configured to;

receive a path for rendering the calligraphic line in the user interface, wherein the path includes a first segment having a first width and a second segment having a second width;

render, on the display, a first plurality of composite lines in parallel along the path to form a first side of the first segment of the calligraphic line in the user interface; and

render, on the display, a second plurality of composite lines in parallel along the path to form a second side of the first segment of the calligraphic line in the user interface, wherein;

the first side of the first segment of the calligraphic line and the second side of the first segment of the calligraphic line are joined at the turning section;

the first side of the first segment of the calligraphic line together with the second side of the first segment of the calligraphic line are equal to the first width of the first segment, and the first segment of the calligraphic line is connected to the second segment of the calligraphic line also composed of a first side and a second side; and

when the first segment and the second segment connect, the second side of the first segment of the calligraphic line and the first side of the first segment of the calligraphic line coincide at portions of the calligraphic line on the user interface, and the second side of the first segment of the calligraphic line replaces the first side of the first segment of the calligraphic line at the portions.

23. The system of claim 22, wherein the at least one processor is further configured to receive a shape selection for the turning section, wherein the first plurality of composite lines and the second plurality of composite lines meet at the longitude according to the shape of the turning section.

24. The system of claim 22, wherein the at least one processor is further configured to:

subsequent to rendering the first plurality of composite lines and the second plurality of composite lines, receive, from the user interface, an input for changing a shape of the turning section; and

change the turning section of the calligraphic line on the user interface based on the input.

25. The system of claim 22, wherein:

the composite lines of the first plurality of composite lines have different opacities,

the first side of the calligraphic line has a varying opacity that matches the different opacities of the first plurality of the composite lines,

the composite lines of the second plurality of composite lines have different opacities, and

the second side of the calligraphic line has a varying opacity that matches the different opacities of the second plurality of the composite lines.