stretch text like a BOSS \\ After Effects Tutorial

I created the most comprehensive intro to After Effects, ever. Join Launch Into After Effects today: www.jakeinmotion.com/launch-i...
You want to stretch text and you know it.
Subscribe to @motionbynick
Project File: jakeinmotion.lemonsqueezy.com...
Faux 3D Preset: jakeinmotion.lemonsqueezy.com...
Texture Looper: www.jakeinmotion.com/texture-...
---------------------------------------
Stretchy text, kinetic typography, text morph, whatever you want to call it. It's IN right now. You want to do it. You don't know how. But now you will. In this video, I'll show you my approach to creating these fun looping text animations in an intelligent procedural way that makes editing and retiming really easy to do. We'll do this with expressions to code our way through a process that would take much more time if we did it manually.
---------------------------------------
🤝 Support more KZbin tutorials through Patreon: / jakeinmotion
🎓 Learn from me in other places:
Skillshare: bit.ly/jbskill
Explainer Camp: www.schoolofmotion.com/explai...
Photoshop + Illustrator Unleashed: www.schoolofmotion.com/photos...
🚶 Follow me online:
Instagram: bit.ly/jbinst
Twitter: bit.ly/2tOX7ui
🏷️ Tag me on Instagram @jakeinmotion if you learned something from me!
Chapters
00:00 Intro
01:29 Choosing a font
02:21 Stretch states
07:07 Ease, retime and loop
10:02 Break up the characters
12:14 Write some expressions
21:20 Style your text
22:49 Faux 3D
24:37 Add texture
26:45 Smash Like Now
29:19 Different font weights
33:55 Styling and warping
36:03 Subscribe
38:35 Wrap-up

[@motionbynick]

i’ll tell nick you said hi

[@millthor]

Subscribed thanks to Jake! It’s great that we get to know other fantastic artists here!

[@bigx6670]

Thank you for not sacrificing the video length to explain this technique; quality information should be free of a time limit.

[@JakeInMotion]

Thanks for that! I went as quickly as I could, but there's no way this one could've been a 10 minute video. Glad you can appreciate the information!

[@puppet022]

Brilliant. Thanks Jake for passing along your great ideas.😊

[@PedroFaim]

This is actually very valuable. Thanks again Jake, you truly are helping our community

[@SebboThePotato]

Jake you never fail to impress me with you knowledge of Ae. Thank you for sharing and thank you for helping people like myself become better motion designers!

[@pieduel]

One of the most useful tutorial i've ever seen. Your dedication to let your tutorials be simple to follow, easy words and instructions, it's hard work, really hard work, but it's working 100%. This is gold for the AE community. Thank you!

[@manuelmatheu]

Wow, so many super useful tips & tricks here, awesome as always Jake!

[@sla817]

Jake, you're precious to our community. Thanks!

[@mkchn]

40 minutes, and i learn alot. thank you very much Jake!

[@eliottguerin7300]

I lov how I'm aware that I already know 98% of what you present BUT I always learn new things from these 2%, IN ADDITION to getting inspiration from how you present the 98% infos that I know. Always a pleasure to watch these !

[@dhruvbehrani]

i love your channel! deserves more for sure,thank you so much!

[@Vendner]

Jake, my man! You're crushing it! You're the sole reason I'm even considering subscribing to Skillshare, just because I love your longform tutorials! (had to edit this for the autocorrect errors :-D)

[@user-xc7jl4qn7r]

Jakeeeeeee your AE videos are the best!!!! They say there ain't any one size fits all approach - and this video proves that theory wrong! Ya really saved me with this vid, I know how to stretch any font nowww

[@CatalinGulan]

I did smile Jack..😀 Simply amazing lesson! Such a valuable time spent in your channel, every single time following your tutorials. Fantastic work! ❤

[@motionjerry]

I personally give After Effects classes for starters where I live and I have to say... You are a true inspiration for me. The quality of your videos are absolutely amazing. Thank you for sharing your knowledge with us. I feel like I'm a smarter motion designer every time I finish one of your videos. Love from Canada :)

