LIBRARY: Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

Building the Animated Stroke in AE: Part 3 of 5

COW Library : Adobe After Effects Tutorials : Dean Velez : Building the Animated Stroke in AE: Part 3 of 5
Building the Animated Stroke in AE: Part 3 of 5
A CreativeCOW After Effects Tutorial


Building the Animated Stroke in AE: Part 3 of 5

Dean Velez Dean Velez
The Anvel Motion Graphics Courseware for After Effects
Atlanta, Georgia

©Dean Velez and CreativeCOW.net. All rights reserved.


Article Focus:

In this 5-part tutorial, Motion Graphics Trainer, Dean Velez explores creating complex backgrounds using a Photoshop still with the 3D properties of After Effects. We'll also create high end transitions using path tools and various effects as well as eye catching 2D animation using parented layers and resolving text using the track matte features. In lesson three, we'll build the animated stroke.

Movies: Stroke Transition Stroke Line Projects: Stroke Line Stroke Transition

PLEASE PREVIEW THE STROKETRANSITION.MOV ANIMATION BEFORE STARTING. Download the movies and project files from the pink bar above if you want to follow along instead of make your own.

Creating the Stroke Line


1. Create a new composition with the NTSC D1, 720x486 preset, set the duration to 14:00, name it step 1.

2. Select layer / new / solid 720 x 486 color black

3. Edit the solid layer so it begins at 1:00 and ends at 11:00 -- You will need to do this so that we have extra black footage for the stroke effect to begin and end on. If we didn't do this our line would pop in and out instead of writing in and out.

4. Go to the beginning of the layer

5. Switch the quality to best

6. Double click on the solid layer

7. Select the pen tool from the tools palette. The curve pen tool in 6.5 has changed slightly, make sure RotoBezier is Deselected if you're using 6.5.

AE 5.5 Tool Pallette AE 6.5 Tool Palette
AE 5.5 Tool Palette AE 6.5 Tool Palette

8. Create a straight path across the solid with 3 nodes in the middle (FIG 1)

Fig. 1

9. Select the curve pen tool from tools palette.


10. Drag the Curve tool on all nodes one at a time creating curved loops (FIG 2-6)

Fig. 2

Fig. 3

Fig. 4

Fig.5

Fig. 6

11. Set a key frame in the beginning for mask shape

12. Go to the end of the layer

13. Drag on all nodes with the curve pen tool one at a time creating different curved loops (FIG 7)
Since the curve pen tool in 6.5 has changed slightly, you might need to click on the node twice to create a new curve.


Fig. 7

14. Close the mask window

15. Turn off the view options for the mask on the composition window

16. Go to the beginning of the layer

17. Select effect / render / stroke

18. Set the brush size to 1.2, brush hardness to 100 and the spacing to 10

19. Set a key frame for the end setting IN 0 OUT 100

20. Set a keyframe for the start setting at 6:00 0 OUT 100

21. Select effect / blur&sharpen / fast blur set it to 1

22. Save file as stroke line

23. Render file as stroke line, premultiplied with no alpha. View movie by clicking here.

Creating The Stroke Transition


24. Import stroke line animation back into composition

25. Create a new composition set the duration to 3:15 name it render out

26. Drag stroke line animation into render out

27. Switch its quality to best

28. Select layer / time stretch and set its stretch factor to 25%. This will quicken the stroke but still keep the smoothness.

29. Select effect / time / echo

30. Set the number of echos to 90. This will grab 90 previous frames. If we had made our original render 3:15, we wouldn't be able to grab this many frames.

31. Set the starting intensity to .10 -- This will lighten the intensity of the line.

32. Select effect / stylize / glow

33. Set the threshold to 50, the glow radius to 25 and the glow intensity to 2

34. Select effect / blur&sharpen / fast blur set it to 1 or 2

35. Save file as stroke transition

36. Render file as stroke transition, premultiplied with no alpha. Click here to view movie.

Dean Velez copyright 2003, 2004

For more of Dean's tutorials, click on the logo to the right.



If you found this page from a direct link, please visit our forums or read other articles at CreativeCOW.net





Comments

Re: Building the Animated Stroke in AE: Part 3 of 5
by linda quinlan
This stroke effect looks really beautiful Dean. I would like to combine this effect with a animate hand writing. Does anyone know a tutorial that could create such an effect?
Cant' get this to work on a white background
by claire hedley
Hi

I LOVE this tutorial - fab effect. I'm trying to create the same effect but with coloured lines on a white background. I've managed to output stroke line showing my coloured line - that's fine. Puting it into my render out comp, it doesn't show. I suspect it's my glow settings, but I can't figure out what to change? All I see is white.

Can you help please?

Thanks
Building the Animated Stroke in AE: Part 3 of 5
by matt linden
hi,hope some1 can help me out here, i cant get the shade effect on my strokes like in the tut :(

the first part went smooth,but somehow my end result dont look like in the video.
i been looking/followed this tut several times now and im a bit clueless what to do to get the desired effect like in video.
can any1 help me plz.been dl file to see if there was somthing i did wrong ect but still the same.
is there somthing missing (like stated above) some animation or?

btw im a so called "newbie" so feel free to e-mail me or post here if u got any solution to my little prob :)


