Reshape lines and shapes

  1. Adobe Animate User Guide
  2. Introduction to Animate
    1. What's New in Animate
    2. Visual Glossary
    3. Animate system requirements
    4. Animate keyboard shortcuts
    5. Work with Multiple File Types in Animate
  3. Animation
    1. Animation basics in Animate
    2. How to use frames and keyframes in Animate
    3. Frame-by-frame animation in Animate
    4. How to work with classic tween animation in Animate
    5. Brush Tool
    6. Motion Guide
    7. Motion tween and ActionScript 3.0
    8. About Motion Tween Animation
    9. Motion tween animations
    10. Creating a Motion tween animation
    11. Using property keyframes
    12. Animate position with a tween
    13. How to edit motion tweens using Motion Editor
    14. Editing the motion path of a tween animation
    15. Manipulating motion tweens
    16. Adding custom eases
    17. Creating and applying Motion presets
    18. Setting up animation tween spans
    19. Working with Motion tweens saved as XML files
    20. Motion tweens vs Classic tweens
    21. Shape tweening
    22. Using Bone tool animation in Animate
    23. Work with character rigging in Animate
    24. How to use mask layers in Adobe Animate
    25. How to work with scenes in Animate
  4. Interactivity
    1. How to create buttons with Animate
    2. Convert Animate projects to other document type formats
    3. Create and publish HTML5 Canvas documents in Animate
    4. Add interactivity with code snippets in Animate
    5. Creating custom HTML5 Components
    6. Using Components in HTML5 Canvas
    7. Creating custom Components: Examples
    8. Code Snippets for custom Components
    9. Best practices - Advertising with Animate
    10. Virtual Reality authoring and publishing
  5. Workspace and workflow
    1. Creating and managing Paint brushes
    2. Using Google fonts in HTML5 Canvas documents
    3. Using Creative Cloud Libraries and Adobe Animate
    4. Use the Stage and Tools panel for Animate
    5. Animate workflow and workspace
    6. Using web fonts in HTML5 Canvas documents
    7. Timelines and ActionScript
    8. Working with multiple timelines
    9. Set preferences
    10. Using Animate authoring panels
    11. Create timeline layers with Animate
    12. Export animations for mobile apps and game engines
    13. Moving and copying objects
    14. Templates
    15. Find and Replace in Animate
    16. Undo, redo, and the History panel
    17. Keyboard shortcuts
    18. How to use the timeline in Animate
    19. Creating HTML extensions
    20. Optimization options for Images and Animated GIFs
    21. Export settings for Images and GIFs
    22. Assets Panel in Animate
  6. Multimedia and Video
    1. Transforming and combining graphic objects in Animate
    2. Creating and working with symbol instances in Animate
    3. Image Trace
    4. How to use sound in Adobe Animate
    5. Exporting SVG files
    6. Create video files for use in Animate
    7. How to add a video in Animate
    8. Working with video cue points
    9. Draw and create objects with Animate
    10. Reshape lines and shapes
    11. Strokes, fills, and gradients with Animate CC
    12. Working with Adobe Premiere Pro and After Effects
    13. Color Panels in Animate CC
    14. Opening Flash CS6 files with Animate
    15. Work with classic text in Animate
    16. Placing artwork into Animate
    17. Imported bitmaps in Animate
    18. 3D graphics
    19. Working with symbols in Animate
    20. Draw lines & shapes with Adobe Animate
    21. Work with the libraries in Animate
    22. Exporting Sounds
    23. Selecting objects in Animate CC
    24. Working with Illustrator AI files in Animate
    25. Apply patterns with the Spray Brushtool
    26. Applying blend modes
    27. Arranging objects
    28. Automating tasks with the Commands menu
    29. Multilanguage text
    30. Using camera in Animate
    31. Using Animate with Adobe Scout
    32. Working with Fireworks files
    33. Graphic filters
    34. Sound and ActionScript
    35. Drawing preferences
    36. Drawing with the Pen tool
  7. Platforms
    1. Convert Animate projects to other document type formats
    2. Custom Platform Support
    3. Create and publish HTML5 Canvas documents in Animate
    4. Creating and publishing a WebGL document
    5. How to package applications for AIR for iOS
    6. Publishing AIR for Android applications
    7. Publishing for Adobe AIR for desktop
    8. ActionScript publish settings
    9. Best practices - Organizing ActionScript in an application
    10. How to use ActionScript with Animate
    11. Best practices - Accessibility guidelines
    12. Accessibility in the Animate workspace
    13. Writing and managing scripts
    14. Enabling Support for Custom Platforms
    15. Custom Platform Support Overview
    16. Creating accessible content
    17. Working with Custom Platform Support Plug-in
    18. Debugging ActionScript 3.0
    19. Enabling Support for Custom Platforms
  8. Exporting and Publishing
    1. How to export files from Animate CC
    2. OAM publishing
    3. Exporting SVG files
    4. Export graphics and videos with Animate
    5. Publishing AS3 documents
    6. Export animations for mobile apps and game engines
    7. Exporting Sounds
    8. Export QuickTime video files
    9. Controlling external video playback with ActionScript
    10. Best practices - Tips for creating content for mobile devices
    11. Best practices - Video conventions
    12. Best practices - SWF application authoring guidelines
    13. Best practices - Structuring FLA files
    14. Best Practices to optimize FLA files for Animate
    15. ActionScript publish settings
    16. Specify publish settings for Animate
    17. Exporting projector files
    18. Export Images and Animated GIFs
    19. HTML publishing templates
    20. Working with Adobe Premiere Pro and After Effects
    21. Quick share and publish your animations