[@healthtobe9543]

It's just increadible what you did and showed us in this video! I will go back to it again, because I need grasp and understand it all! Thank you so much! 👏🙏

[@bradyk6017]

There are so many nuggets of useful information in here, I love it! I'm going to be using that Essential Graphics trick a ton

[@inmycorner]

You are freakin awesome Jake! thank you for this tutorial!

[@axe_ggwp]

Love this! You're so inspirational and the pace of training is perfect. +1 for Expressions too.

[@gregorylago]

Jake, im from Brazil and I learned a lot with your videos in the past months. Thanks a lot :)

[@danialH05]

Awesome as always ❤️

[@ZeeJohansen]

Love it! I've been needing to know how to fix the text with the first vertices and such! 🥰

[@gabrieldisie]

you blew my mind away in this video. thank you

[@quentincompson2181]

Wow. SO MUCH STUFF! Thanks Jake. Definitely saved for future reference.

[@leorheeder.]

great tutorial! thank you

[@JazzyWhisky01]

I had to pause the video because i realised the video i am watching is FREE!! This is amazing! Thank you very much Jake. So many things learned today!

[@marthjel]

One of your best!

[@ianparreira1230]

This faux effect just blessed my senior portfolio Thankyou for your service

[@ahmetfahrikucuk]

This was great, it shows how easy things could be with knowing the right technique. There is some serious quality information and the video is only 40 minutes.

[@albertobloch9633]

Amazing teaching! Thank you

[@JaromTV]

I haven't used Essential Graphics before, but now I will. Holy poop! Thanks Jake!

[@SlaterMGFX]

Brilliant Sir! Simply Brilliant!

[@valthvisuals]

So many good tips in this video!

[@aktsar]

i'm not even that interested in making motion graphics now but somehow you got my attention, really well done with the explanation on expresssion 👍👍

[@arnobchakma8625]

One of the best teacher in this Industry.

[@freaky425]

I just see this and before even watching , liked and subscribed you. I was looking for teacher like you.

[@deadneck13]

18:20 I do this all the time, especially with scale animations. I like to do radial scales from a single anchor point most often. I find it easiest to accomplish by using a slightly different expression. After establishing the same offset type, I would use: thisComp.layer(thisLayer.index-1).timeRemap.valueAtTime(time-offset); You can then copy and paste to all other relevant layers. I also find that offsetting the number by a fraction of a number gives me the most pleasing results as well (ie 3.5 instead of 4 frames).

[@thedailyhappening416]

Holly shit, I love the detailed procedure you show, I didn't think I would get to learn new things from this video but the expression writing and explanation were so good I will have so much confident later to use expression more in any other kinds of projects. I would love a Faux 3D preset tutorial too if you are kind enough. That will open up a new window for us to learn so many things at once. Thank you very much JAKE.

[@hugosandsjo]

This is GOLD!

[@roflchopter123]

This was great! Thanks a lot!

[@df1938]

Very cool...but I might have to go through this tut a few (dozen) times to get it all. Not a bad thing - it was jam-packed with new concepts for me.

[@audreysims5731]

Absolutely amazing rig! thank you Jake 🫀

[@asmkawsar]

Wow super cool 💙💜

[@uncletrick1]

I know what I'm working on this weekend!

[@xyrocyro]

You deserve a subscribe dude!

[@mightyjoykiller]

Esto si esta muy bueno!!!

[@julhoesteves]

eu aplaudi de pé quando ele terminou de explicar e mostrou o resultado da expressão

[@andrewbui7418]

And your thumbnail smile is also getting stretchier 😱

[@crisantosantaana]

GREAT channel! SUBBBED!!!

[@GEOgraphicdesigner]

I've been doing stretchy text animation for so long... I'm only 12 minutes in and I'm MINDBLOWN! WOW (This whole time I've been doing everything manually hhahahah..)

[@Emanuelgarcia-vt2lt]

Bro i lv u ❤

[@edding3000fr]

