Hướng dẫn cho người dùng Hủy

How to taper shape strokes

  1. After Effects User Guide
  2. Beta releases
    1. Beta Program Overview
    2. After Effects Beta Home
  3. Getting started
    1. Get started with After Effects
    2. What's new in After Effects 
    3. Release Notes | After Effects
    4. After Effects system requirements
    5. Keyboard shortcuts in After Effects
    6. Supported File formats | After Effects
    7. Hardware recommendations
    8. After Effects for Apple silicon
    9. Planning and setup
  4. Workspaces
    1. General user interface items
    2. Get to know After Effects interface
    3. Workflows
    4. Workspaces, panels, and viewers
  5. Projects and compositions
    1. Projects
    2. Composition basics
    3. Precomposing, nesting, and pre-rendering
    4. View detailed performance information with the Composition Profiler
    5. CINEMA 4D Composition Renderer
  6. Importing footage
    1. Preparing and importing still images
    2. Importing from After Effects and Adobe Premiere Pro
    3. Importing and interpreting video and audio
    4. Preparing and importing 3D image files
    5. Importing and interpreting footage items
    6. Working with footage items
    7. Detect edit points using Scene Edit Detection
    8. XMP metadata
  7. Text and Graphics
    1. Text
      1. Formatting characters and the Character panel
      2. Text effects
      3. Creating and editing text layers
      4. Formatting paragraphs and the Paragraph panel
      5. Extruding text and shape layers
      6. Animating text
      7. Examples and resources for text animation
      8. Live Text Templates
    2. Motion Graphics
      1. Work with Motion Graphics templates in After Effects
      2. Use expressions to create drop-down lists in Motion Graphics templates
      3. Work with Essential Properties to create Motion Graphics templates
      4. Replace images and videos in Motion Graphics templates and Essential Properties
      5. Animate faster and easier using the Properties panel
  8. Drawing, Painting, and Paths
    1. Overview of shape layers, paths, and vector graphics
    2. Paint tools: Brush, Clone Stamp, and Eraser
    3. Taper shape strokes
    4. Shape attributes, paint operations, and path operations for shape layers
    5. Use Offset Paths shape effect to alter shapes
    6. Creating shapes
    7. Create masks
    8. Remove objects from your videos with the Content-Aware Fill panel
    9. Roto Brush and Refine Matte
  9. Layers, Markers, and Camera
    1. Selecting and arranging layers
    2. Blending modes and layer styles
    3. 3D layers
    4. Layer properties
    5. Creating layers
    6. Managing layers
    7. Layer markers and composition markers
    8. Cameras, lights, and points of interest
  10. Animation, Keyframes, Motion Tracking, and Keying
    1. Animation
      1. Animation basics
      2. Animating with Puppet tools
      3. Managing and animating shape paths and masks
      4. Animating Sketch and Capture shapes using After Effects
      5. Assorted animation tools
      6. Work with Data-driven animation
    2. Keyframe
      1. Keyframe interpolation
      2. Setting, selecting, and deleting keyframes
      3. Editing, moving, and copying keyframes
    3. Motion tracking
      1. Tracking and stabilizing motion
      2. Face Tracking
      3. Mask Tracking
      4. Mask Reference
      5. Speed
      6. Time-stretching and time-remapping
      7. Timecode and time display units
    4. Keying
      1. Keying
      2. Keying effects
  11. Transparency and Compositing
    1. Compositing and transparency overview and resources
    2. Alpha channels and masks
    3. Track Mattes and Traveling Mattes
  12. Adjusting color
    1. Color basics
    2. Color management
    3. Color Correction effects
    4. OpenColorIO and ACES color management
  13. Effects and Animation Presets
    1. Effects and animation presets overview
    2. Effect list
    3. Effect Manager
    4. Simulation effects
    5. Stylize effects
    6. Audio effects
    7. Distort effects
    8. Perspective effects
    9. Channel effects
    10. Generate effects
    11. Time effects
    12. Transition effects
    13. The Rolling Shutter Repair effect
    14. Blur and Sharpen effects
    15. 3D Channel effects
    16. Utility effects
    17. Matte effects
    18. Noise and Grain effects
    19. Detail-preserving Upscale effect
    20. Obsolete effects
  14. Expressions and Automation
    1. Expressions
      1. Expression basics
      2. Understanding the expression language
      3. Using expression controls
      4. Syntax differences between the JavaScript and Legacy ExtendScript expression engines
      5. Editing expressions
      6. Expression errors
      7. Using the Expressions editor
      8. Use expressions to edit and access text properties
      9. Expression language reference
      10. Expression examples
    2. Automation
      1. Automation
      2. Scripts
  15. Immersive video, VR, and 3D
    1. Construct VR environments in After Effects
    2. Apply immersive video effects
    3. Compositing tools for VR/360 videos
    4. Advanced 3D Renderer
    5. Import and add 3D models to your composition
    6. Import 3D models from Creative Cloud Libraries
    7. Image-Based Lighting
    8. Extract and animate lights and cameras from 3D models
    9. Tracking 3D camera movement
    10. Cast and accept shadows
    11. Embedded 3D model animations
    12. Shadow Catcher
    13. 3D depth data extraction
    14. Modify materials properties of a 3D layer
    15. Work in 3D Design Space
    16. 3D Transform Gizmos
    17. Do more with 3D animation
    18. Preview changes to 3D designs real time with the Mercury 3D engine
    19. Add responsive design to your graphics 
  16. Views and Previews
    1. Previewing
    2. Video preview with Mercury Transmit
    3. Modifying and using views
  17. Rendering and Exporting
    1. Basics of rendering and exporting
    2. H.264 Encoding in After Effects
    3. Export an After Effects project as an Adobe Premiere Pro project
    4. Converting movies
    5. Multi-frame rendering
    6. Automated rendering and network rendering
    7. Rendering and exporting still images and still-image sequences
    8. Using the GoPro CineForm codec in After Effects
  18. Working with other applications
    1. Dynamic Link and After Effects
    2. Working with After Effects and other applications
      1. Export After Effects project as Premiere Pro project
    3. Sync Settings in After Effects
    4. Creative Cloud Libraries in After Effects
    5. Plug-ins
    6. Cinema 4D and Cineware
  19. Collaboration: Frame.io, and Team Projects
    1. Collaboration in Premiere Pro and After Effects
    2. Frame.io
      1. Install and activate Frame.io
      2. Use Frame.io with Premiere Pro and After Effects
      3. Frequently asked questions
    3. Team Projects
      1. Get Started with Team Projects
      2. Create a Team Project
      3. Collaborate with Team Projects
  20. Memory, storage, performance
    1. Memory and storage
    2. How After Effects handles low memory issues while previewing    
    3. Improve performance
    4. Preferences
    5. GPU and GPU driver requirements for After Effects
  21. Knowledge Base
    1. Known issues
    2. Fixed issues
    3. Frequently asked questions
    4. After Effects and macOS Ventura
    5. How After Effects handles low memory issues while previewing

