CRAZY After Effects Technique \\ The Power Pin Sandwich

CRAZY After Effects Technique \\ The Power Pin Sandwich

Jake In Motion 273K subscribers
39.8K views · 2022-05-24 Motion Design
While creating the CC Power Pin video for the Effects of After Effects series I learned about an unusual checkbox called Unstretch. It has a pretty practical application for footage, but I discovered a very useful technique using the unstretch checkbox for allowing you to treat text, or any vector layer as if it were a regular footage layer. This means you can apply effects and distort vector layers the same way you would with a photo or video, without the need for precomposing the layer first. It's a wild technique, but will definitely be useful to know. And best of all, you can save this setup as a preset so you'll never have to think about it again after you make it once.

-------EXPRESSIONS USED-------

Top Left:
var x = transform.position[0];
var y = transform.position[1];
var s = thisLayer.sourceRectAtTime();
var w = s.width;
var h = s.height;
var t = s.top;
var l = s.left;
var m = effect("Margin")("Slider");

[x+l-m,y+t-m];

Top Right:
var x = transform.position[0];
var y = transform.position[1];
var s = thisLayer.sourceRectAtTime();
var w = s.width;
var h = s.height;
var t = s.top;
var l = s.left;
var m = effect("Margin")("Slider");

[x+l+m+w,y+t-m];

Bottom Left:
var x = transform.position[0];
var y = transform.position[1];
var s = thisLayer.sourceRectAtTime();
var w = s.width;
var h = s.height;
var t = s.top;
var l = s.left;
var m = effect("Margin")("Slider");

[x+l-m,y+t+h+m];

Bottom Right:
var x = transform.position[0];
var y = transform.position[1];
var s = thisLayer.sourceRectAtTime();
var w = s.width;
var h = s.height;
var t = s.top;
var l = s.left;
var m = effect("Margin")("Slider");

[x+l+w+m,y+t+h+m];

---------------------------------------

🤝 Support more YouTube tutorials through Patreon: https://www.patreon.com/jakeinmotion

🎓 Learn from me in other places:
Skillshare: http://bit.ly/jbskill
Explainer Camp: https://www.schoolofmotion.com/explainer-camp
Photoshop + Illustrator Unleashed: https://www.schoolofmotion.com/photoshop-and-illustrator-unleashed

🚶 Follow me online:
Instagram: http://bit.ly/jbinst
Twitter: http://bit.ly/2tOX7ui

🏷️ Tag me on Instagram @jakeinmotion if you learned something from me!

---------------------------------------

Chapters:
00:00 Intro
00:44 Point Controls and Vector Layers
01:51 What Unstretch does
04:11 Adding expressions
06:19 sourceRectAtTime
09:45 Using this setup
13:36 Wrap Up