nice , thank you !

[@erdmx.]

Nerd it out man!

[@maximumblackness]

Another Great Vid Jake!! Tell Nick I said hi 😅

[@giuliafaccin3434]

Hi Jake, your tutorial are truly lifesaving, really clear and straight tot the point! Thanks! I was wondering, I am struggling to undertad how I can make the text both scale and follow a path. When I create a mask path it then also scale with the text... I'm puzzled

[@jootlee8908]

you are Genius

[@itzzuzair9517]

Thanks great vid have you get any tips how to get better

[@godpunisher]

This tutorial is free. I can't believe it.

[@RhitamMajumdar-ie2ee]

HOLY SHITTT

[@FrytoTheFry]

Tysm bro

[@JonnySchaab]

loopIn() + loopOut() -value is gonna save me sooooooo much time! Ilu Jake

[@mileyrvirus]

GRACIAS CAPOOOOO

[@tanveerahmad2865]

I never thought text animation can be this difficult 😰 But worth watching ☺

[@averydaboy]

Sheeeesh this was stacked with info !!! will try to duplicate but those expressions look a little scary !

[@JakeInMotion]

You can do it!

[@brunotsuda7637]

Thanks

[@golden_trident]

Thanks for video. I have a question, my work area stopped looping playing the timeline. I don't understand why and what I could have clicked. Any tips?)

[@MrAReyKelvin]

Amazing video as usual. If anyone could help me, for some reason the loopIn()+loopOut-value expression just does not work for me. I've followed every step rigorously so very confused as to what to do next...

[@jasonk9770]

Hey Jake. I'm looking for a way for Faux 3d extrusion to "push" the type layer forward. Right now, I'm keyframing the position of the text layer to offset the extrusion, but I know it's a lumpy way to achieve the effect. Any suggestions?

[@xDaShaanx]

Anazing :D

[@psychod74]

the god of after has come back

[@JakeInMotion]

What? Where?

[@psychod74]

@@JakeInMotion thanks for your work and helping of a community to become the best version of themselves into this profession :)

[@jeorc]

Thanks for this tutorial, Jake. I always get great value from the way you approach your projects. I have a question that is not related to this topic but to the way you edit your videos: When you scale your video (on the bottom right corner to take more space when making a clarification like at 3:00 and back to its position at 3:14) do you do that manually or have you found a way to automate that? And also, do you do those things in After Effects through a Dynamic Link from Premiere or how do you edit your videos? I'm curious because the ease is very smooth and I'm not even sure you can get those out of Premiere, but I figure you edit your videos in Premiere because editing in AE is such a pain. It's not built for that. Thank you for sharing your knowledge.

[@JakeInMotion]

Thank you! I do all of the recording through OBS and the camera source is baked right on top of the screen recordings. The transitions from the different camera views are handled through OBS, tied to keyboard shortcuts. But yes, I do all of the remaining editing in premiere.

[@jeorc]

@@JakeInMotion That is really cool. I didn't know that was an option in OBS. I will look into it. Thanks for the tip. 🤗

[@eyalyoungi]

Hey, Great Tut!!! thank you. Is there a tutorial that explains "behind the scenes" for learning the priniciple of the Faux 3d? would be very happy to know how it was built from scratch

[@JakeInMotion]

Thanks! I show how the basics are accomplished in this video kzbin.info/www/bejne/n5PJipyvYpJsftUsi=_Z33Fy5zRJD_r6CS

[@eyalyoungi]

Is there a tut for extruede text - while there's a top text layer that moves together with the extrudion? lots of thanks! @@JakeInMotion

[@SvntHoly]

Woahhh... 12 minutes in and so!!!! 12:10

[@jkediting2357]

Which font you use for second Animation

[@aayushagarwal5340]

When I am trying the smash like now one the text keeps increasing or decreasing in size as well? Can someone help with it? Overall a great video though!

[@DJWeekly]

