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 KZread 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
Пікірлер: 149
i’ll tell nick you said hi
@millthor
Жыл бұрын
Subscribed thanks to Jake! It’s great that we get to know other fantastic artists here!
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!
Brilliant. Thanks Jake for passing along your great ideas.😊
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!
This is actually very valuable. Thanks again Jake, you truly are helping our community
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!
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 !
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 :)
Wow, so many super useful tips & tricks here, awesome as always Jake!
Jake, you're precious to our community. Thanks!
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
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
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! 👏🙏
40 minutes, and i learn alot. thank you very much Jake!
i love your channel! deserves more for sure,thank you so much!
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!
You are freakin awesome Jake! thank you for this tutorial!
Love this! You're so inspirational and the pace of training is perfect. +1 for Expressions too.
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)
Wow. SO MUCH STUFF! Thanks Jake. Definitely saved for future reference.
Love it! I've been needing to know how to fix the text with the first vertices and such! 🥰
Jake, im from Brazil and I learned a lot with your videos in the past months. Thanks a lot :)
I did smile Jack..😀 Simply amazing lesson! Such a valuable time spent in your channel, every single time following your tutorials. Fantastic work! ❤
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.
you blew my mind away in this video. thank you
Awesome as always ❤️
This faux effect just blessed my senior portfolio Thankyou for your service
I haven't used Essential Graphics before, but now I will. Holy poop! Thanks Jake!
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.
One of the best teacher in this Industry.
One of your best!
great tutorial! thank you
Brilliant Sir! Simply Brilliant!
Amazing teaching! Thank you
I just see this and before even watching , liked and subscribed you. I was looking for teacher like you.
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 👍👍
So many good tips in this video!
This was great! Thanks a lot!
This is GOLD!
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.
And your thumbnail smile is also getting stretchier 😱
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).
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..)
Wow super cool 💙💜
Esto si esta muy bueno!!!
You deserve a subscribe dude!
nice , thank you !
I know what I'm working on this weekend!
GREAT channel! SUBBBED!!!
Tysm bro
I never thought text animation can be this difficult 😰 But worth watching ☺
Another Great Vid Jake!! Tell Nick I said hi 😅
Nerd it out man!
eu aplaudi de pé quando ele terminou de explicar e mostrou o resultado da expressão
Absolutely amazing rig! thank you Jake 🫀
Good Job folk
Sheeeesh this was stacked with info !!! will try to duplicate but those expressions look a little scary !
@JakeInMotion
Жыл бұрын
You can do it!
loopIn() + loopOut() -value is gonna save me sooooooo much time! Ilu Jake
This tutorial is free. I can't believe it.
Bro i lv u ❤
you are Genius
GRACIAS CAPOOOOO
Thanks
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
HOLY SHITTT
Anazing :D
Thanks great vid have you get any tips how to get better
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 :)
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?
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?)
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...
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?
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. 🤗
First here ❤️❤️
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!
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"
Woahhh... 12 minutes in and so!!!! 12:10
Which font you use for second Animation
💀💀☠☠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?
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.
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
6 ай бұрын
Thanks! I show how the basics are accomplished in this video kzread.info/dash/bejne/m5aau8uyXZCfeNY.htmlsi=_Z33Fy5zRJD_r6CS
@eyalyoungi
6 ай бұрын
Is there a tut for extruede text - while there's a top text layer that moves together with the extrudion? lots of thanks! @@JakeInMotion
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)
Nice job giant n
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.
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.
GOLD! THANKYOU!
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!
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.
👍
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?
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
Does someone know where the storage rack behind him is from? I've been looking for something like that!
@JakeInMotion
Жыл бұрын
Ikea
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?
Cool, but complicated.
is there a way for this to not loop just continue 20:07
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: kzread.info/dash/bejne/ineo3KyTmq6WYLQ.html&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.
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
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
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….