Join Chris Meyer for an in-depth discussion in this video Animating the Stroke effect, part of After Effects Apprentice: 15 Creating a Sports Opening Title.
In the previous movie we copied the paths from Illustrator and applied them to…the same layer in After Effects, and they appear as masks.…The next step is to apply the Stroke effect.…You will find that under Effect > Generate > Stroke.…The default settings applies a white color stroke with a 2-pixel border, and it…only applies it to the first path that it sees.…Now we would like to apply the stroke to all of these paths and animate them sequentially.…So make sure you toggle on All Masks, and let's select a different color--…something we can see, like a bright red.…
That should make this Stroke Effect easier to see.…You can also toggle off Mask Visibility if you'd like to see the layer more clearly.…So let's review what the Stroke effect is actually doing.…It's rendering a stroke using the masks, and it's placing the stroke on top…of the original layer.…If you reduce your Brush Size, you can see that the black stroke is underneath.…But the Stroke Effect allows you to regenerate that stroke using whatever color…
Chris Meyer
Trish Meyer
Updated
11/11/2016Released
4/10/2012The After Effects Apprentice series was created by Trish and Chris Meyer. These tutorials are designed for After Effects CS4 through CC, and can be used on their own or as a companion to the Meyer's book, After Effects Apprentice.
- Building a 3D world
- Working with layered Illustrator files
- Synchronizing to music
- Using text animation presets
- Rendering strategies
- Working with widescreen video, including 4:3 center cut and safe area considerations
Skill Level Intermediate
Duration
Views
-
Introduction
-
Welcome1m 27s
-
-
1. The Floor
-
Creating a radar sweep5m 13s
-
Adding lightning3m 37s
-
-
2. The Video Wall
-
Building the video panel4m 34s
-
Stylizing the footage2m 15s
-
Duplicating precomps3m 37s
-
-
3. The Dial
-
Importing Illustrator files5m 47s
-
Working with paths and masks4m 54s
-
Animating the Stroke effect4m 20s
-
Tinting the event names2m 42s
-
Wiggling the rings3m 39s
-
-
4. Creating the Main Composition
-
Starting a new composition1m 48s
-
Spotting music5m 55s
-
Building the floor5m 27s
-
Adding a video panel3m 40s
-
Creating a reflection7m 47s
-
Adding the dial4m 7s
-
Arranging the frame4m 51s
-
-
5. The Camera Move
-
Setting up the final pose4m 28s
-
Keyframing the camera4m 54s
-
-
6. Creating a Title
-
Adding a text layer5m 16s
-
Using text animation presets3m 16s
-
Customizing the preset6m 7s
-
-
7. Lighting and Shadows
-
Adding a Spot light3m 41s
-
Casting shadows3m 15s
-
-
8. Further Polish
-
Improving consistency2m 43s
-
Adding a 2D background4m 29s
-
Tying up loose ends4m 55s
-
-
9. Finishing the Comps
-
Overview of Main Comp 23m 32s
-
Grouping layers4m 39s
-
Animating the swivel9m 2s
-
Assembling the final comp3m 24s
-
-
10. Client Changes
-
Keyframing the camera3m 20s
-
Retiming a video source7m 34s
-
11. Render Strategies
-
Exploring render settings2m 48s
-
Outputting for archiving1m 15s
-
Outputting for web2m 23s
-
-
12. Bonus: Creating the Ring inside After Effects
-
Creating the inner ring5m 19s
-
Creating the outer ring3m 9s
-
Creating the text ring4m 21s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Animating the Stroke effect