Tool for creating and editing arcs
A tool is provided via a user interface for a digital media application that supports digital illustrations. The tool combines operations to create different types of segments for a drawing shape and covert between types of segments. The tool is configured to analyze the drawing to recognize segments that are straight, arc, or curved portions of the drawing path. For segments recognized as curved, the segments are represented as Bezier curve segments. For segments recognized as straight, the segments are represented as line segments. Additionally, line segments are associated with handle elements operable to convert the line segments to regular arc segments. Responsive to manipulation of a handle element for a particular line segment, the tool computes a corresponding regular arc and converts the line segment into a regular arc segment.
1. In a digital media environment to facilitate digital illustration creation using a computing device, a method comprising:
receiving, by the computing device, a first user input specifying a drawing path in a drawing canvas;
displaying, by the computing device, the drawing path in the drawing canvas as a plurality of segments, the plurality of segments including an arc segment;
receiving, by the computing device, a second user input via the drawing canvas to resize the displayed drawing path;
resizing, by the computing device responsive to the second user input, the plurality of segments of the drawing path proportionally, the resizing including scaling the arc segment based on arc radius and arc length; and
displaying, by the computing device, the resized plurality of segments of the drawing path in the drawing canvas.
2. The method as described in claim 1 , wherein the arc segment is generated by drawing the arc segment to replace a respective line segment of the drawing path responsive to manipulation of a handle displayed in association with the line segment.
3. The method as described in claim 2 , wherein the handle is movable outward from the line segment to form the arc segment.
4. The method as described in claim 3 , wherein the radii and length of the arc segment are controlled based on a distance of the handle from endpoints of the arc segment.
5. The method as described in claim 3 , wherein the handle is movable outward from the arc segment in any direction and freely along the arc segment responsive to manipulation of the handle.
6. The method as described in claim 1 , wherein the displaying includes drawing a Bezier curve segment to represent a curved portion of the drawing path based on the first user input.
7. The method as described in claim 1 , wherein the displaying includes:
drawing a line segment to represent a straight portion of the drawing path based on the first user input and displaying a handle in association with the line segment operable to convert the line segment to the arc segment; and
drawing the arc segment to replace the line segment responsive to manipulation of the handle displayed in association with the line segment.
8. The method as described in claim 1 , further comprising:
detecting selection of the arc segment, the arc segment connected at a connection point to a Bezier curve segment of the drawing path; and
responsive to the detecting, smoothing a transition at the connection point from the arc segment to the Bezier curve segment by applying a smoothing algorithm.
9. The method of claim 8 , wherein the smoothing algorithm is configured to convert the arc segment to another Bezier curve segment.
10. In a digital media environment to facilitate digital illustration creation using a computing device, a method comprising:
receiving, by the computing device, a first user input specifying a drawing path in a drawing canvas;
displaying, by the computing device, the drawing path in the drawing canvas as a plurality of segments, the plurality of segments including an arc segment;
receiving, by the computing device, a second user input via the drawing canvas to resize the arc segment;
converting, by the computing device, the arc segment into a Bezier curve segment;
resizing, by the computing device, the Bezier curve segment based on the second user input; and
displaying, by the computing device, the resized Bezier curve segment in the drawing canvas as part of the drawing path.
11. The method as described in claim 10 , wherein the resizing is non-uniform and includes stretching the Bezier curve segment.
12. The method as described in claim 10 , wherein the resizing is non-uniform and includes squashing the Bezier curve segment.
13. The method as described in claim 10 , wherein the arc segment is generated by drawing the arc segment to replace a respective line segment of the drawing path responsive to manipulation of a handle displayed in association with the line segment.
14. The method as described in claim 13 , wherein the handle is movable outward from the line segment to form the arc segment.
15. A computing device comprising:
a processing system;
a display device; and
a computer-readable storage medium having instructions stored thereon that, responsive to execution by the processing system, causes the processing system to perform operations comprising:
displaying a drawing path in a drawing canvas by the display device as including a plurality of segments of the drawing path, the plurality of segments including an arc segment;
receiving a user input via the drawing canvas to resize the arc segment:
responsive to determining that the user input specifies proportional resizing, resizing the arc segment based on an arc radius and arc length; and
responsive to determining that the user input specifies non-uniform resizing, resizing the arc segment by converting the arc segment into a Bezier curve segment and resizing the Bezier curve segment; and
displaying the resized arc segment of the drawing path in the digital canvas by the display device.
16. The computing device as described in claim 15 , wherein the operations include resizing the Bezier curve segment by stretching or squashing the Bezier curve segment.
17. The computing device as described in claim 15 , wherein the operations further comprise:
drawing a line segment as part of the drawing path, the line segment including a handle; and
responsive to user manipulation of the handle, replacing the line segment with the arc segment.
18. The computing device as described in claim 17 , wherein the handle is movable responsive to the user manipulation outward from the line segment to form the arc segment.
19. The computing device as described in claim 18 , wherein the radii and length of the arc segment are controlled based on respective distances of the handle from respective endpoints of the arc segment.
20. The computing device as described in claim 15 , further comprising:
detecting selection of the arc segment, the arc segment connected at a connection point to a Bezier curve segment of the drawing path; and
responsive to the detecting, smoothing a transition at the connection point from the arc segment to the Bezier curve segment by applying a smoothing algorithm.