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.
Last updated on
Nov 3, 2023
- After Effects User Guide
- Beta releases
- Getting started
- Workspaces
- Projects and compositions
- Importing footage
- Text and Graphics
- Text
- Motion Graphics
- Work with Motion Graphics templates in After Effects
- Use expressions to create drop-down lists in Motion Graphics templates
- Work with Essential Properties to create Motion Graphics templates
- Replace images and videos in Motion Graphics templates and Essential Properties
- Animate faster and easier using the Properties panel
- Drawing, Painting, and Paths
- Overview of shape layers, paths, and vector graphics
- Paint tools: Brush, Clone Stamp, and Eraser
- Taper shape strokes
- Shape attributes, paint operations, and path operations for shape layers
- Use Offset Paths shape effect to alter shapes
- Creating shapes
- Create masks
- Remove objects from your videos with the Content-Aware Fill panel
- Roto Brush and Refine Matte
- Layers, Markers, and Camera
- Animation, Keyframes, Motion Tracking, and Keying
- Animation
- Keyframe
- Motion tracking
- Keying
- Transparency and Compositing
- Adjusting color
- Effects and Animation Presets
- Effects and animation presets overview
- Effect list
- Effect Manager
- Simulation effects
- Stylize effects
- Audio effects
- Distort effects
- Perspective effects
- Channel effects
- Generate effects
- Time effects
- Transition effects
- The Rolling Shutter Repair effect
- Blur and Sharpen effects
- 3D Channel effects
- Utility effects
- Matte effects
- Noise and Grain effects
- Detail-preserving Upscale effect
- Obsolete effects
- Expressions and Automation
- Expressions
- Expression basics
- Understanding the expression language
- Using expression controls
- Syntax differences between the JavaScript and Legacy ExtendScript expression engines
- Editing expressions
- Expression errors
- Using the Expressions editor
- Use expressions to edit and access text properties
- Expression language reference
- Expression examples
- Automation
- Expressions
- Immersive video, VR, and 3D
- Construct VR environments in After Effects
- Apply immersive video effects
- Compositing tools for VR/360 videos
- Advanced 3D Renderer
- Import and add 3D models to your composition
- Import 3D models from Creative Cloud Libraries
- Image-Based Lighting
- Extract and animate lights and cameras from 3D models
- Tracking 3D camera movement
- Cast and accept shadows
- Embedded 3D model animations
- Shadow Catcher
- 3D depth data extraction
- Modify materials properties of a 3D layer
- Work in 3D Design Space
- 3D Transform Gizmos
- Do more with 3D animation
- Preview changes to 3D designs real time with the Mercury 3D engine
- Add responsive design to your graphics
- Views and Previews
- Rendering and Exporting
- Basics of rendering and exporting
- H.264 Encoding in After Effects
- Export an After Effects project as an Adobe Premiere Pro project
- Converting movies
- Multi-frame rendering
- Automated rendering and network rendering
- Rendering and exporting still images and still-image sequences
- Using the GoPro CineForm codec in After Effects
- Working with other applications
- Collaboration: Frame.io, and Team Projects
- Memory, storage, performance
- Knowledge Base
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.
- Bevel Join: It is a squared-off 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:
-
-
Click the Shape tool icon and add the Star tool. In the Comp panel, draw the shape.
-
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.
Select offset paths shape effect
Select offset paths shape effect -
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.
-
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.
-
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 MAX
The Creativity Conference
Oct 14–16 Miami Beach and online
Adobe MAX
The Creativity Conference
Oct 14–16 Miami Beach and online