Auto-adjusting blinking cursor | After Effects Tutorial
Vložit
- čas přidán 28. 06. 2024
- Everything you need to create stunning videos! ► bit.ly/motion_array ► Get a 50$ discount on your annual subscription through this link!
In this after effects tutorial, I'll show you how to create a custom, auto-adjusting blinking cursor with two expressions. ► Download the project file here: gumroad.com/manueldoesmotion
Content:
0:00 Intro
0:15 Animating a typewriter
1:15 Adding a layer controller
2:00 Everything you need to create stunning videos
2:23 Attaching the Null Object to the width
3:36 Adding a custom cursor
3:53 Blinking cursor
5:03 Outro
Some of these links are affiliate links. By purchasing through this link I earn some money at NO extra cost to you. It’s a Great way to support my channel! Thanks!
► Software: Adobe After Effects 22 (I use the "Default" Workspace in my tutorials)
If you have any further questions, let me know in the comments below. I do my best to answer all of them!
► Subscribe to my channel here:
/ @manueldoesmotion
I am very curious how this tutorial inspired your work!
Put the link in the comments below or even better: tag me on Instagram.
► @manueldoesmotion
► / manueldoesmotion
► my website: www.manueldoesmotion.com
► behance: www.behance.net/stein-hauser
#aftereffectstutorial #animation #motiondesign
That's very clever. It's an effect I find myself making a lot but I've always done it manually, hadn't thought to link the cursor to the text width. Thanks!
Awesome! I used to do it manually as well, which was really annoying. So I started to play around a little bit :)
For me the formula had to be
w=effect("Layer Control")("Layer");
[w.sourceRectAtTime(w.sourceTime()).width]
Including the sourceTime() to account for placement on the timeline and also clip shifting
your modification saved my day .... thanx
@@imanqoly The amount of time I found that one comment that saved me hours of headaches, glad I'm finally the one helping someone :D
@@EvilDogFilmsOfficial 🙌
It worked! This was pretty useful right now. THANKS!!
You’re welcome!
excellent.. thanks for sharing.. I prefer this method over the others that are overly complicated
Hey thanks! That’s great to hear!
Fantastic Manuel. Thank you teacher. So good! ✌🏻🍀💫💫🍀
Thanks very much! So happy you like it!
Amazing tutorial perfect for a very specific animation I must do for work!
That’s great to hear!
Thanks for idea
Advantage: Full control over cursor
Downside: scale range selector will not treat space as scale increase, so cursor will jump through any text space to beginning of the next word, looks a little bit clunky.
thank you so much for sharing this!
You’re welcome!
Gr8 tutorial. Really helpful. One thing I want to add is rather than adding the scale property and then animating it, u can simply use the 'Typewriter' effect from the effects panel. It's just a preset of the same animation. I hope u find it helpful
Awesome! Thanks very much for the tip!
Only that you have to replace default 'opacity' animator with 'scale', as the width won't change otherwise ;)
grate tutorial
really helped a lot...
That's awesome!
Fantastic!
Thanks!!
THANK YOUUU!
You’re so welcome!
Magic tutorial!
Thanks!
amazing
Thanks very much!
Thanks Manuel! I use this all the time. Is there a way to make the cursor go down to the next line after a paragraph break?
That's awesome! I'll think about a way to do it...
Hello Manuel! And thank you for a very nice tutorial. I have a small problem I need your help with. The Width slider is not updating with the right value at the beginning of the animation. So for example, when I have the 4 first letter of my first word the width is still showing 0,00. When the width of the text layer is bigger than the with of my null object then it begins to move the null object. Do you have any idea my I get this delay? I tried resizing the noll object without any success. Thanx again!
Hi Alexandre, sorry for my delayed response. I am on holiday this week. Could it be the anchor point position of the Null Object? I’ll look into the project next week to see what else it might be.
Genio total !
Thanks!
GRACIAAAAAAAAAAAAAAAAAAAS
You're welcome!
Amazing tutorial, thanks you for it !
I have one issue, the whole expression doesn't work if everything is not at the very beginning of my comp.
To be clear, if the layers are in the middle of my comp, the width value won't change. Do you have any idea why ?
Tshüss :)
Generally, if you have expressions. Never move layers around, that will mess it up.
If you want the animation to start later, you need to move the keyframes along your timeline.
@@ManueldoesMotion very clever solution ! thank you so much for the tip :)
thanks
how make this to presets to we can use to any time by one click ???
You're welcome! I think it can't be saved as preset. I would save the comp somewhere and import it whenever you need it.
I was doing a 3 text lines with this.
I kept getting an strange error when duplicating the 3 items (text, null and cursor) and updating the expressions and even the layer control:
Null stopped working when updating the "Source Text".
After a lot of trial and error I was able to fix it, by deactivating the expressions before updating the "Source Text".
When I need several lines of text, the easiest way for me is to copy the comp in the project window and simply use a separate comp for each line.
I’ll try it with deactivating the expressions.
Awesome...What if I want to use it in Arabic language which text starts from right to left...I tried to use it but the cursor moves towards the opposite direction..
You have to invert the width value. By adding another line:
w=effect("Layer Control")("Layer");
inv = w.sourceRectAtTime().width*-1;
[inv]
You probably have to adjust the position of the cursor.
For some reason the null object lags behind the writing, as if it didn't continue but it did just like that, I don't know what it would be.
Did you move a layer in the timeline?
First expression doesn't update slider value, rechecked it multiple times
You might want to check out the project file…
For me I needed to do to make sure you don't get any weird time offset based on where the clip is on the timeline and how offseter it is on itself
w=effect("Layer Control")("Layer");
[w.sourceRectAtTime(w.sourceTime()).width]
@@EvilDogFilmsOfficial Save me! Thank u!
Width idea not working if you have multiple lines
Yeah it only works for 1 line of text.
how to use to RTL ?
What is RTL?
@@ManueldoesMotion right-to-left (RTL)
@@samirdesigner3324 That should work as well. You need to right align the text. Then subtract the width from the position instead of adding it.
Hi :)
Hi!;)
Yo
What's up?
dude you need to slow down a bit with this tutorial. I had to back track so many times because I missed something you said way too quickly to follow through perfectly.