Display and adjust points with the Subselection tool

  1. Select the Subselection tool  .
  2. Click the line or shape outline.

Reshape a line or shape

To reshape a line or shape outline, drag any point on a line using the Selection tool. The pointer changes to indicate what type of reshaping it can perform on the line or fill.

Animate adjusts the curve of the line segment to accommodate the new position of the moved point. If the repositioned point is an end point the line will lengthen or shorten. If the repositioned point is a corner, the line segments forming the corner remain straight as they become longer or shorter.

When a corner appears next to the pointer, you can change an end point. When a curve appears next to the pointer, you can adjust a curve.

Some brush stroke areas are easier to reshape if you view them as outlines.

If you are having trouble reshaping a complex line, smooth it to remove some of its details, making reshaping easier. Increasing the magnification can also make reshaping easier and more accurate.

  1. Select the Selection tool  .
  2. Do one of the following:
    • To reshape the segment, drag from any point.

    • To drag a line to create a new corner point, control-click (Windows) or Option-click (Macintosh).

Straighten and smooth lines

Straightening makes small straightening adjustments to lines and curves you already drew. It has no effect on segments that are already straight.

Note:

To adjust the degree of automatic smoothing and straightening, specify preferences for drawing settings.

To make Animate recognize shapes, use the straightening technique. If you draw any oval, rectangular, or triangular shapes with the Recognize Shapes option turned off, use the Straightening option to make the shapes geometrically perfect. Shapes that are touching, and thus connected to other elements, are not recognized.

Shape recognition turns the top shapes into the bottom shapes.

Smoothing softens curves and reduces bumps or other variations in a curve’s overall direction. It also reduces the number of segments in a curve. Smoothing is relative, however, and has no effect on straight segments. It is particularly useful when you are having trouble reshaping a number of very short curved line segments. Selecting all the segments and smoothing them reduces the number of segments, producing a gentler curve that is easier to reshape.

Repeated application of smoothing or straightening makes each segment smoother or straighter, depending on how curved or straight each segment was originally.

  • To smooth the curve of each selected stroke, select the Selection tool and click the Smooth modifier  in the Options section of the Tools panel. Each click of the Smooth modifier button makes the selected stroke progressively smoother.

  • To enter specific parameters for a smoothing operation, choose Modify > Shape > Smooth. In the Smooth dialog box, enter values for the Smooth Angles Above, Smooth Angles Below, and Smoothing Strength parameters.

  • To make small straightening adjustments on each selected fill outline or curved line, select the Selection tool  and click the Straighten modifier  in the Options section of the Tools panel.

  • To enter specific parameters for a straightening operation, choose Modify > Shape > Straighten. In the Straighten dialog box, enter a value for the Straighten Strength parameter.

  • To use shape recognition, select the Selection tool  and click the Straighten modifier , or select Modify > Shape > Straighten.

Optimize curves

Optimizing smooths curves by refining curved lines and filling outlines, reducing the number of curves used to define these elements. Optimizing curves also reduces the size of the Flash Professional document (FLA file) and the exported Animate application (SWF file). Apply optimization to the same elements multiple times.

  1. Select the drawn elements to optimize and select Modify > Shape > Optimize.
  2. To specify the degree of smoothing, drag the Optimization Strength slider. The results depend on the curves selected. Generally, optimizing produces fewer curves, with less resemblance to the original outline.
  3. To display a message indicating the number of segments in the selection before and after the optimization, select the Show Totals Message option. Animate displays the message after the operation completes.

  4. Click OK.