In the second example of changing font weights, how to you keep the width constant of the words as they scale up and down vertically. I got them changing weights and scaled them correctly at state A and then state B, but in the middle the width of the words is too wide. So then I tried to put in keyframes in between to adjust scale but it just looks bouncy/jerky and not smoothly keeping the width perfect.

[@JakeInMotion]

I just selected all of the paths for that word, double clicked and scaled them all down so that the left and right edges were aligned properly. You can use comp guides to help you with placement.

[@vishalbhardwaj6763]

love this ! whats the font in 3rd subscribe animation ?

[@JakeInMotion]

Thank you! It's called Interstate.

[@lechikhanh1522]

@@JakeInMotion what type? can u tell me pls? ☹️ (sr for my bad english)

[@hodasami1129]

[@nancypalm]

Hi Jake, I've run into a problem with adding the opacity layers to essential graphics. Every time I do so, I get an error message: "Property is already referenced by a controller and can only be referenced once." But there is no other controller. So I'm confused. Help?

[@mickeybeavison1053]

Nice job giant n

[@MD-kb8zt]

I understand we're converting the text to shape but is there any way to change the word after all the animation work is done? What if I have multiple words I want to apply this effect to?

[@JakeInMotion]

No, it can't be changed unless you start over. It's a very labor intensive process. You should check out a new extension called Variety, which lets you work with variable width fonts in AE. It's a much faster process.

[@MD-kb8zt]

@@JakeInMotionthank you for the reply! Im trying to create a mockup for a hamburger menu that creates these text animations when you hover over the different options so this variety extension seems to be what I need. Do you think it would be possible with a custom script?

[@moederthemeddlesome2384]

💀💀☠☠I came across an issue💀💀☠☠ when I tried to link some new properties of a new comp (hide the characters) it showed up as red and everything changed together and not individually. I tried making the old properties a group, but to no avail any tips?

[@alisheikh1582]

Hey Brother, Which would do you suggest and Why? Mac or windows for Professional After effects Use?

[@JakeInMotion]

IF you're sticking to AE work, either works great. At that point it's personal preference for operating systems. If you think you might get into 3D work, then absolutely get a PC.

[@alisheikh1582]

​@@JakeInMotion Do you think Apple silicon is revolution? I head that Adobe apps on native apple silicon is blazing fast. Also Blender and more 3d apps making apple silicon native versions. Do you think Mac have some Benefits Over Windows? Why Mac is industry standard

[@ReodoraPurple]

Using your Faux 3D makes it impossible to export with transparency. The export just takes the background colour of the faux 3d in the first letter (I was making a composition with different coloured faux 3D for each letter). Do you know why that would happen? An interesting thing is Quicktime renders the background as black which makes me think it sees it as some sort of transparency but any other software renders it colored. Need to mention that I am on a Mac so I am limited to the Mac export settings. Later edit: I found a way around it ... if anyone needs it let me know. Would still be interested in hearing if others have encountered this issue and what it is they've done about it.

[@JakeInMotion]

Please do share the solution. I'm very curious what caused the issue.

[@STUMPYLEFTFILMS]

Jake, I am having an issue with graph editor not being an s curve, it is a U. Could you help?

[@JakeInMotion]

You're likely viewing the speed graph, not the value graph.

[@danytama3933]

is there any technique that i can use without a faux 3d preset? :) thankss

[@JakeInMotion]

My preset is the simplest way I've found to create a 3d extrusion with effects. Is there a reason you can't use the preset yourself?

[@cretinatube]

GOLD! THANKYOU!

[@ticeicebby]

Does someone know where the storage rack behind him is from? I've been looking for something like that!

[@JakeInMotion]

Ikea

[@shoikeue5029]

Wonderful! from Japan 20:53 But I don't get what "-value" means. I understand it is working and what happen if it's not there. But I can't figure out what "-value" indicate and how it's working. Please somebody tell me

[@JakeInMotion]

You need to substract the value or else it will be added on top of the loopIn and loopOut results. Subtracting it leaves only the looping values, and behaves how you'd expect.

[@shoikeue5029]

@@JakeInMotion Thank you for the careful reply