Related Articles / Tutorials:
Adobe After Effects
Adobe After Effects: Glitch Effects Without Using Plug-ins!

Adobe After Effects: Glitch Effects Without Using Plug-ins!

Join VFX guru Tobias Gleissenberger for a fun, high-energy look at how to create all sorts of digital noise, glitch, and other disturbing video effects with any version of Adobe After Effects, without using any plug-ins!

Tutorial
Tobias Gleissenberger
Adobe After Effects
Adobe After Effects Energy Ball

Adobe After Effects Energy Ball

In his latest high-energy Adobe After Effects tutorial, VFX guru Tobias Gleissenberger of Surfaced Studio combines a variety of effects to create the pulsating energy ball, composited with motion tracking, optical flares, and more.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Stabilize 360 Video with Mocha VR

Stabilize 360 Video with Mocha VR

In this intermediate tutorial, Mocha Product Manager Martin Brennand takes you through smoothing the horizon in a Samsung Gear 360 shot using the Reorient Module in Mocha VR. Jittery 360 video footage can be made more watchable by stabilizing with Mocha’s planar tracking tools. The tutorial is done via the Adobe After Effects plug-in, but the techniques apply to all versions of Mocha VR.

Tutorial
Imagineer Systems
Adobe After Effects
Adobe After Effects April 2017 New Features

Adobe After Effects April 2017 New Features

The April 2017 release of Adobe After Effects (version 14.2) is packed with new features, and Tobias Gleissenberger of Surfaced Studio is here to show you the latest and greatest. Highlights include the Essential Graphics panel and Motion Graphics templates (with Adobe Premiere Pro integration), the addition of Lumetri Scopes and Color Correction effects, new effects organization, the Camera Shake Deblur filter and more.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Adobe After Effects Advanced Title Tutorial

Adobe After Effects Advanced Title Tutorial

Learn how to create complex title animations in Adobe After Effects! In my last tutorial I covered how to create, customise and animate simple titles in Adobe Premiere Pro: https://www.youtube.com/watch?v=6xQtq... In this tutorial we will take things one step further and create titles that are too complex to create with Premiere alone. We will be working with and customising presets, creating character by character animations and we will look at the power of custom Text Animators. Want to learn more about how to animate text? Check out the Adobe help page: https://helpx.adobe.com/after-effects...

Tutorial
Tobias Gleissenberger
Adobe After Effects
Imagineer mocha Pro 5 Plug-In for Adobe: An In Depth Review

Imagineer mocha Pro 5 Plug-In for Adobe: An In Depth Review

Imagineer mocha Pro 5 Plug-in for Adobe brings all the amazing features of the professional version of the mocha Planar Tracker directly into After Effects and Premiere Pro in the form of a plugin. In this in-depth review, After Effects tutorial guru Tobias Gleissenberger of Surfaced Studio will show you what you can do with this new plug-in, and discuss what he likes and doesn't like about the new update.

Tutorial
Tobias Gleissenberger
Adobe After Effects
After Effects 2015.3 - My Favorite Features

After Effects 2015.3 - My Favorite Features

Learn why you should upgrade to After Effects CC 2015.3 - 13.8.1 - a close and detailed look at the latest release of After Effects (August 2016). Roei Tzoref will be focusing on his favorite features that set this release apart from previous versions: Performance, Queue in AME, Lumetri Color new features, and more.

Tutorial
Roei Tzoref
Adobe After Effects
Advanced Masking in Adobe After Effects

Advanced Masking in Adobe After Effects

Some of the coolest stuff you can do inside of Adobe After Effects is only possible once you unlock the power of masks. Join After Effects whiz Tobias Gleissenberger of Surfaced Studio to learn about mask animation and interpolation, using the variable width feathering tool, managing mask modes and ordering, and more.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Fixing Common After Effects Problems and Mistakes

Fixing Common After Effects Problems and Mistakes

Got problems using Adobe After Effects? Exported files too large, Expressions not working, mixing shapes and makes, modes/switches, selecting previews for layers vs. comps - Surfaced Studio's Tobias Gleissenberger shows you fast fixes for these and more!

Tutorial
Tobias Gleissenberger
Adobe After Effects
mocha AE Planar Tracker for Absolute Beginners

mocha AE Planar Tracker for Absolute Beginners

Want to learn how to create advanced visual effects? Learn how to use mocha AE to track your shot and add advanced visual effects to live action footage inside Adobe After Effects. mocha can help you track shots that would be hard to track using traditional 2D point or feature trackers because it is a PLANAR TRACKER. A planar tracker uses planes and textures to track as opposed to points or groups of pixels. This allows the tracker to stay on track even if your shot contains motion blur or a very shallow depth of field. mocha AE comes included with Adobe After Effects and is available since CS3 and there is no reason for you not to use this awesome tool to make it easier for you to track your shot, replace screens or rotoscope!

Tutorial
Tobias Gleissenberger
MORE
© 2017 CreativeCOW.net All Rights Reserved
[TOP]