User Guide Cancel

Use Offset Paths shape effect to alter shapes

  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. Transition effects
    12. The Rolling Shutter Repair effect
    13. Blur and Sharpen effects
    14. 3D Channel effects
    15. Utility effects
    16. Matte effects
    17. Noise and Grain effects
    18. Detail-preserving Upscale effect
    19. 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
    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

Use this page to learn how to use the Offset Paths shape effects to alter shapes and create shape repeaters

Path operations are similar to effects. These live operations act nondestructively on a shape’s path to create a modified path that other shape operations (such as fills and strokes) can apply to. The original path is not modified. One of them is Offset Paths - it expands or contracts a shape by offsetting the path from the original path. For a closed path, a positive amount value expands the shape; a negative amount value contracts it.

Controls

You can select from the following properties:

  • Line Join: It specifies the appearance of the path where offset path segments come together. It has three options – 
    • Bevel Join: It is a squared-off connection.
    • Round Join: It is a rounder connection.
    • Miter Join: It is a pointed connection. 
  • Miter Limit: It determines the conditions under which a beveled join is used instead of a miter join. If the miter limit is 4, then when the length of the point reaches four times the stroke weight, a bevel join is used instead. A miter limit of 1 causes a bevel join.
  • Copies: Use it to make copies of a path or shape. By default, it is set to 1.
  • Copies Offset: Use it to move the shapes outward or inward. This enables you to create interesting backgrounds such as with a retro vibe. You can also create concentric copies to generate geometric textures, kaleidoscopic effect, and patterns. You can also create mandala designs, motion posters, and animate letters. If the letter copies tend to merge into each other, try reducing the stroke width.

What all can I do with it?

Create concentric duplicates of a single shape path

Saves time and enables you to create experimental animations.

Animate their position relative to one another

Irrespective of how you animate all the copies, the position is relative to one another. They share the same anchor point and thus, animate at the same size and position.

Offset the copies to create nesting or expanding animations

You can create a collapsing or an expanding effect with the Copies Offset property. For example, an animation where the shape appears from outside the frame and ends up collapsing entirely in the center.

Apply other Shape customization features

In addition, you can also use other shape modifications such as dashes, trim paths to create different looks.

How to create repeating shapes using offset paths

Use the following steps to create repeating shapes:

  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 Shape tool icon and add the Star tool. In the Comp panel, draw the shape.

  3. It adds a shape layer in the Timeline panel. Click the triangle to reveal the components. Under it, on the right, click ADD and select Offset Paths from the dropdown.

    offset path
    Select offset paths shape effect

  4. If you want to expand the shape, set the amount to a positive value. To contract, set it to a negative value. 0 keeps it unchanged.

  5. To retain the style of edges of the shape, In the Line Join property, select Miter Join from the dropdown. To learn more about the different Line Join options, see Experiment with the shape repeaters with different line join options.

  6. If you want to add motion to this, use keyframes. Click the stopwatch next to the Copies Offset property 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.

Experiment with the shape repeaters with different line join options

You can chose from the different line join options that control the roundness of the edges. When you create copies and offset them with bevel or round joins, you can get different designs from your shape. Miter Join retains the original shape. It is best to experiment and see what works for you!

Miter Join gies you pointed connection.

Round Join gives you rounder, soft edges.

Bevel Join gives you squared or rectangular edges.

Example - Create concentric shape repeaters of letters

If you want to create and experiment with this animation, download the sample .aep project to get started. You can play around with the offset path shape effect and build on top of this animation.

Download

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 offset path shape effect!

 

 Adobe

Get help faster and easier

New user?

Adobe MAX 2024

Adobe MAX
The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX

The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX 2024

Adobe MAX
The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX

The Creativity Conference

Oct 14–16 Miami Beach and online