[@maga1475]

I know easier way to convert time to frames: Frame = 1/'number of frames in the comp' So for 60 fps comp it will be "f = 1/60"

[@boOty_Lover]

bro where did u learn all tha coding in afer effects any books?

[@JakeInMotion]

Nope, just online. I learned the basics of expressions from Dan Ebberts at motionscript and picked up everything else along the way.

[@boOty_Lover]

@@JakeInMotion damn u a god bro

[@mediocreape]

some people are just built cognitively stronger than the rest of us. 80% the expression segment of the video all went over my head despite wathing it a few DOZEN times.

[@JakeInMotion]

I get it! I mean, you saw it as I was finishing up; I realized while recording what I must sound like to someone new to expressions. I'm happy to break it down for you if you want to ask specific questions about it.

[@mediocreape]

@@JakeInMotion Thank you very much man, as you correctly pointed out, I'm very new to expressions with zero coding background. I'm learning expressions from the very basics, so once i have a basic understanding of expressions, I'll revisit this video and watch it again.

[@jaysonfontela5761]

👍

[@VishalHazarika08]

Hi Jake, Faux 3D is not working on my Ae and I am getting an error called.."Unsupported filetype or extension" Do you know any solution for it? Thank you in advance

[@JakeInMotion]

What version of AE are you using?

[@VishalHazarika08]

@@JakeInMotion 2022

[@JakeInMotion]

I just updated the Gumroad download. It should now work with CC 2021 and newer.

[@dylcon2387]

If Jakes update didn't work like it didnt for mine unfortunately, I found this short vid that helped me get it in: kzbin.info/www/bejne/jnTXq32Qn7BjZrM&ab_channel=GameTrick

[@JakeInMotion]

Sorry if I misunderstood. This is a preset, not an asset. You have to install it in AEs preset directory on your computer, not import it into AE.

[@AmerMiftari]

is there a way for this to not loop just continue 20:07

[@gregkrazanski]

your videos and presentation style are always so great, i can't stress that enough, but I really, really don't dig the thumbnails. i know you have to stand out, and i know you can't please everyone, but damn i find them so incredibly offputting! (i'm talking about all the liquified faces). but I am just 1 man lol.

[@JakeInMotion]

You're definitely not alone, but I think they're hilarious and the youtubes likes them too. So until they start negatively impacting my channel, you'll at least be able to easily identify my videos from a quick glance 😉

[@gregkrazanski]

@@JakeInMotion totally, totally fair, follow the data for sure!

[@rohitpisharody7733]

what does Set Vertex do? I didnt understand clearly

[@JakeInMotion]

Every vertex has an index value, just like layers. AE numbers each vertex and setting the first vertex tells AE where to begin counting from.

[@rohitpisharody7733]

@@JakeInMotion OHHHHHHHHHHHHH got it

[@Cod3Insid3]

First here ❤️❤️

[@pwalz100]

Cool, but complicated.

[@9orION83]

Video on your process, and why, you precomp something. Also, your approach to “creating a preset” you know you’re going to apply regularly???!!!!! Either/both can be long videos 👍🏽

[@9orION83]

I ask about precomps because your way of explaining really helped me (I do make them all the time but I feel like I am doing it wrong). I have ADHD and self diagnosed dyslexia….

[@michaelgorczyca]

@@9orION83 Precomps are useful when you want to group elements together so they can all be affected at once. Think of a Precomp as a fancy folder - you put stuff inside and now instead of having multiple layers, you now have one single "master" layer. Making presets is pretty easy, first you add all of the effects to a layer, adjust to your liking, and then select all of them and go to the Menu Bar > Animation > Save Animation Preset. Then when you want to use the preset again, go to Effects & Presets, search for the preset and load it up.

[@9orION83]

@@michaelgorczyca I know how to precomp and what precomping does, in theory. I’m a nester from premiere pro, not totally the same but related. I was looking for best practices and what action goes first. I always used to get stuck on remembering orders in the comp and how they relate to alphas….