stretch text like a BOSS \\ After Effects Tutorial

[@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!

[@arnobchakma8625]

One of the best teacher in this Industry.

[@puppet022]

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

[@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!

[@makenasnipes]

i love u so much for this, ty 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 !

[@mkchn]

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

[@PedroFaim]

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

[@ianparreira1230]

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

[@andrewbui7418]

And your thumbnail smile is also getting stretchier 😱

[@sirleysla]

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

[@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 :)

[@JamesXu-r3s]

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

[@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).

[@munnypmotion]

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

[@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!

[@dhruvbehrani]

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

[@gabrieldisie]

you blew my mind away in this video. thank you

[@JaromTV]

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

[@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.

[@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

[@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! 👏🙏

[@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..)

[@gregorylago]

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

[@SlaterMGFX]

Brilliant Sir! Simply Brilliant!

[@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 :)

[@albertobloch9633]

Amazing teaching! Thank you

[@manuelmatheu]

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

[@audreysims5731]

Absolutely amazing rig! thank you Jake 🫀

[@dfvid]

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.

[@uncletrick1]

I know what I'm working on this weekend!

[@अघोर]

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

[@ZeeJohansen]

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

[@quentincompson2181]

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

[@valthvisuals]

So many good tips in this video!

[@julhoesteves]

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

[@leorheeder.]

great tutorial! thank you

[@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...

[@averydaboy]

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

[@JakeInMotion]

You can do it!

[@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

[@axe_ggwp]

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

[@xyrocyro]

You deserve a subscribe dude!

[@CatalinGulan]

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

[@marthjel]

One of your best!

[@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.

[@rahel8497]

Quick question. My type does not expand vertically, but rather horizontally. Any ideas why?

[@wolfychu9398]

Same 😭

[@JakeInMotion]

You mean when you try to edit the path points of your text and drag them vertically, they move horizontally? I have never seen that behavior in After Effects before.

[@wolfychu9398]

@@JakeInMotionlike when you do the path keyframes and them duplicate them the one where your changing the font to a different font to make it look like it’s going up it changes and gets smaller horizontaly instead of verticality

[@wolfychu9398]

@@JakeInMotionso it’s not expanding up to the font on the top it’s instead changing to the font but horizontally

[@JakeInMotion]

So that's just the nature of the difference between the font sizes. Edit the paths of the pasted keyframes to be the size you want them to be for whichever animation you're trying to create.

[@erdmx.]

Nerd it out man!

[@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?)

[@itzzuzair9517]

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

[@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)

[@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 👍👍

[@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)

[@cretinatube]

GOLD! THANKYOU!

[@hugosandsjo]

This is GOLD!

[@massamba__kokikan_j4848]

Good Job folk

[@danialH05]

Awesome as always ❤️

[@roflchopter123]

This was great! Thanks a lot!

[@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"

[@SvntHoly]

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

[@edding3000fr]

nice , thank you !

[@maximumblackness]

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

[@JonnySchaab]

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

[@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

[@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?

[@FrytoTheFry]

Tysm bro

[@tanveerahmad2865]

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

[@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.

[@jootlee8908]

you are Genius

[@asmkawsar]

Wow super cool 💙💜

[@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!

[@RhitamMajumdar-ie2ee]

HOLY SHITTT

[@crisantosantaana]

GREAT channel! SUBBBED!!!

[@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?

[@brunotsuda7637]

Thanks

[@mileyrvirus]

GRACIAS CAPOOOOO

[@Tanush_Roy]

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.

[@Tanush_Roy]

@@JakeInMotion damn u a god bro

[@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

[@jkediting2357]

Which font you use for second Animation

[@mightyjoykiller]

Esto si esta muy bueno!!!

[@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. 🤗

[@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?

[@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

[@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?

[@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

[@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

[@Emanuelgarcia-vt2lt]

Bro i lv u ❤

[@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?

[@ticeicebby]

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

[@JakeInMotion]

Ikea

[@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.

[@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!

[@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….

[@pwalz100]

Cool, but complicated.

[@mickeybeavison1053]

Nice job giant n

[@xDaShaanx]

Anazing :D

[@jaysonfontela5761]

👍

[@hodasami1129]