Learn how to taper shape strokes to create interesting animations and add smoothness to your shapes.

Create wavy, pointy, or rounded strokes on shape layers and animate the appearance of strokes to create interesting graphic elements. Unlike Illustrator, you can define arbitrary thicknesses at any point on the shape. Instead, After Effects has parameters that allow the ends to be tapered or waved.

Along with tapering the strokes, this feature gradually reduces their thickness for a more polished look. You can accentuate how smoothly tapering of your animations start and end over time. If you are new to creating strokes on shapes layers, you can begin with Strokes and fills for shapes.

Tapered Strokes let's you:

Adjust where taper begins along the path

You can taper the start of the stroke, and the size of the taper length, and control the ease.
For example, you want the stroke to start tapering only in the middle, use the Start Length property to set the value to 50% if using the Length Unit as Percentage.

Taper a stroke at either end

You can taper the stroke at either side by using the Start Length and End Length properties. For example, you want both the ends of a wave to be more fluid and seamless in comparison with the middle.

Adjust roundness of taper

Tapering can give you pointy edges, but you can soften them from both the sides. Use the Start Ease and End Ease properties for it.

Create waves of variable thickness along the full length of the stroke

You can also add waves to your strokes and adjust the thickness for an experimental look. Use the Wave parameter to add waves.

create shape from text

Combine tapering with other stroke customization

In addition, you can also use other stroke modifications such as dashes, add trim paths to create different looks. For example, you can create a write-on text animation and add motion to it with the Trim Paths property.

Controls

Before you begin, here are the controls to work with tapered strokes:

Taper: Use it to adjust the width of the stroke along the path.

Length Units: Select from the two options - Percentage and Pixels. When you animate the size of the path, say by trimming the path, it is better to use pixels in order to keep the taper length invariant to the path length. If you want the length to be relative to the path length, say when tapering from the middle to the end (using 50%), use percentage.

