Overlapping 3D Type on a Stroke | After Effects Tutorial

Overlapping 3D Type on a Stroke | After Effects Tutorial

The Video Shop 37.7K subscribers
7.7K views · 2025-08-21 Motion Design
In this video I’ll show you a method for animating overlapping kinetic 3D type on a stroke without plugins or complicated mattes or masking.

=============================================================

If you want to support this channel please consider buying the full version of the project file below

► Download the full project file for £5: https://thevideoshop.gumroad.com/l/rjjrg

=============================================================

The animations I’ve hackily recreated were done by Landor:

► View the project here: https://landor.com/en/our-work/west-loop/

They were brought to my attention by this reddit post: https://www.reddit.com/r/AfterEffects/comments/1mmox95/how_would_you_guys_approach_this/

The typeface I used is: https://fonts.adobe.com/fonts/novecento-sans

=============================================================

*FREE RESOURCES:*

► Download the FREE After Effects project file for this tutorial: https://thevideoshop.gumroad.com/l/aetrk

► Explore more free project files from my Gumroad: https://gumroad.com/thevideoshop

=============================================================

*RECOMMENDED TOOLS (Affiliate Links):*

Get $50 off Motion Array: https://bit.ly/3Vsv4LV
Get $50 off Artlist: https://bit.ly/43UKqgU
_(This video isn't sponsored, but using these links means I may receive a small commission at no extra cost to you. Your support helps me create more free tutorials)_

=============================================================

*CHAPTERS:*

00:00:00 - Intro
00:25:00 - Text layer
00:46:00 - Repeat Expression
01:07:00 - Adding Type to a Path
01:38:00 - Baseline Shift
01:57:00 - Creating Path Reference
03:07:00 - Expression Linking Mask Path
03:34:00 - Z Position Text Animator
04:34:00 - Duplicate Text Layer
04:59:00 - Stroke Settings
05:26:00 - Kerning
06:14:00 - Creating Proxy Stroke
06:37:06 - Project File
07:59:00 - Parenting
08:25:00 - Aligning Lengths of Text and Stroke
09:15:00 - Adjusting Text Z Position
10:56:00 - Animating the Type
12:27:00 - Adding Camera
13:05:00 - Final Look
13:39:00 - Duplicating Comp
15:21:00 - Switch Overlap

=============================================================

*CONNECTED CHANNELS:*

► The Video Shop Long Play: https://www.youtube.com/channel/UCCWaiSIYnSwxIXmb7MBczaw

=============================================================

*CONNECT & SUBSCRIBE:*

► Subscribe for more tutorials and motion design tips: https://www.youtube.com/channel/UCCuJz7_aphxhoq8RdKbFE9Q?sub_confirmation=1

► If you have any questions just let me know in the comments.

► Find me online: https://linktr.ee/TheVideoShop

=============================================================

#aftereffectstutorial
#kinetictypography
#textanimation
#textanimators
#animation
#AfterEffectsTips
#learnaftereffects
#motiondesign
#learnmotiondesign
#learnanimation