Overlapping 3D Type on a Stroke | After Effects Tutorial

Опубликовано: 28 Апрель 2026
на канале: The Video Shop
5,032
423

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-l...

They were brought to my attention by this reddit post:   / how_would_you_guys_approach_this  

The typeface I used is: https://fonts.adobe.com/fonts/novecen...

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

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:    / @thevideoshoplongplay  

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

CONNECT & SUBSCRIBE:

► Subscribe for more tutorials and motion design tips:    / @thevideoshoplondon  

► 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