Start Length: Controls the length of the taper from the start of the stroke.

End LengthControls the length of the taper from the end of the stroke.

Start Width: Controls the thickness of the tapering along the starting length of the path. To see the effect, the start length should be set a non-zero value.

End WidthControls the thickness of the tapering along the ending length of the path. o see the effect, the end length should be set a non-zero value.

Start Ease: Controls the roundness of the taper along the start length. It works on the sharp edges of the taper along the stroke and softens them for a more natural look. Using the slider, a negative value gives you pointy tapering, 0 gives a linear tapering, and values above that gives you a rounder tapering.

End Ease: Controls the roundness of the taper along the end length. It works on the sharp edges of the taper along the stroke and softens them for a more natural look. Using the slider, a negative value gives you pointy tapering, 0 gives a linear tapering, and values above that give you a rounder tapering.

Wave: Use it to add waves to a stroke along the path.

  • Amount: Controls the intensity and number of waves added in a stroke. A smaller value gives shallow waves and a higher value gives deeper waves.
  • Units: Controls whether the wavelength is measured in Pixels or Cycles. You can use cycles for a closed shape paths as it maintains continuity in edges.
  • Wavelength: Controls the spacing between the waves. Use a small number for sparsely distributed waves or a higher number for tighter waves.
  • Phase: Use it to offset the wave along the path, allowing the wave to animate across the path length.

Choose from the different units of wave for different results

Unit set to Cycles

If Units is set to Cycles, the Wavelength parameter becomes Cycles. If you set the Wavelength value to 1, you see a single wave in your stroke. The number of waves increase with the increment of wavelength. It works best with closed shapes.

Unit set to Pixels

If the Units is set to Pixels, the wavelength parameter becomes pixels. It works best with open shape strokes.

How to start tapering the shape strokes?

Once you are all set and have understood the controls, go ahead and create strokes on your shape.

Taper

  1. Create a composition, select Composition > New Composition.

    OR

    Click the New Composition tile in the home screen.

    OR

    Click the Comp icon in the Projects panel.

  2. Click the Pen tool or press G. Draw a straight line and modify the shape accordingly. Adjust the stroke size and the fill color. You can achieve more noticeable results on thick stroke size.

  3. In the Timeline panel, click the triangle to reveal the components. Select Shape layer > Contents > Stroke1 > Taper.

    TAPERED menu
    Taper parameter

  4. For tapering at the beginning of the length, use the Start Length property and slide to adjust the value. Similarly, for other modifications, modify the other controls in the Taper parameter. 

    If you want to add motion to this, use keyframes. Click the stopwatch next to the properties and adjust the values. You can start with smaller values and gradually increase them. Every time you change the value, a keyframe gets added – based on the current time indicator. To learn more, see Set or add keyframes.

Wave

Add waves to your strokes using the following steps:

  1. Under the same Stroke1 parameter, below Taper, you have Wave. Click open the triangle to reveal properties.

    wave menu
    Wave parameter

  2. Use the Amount property to adjust how intense you want the waves to be.

  3. For tighter waves, for example for a leaf, set the wavelength to a lower value. For looser waves, such as to make hair strands, set it to a higher value.

  4. Set the phase to offset the wave along the path, allowing the wave to animate across the path length. Animate it from 0 to 360 across a 4 second span.

Lưu ý:

You cannot import tapered strokes from Illustrator. Currently, you can only use tapered strokes from native After Effects strokes.

Example - Create a write-on effect with tapered strokes

If you want to create and experiment with this animation, download the sample .aep project to get started. You can play around with the taper and wave parameters, and build on top of this animation.

create shape from text

Download the sample file

Tải xuống

Have a question or an idea?

Now that you have understood how this feature works, come to the community for some real-life examples, and to share your work. We would love to hear from you and see what you create with tapered strokes!

 Adobe

Nhận trợ giúp nhanh chóng và dễ dàng hơn

Bạn là người dùng mới?

Adobe MAX 2024

Adobe MAX
Hội thảo sáng tạo

14–16/10 Bãi biển Miami và trực tuyến

Adobe MAX

Hội thảo sáng tạo

14–16/10 Bãi biển Miami và trực tuyến

Adobe MAX 2024

Adobe MAX
Hội thảo sáng tạo

14–16/10 Bãi biển Miami và trực tuyến

Adobe MAX

Hội thảo sáng tạo

14–16/10 Bãi biển Miami và trực tuyến