Modify shapes

  1. To convert lines to fills, select a line or multiple lines and select Modify > Shape > Convert Lines To Fills. Selected lines are converted to filled shapes, which allows you to fill lines with gradients or to erase a portion of a line. Converting lines to fills can make file sizes larger, but it can also speed up drawing for some animations.
  2. To expand the shape of a filled object, select a filled shape, and select Modify > Shape > Expand Fill. Enter a value in pixels for Distance and select Expand or Inset For Direction. Expand enlarges the shape, and Inset reduces it.

    This feature works best on a single, small, filled color shape with no stroke, that does not contain many small details.

  3. To soften the edges of an object, select a filled shape, and select Modify > Shape > Soften Fill Edges. Set the following options:

    Distance

    The width, in pixels, of the soft edge.

    Number Of Steps

    Controls how many curves are used for the soft edge effect. The more steps you use, the smoother the effect. Increasing steps also creates larger files and slows drawing.

    Expand Or Inset

    Controls whether the shape is enlarged or reduced to soften the edges.

    This feature works best on a single filled shape that has no stroke, and can increase the file size of a Animate document and the resulting SWF file.

Delete everything on the Stage

  1. Double-click the Eraser tool  in the toolbar. This erases all types of content on the Stage and pasteboard.

Remove stroke segments or filled areas

  1. Select the Eraser tool, and then click the Faucet modifier  .
  2. Click the stroke segment or filled area to delete.

Erase by dragging

  1. Select the Eraser tool.
  2. Click the Eraser Mode modifier and select an erasing mode:
    Eraser mode modifiers
    Eraser mode modifiers

    Erase Normal

    Erases strokes and fills on the same layer.

    Erase Fills

    Erases only fills; strokes are not affected.

    Erase Lines

    Erases only strokes; fills are not affected.

    Erase Selected Fills

    Erases only the currently selected fills and does not affect strokes, selected or not. (Select the fills to erase before using the Eraser tool in this mode.)

    Erase Inside

    Erases only the fill on which you begin the Eraser stroke. If you begin erasing from an empty point, nothing is erased. Strokes are unaffected by the eraser in this mode.

  3. Click the Eraser Shape modifier and select an eraser shape and size. Make sure that the Faucet modifier is not selected.
    Eraser shapes
    Eraser shapes

    Use the horizontal scroll bar to adjust the size of the Eraser shape. 

  4. Customize, delete, or edit the customized shape. Click the Add Custom Eraser shape icon adjacent to Eraser shape icon to create your customized Eraser shape. Choose the shape, angle and flatness to define the Nib properties. Click OK to create the customized shape.

    Eraser-Nib-options
    Eraser-Nib-options

  5. Drag on the Stage.

Using Pressure and Tilt modifiers

Pressure and Tilt options are added to Eraser tool to enhance drawing options.

Pressure and Tilt options
Pressure and Tilt options

Select Eraser tool and select the  icon from the tool bar to enable pressure sensitivity or select the  icon to enable tilt sensitivity. The default percentage values are 1% and 100% corresponding to the minimum and maximum values of Pressure/Tilt.

Use the eraser tool to create variable-width strokes based on pressure or tilt applied on the Eraser.

A sample drawing drawn with the help of Eraser Pressure and Tilt options is shown below for illustration:

Illustration showing application of Pressure and Tilt options
Illustration showing application of Pressure and Tilt options

Synchronizing settings in Eraser and Brush tools

You can choose to synchronize sub settings such as pressure or tilt settings, nib size, and nib shapes in Brush (B) and Eraser (E) tools. These settings are remembered even after quitting and relaunching a session in Animate.

  1. Enable the Sync settings with Brush checkbox in the Eraser tool (E).
  2. Current settings of Eraser (E) tool are mirrored in the Brush tool (B) and conversely. The Wacom pen always uses smoothing setting from the Brush (B) tool. Wacom rear end uses the brush settings when the Brush (B) tool is selected. Else, for any other tool, it uses the eraser settings.
Synchronize settings in Eraser and Brush tools.

Erase on active layer

You can choose to use the Eraser tool (E) to erase only on the active layer.

Enable the Erase on active layer check box in the Eraser tool (E).

Eraser on active layer

Adobe logo

Sign in to your account