Adobe After Effects Tutorial: Typewriter Text Effect with Blinking Cursor

[@RizatGraphics]

Thank you for watching and supporting my tutorials! I hope you're finding them helpful. More exciting tutorials are coming soon, so stay tuned! 🙏 You can also download After Effects project files, plugins, scripts, and templates from my official website: bit.ly/riztagar. Keep learning and creating! 👍 ------------------------------------------------------------------- HERE IS AN EXPRESSION: X = text.sourceText; F = Math.round(time * BlinkingSpeed % 1); L = X.length; T = time * Speed - StartAt * Speed; Cursor = " "; if (F==1 | T>0) Cursor = "|"; if (T>=L) Cursor = " "; if (T>0) X.substr(0,T) + Cursor else Cursor

[@AerialHues]

I always get back to this tutorial whenever I need this effect style, and I'm always getting surprised how amazing it is. Thank you so much for sharing such content!

[@RizatGraphics]

Thank you so much for your kind words! I'm delighted to hear that the tutorial has been helpful for you. If you ever have more questions or need assistance with anything else, feel free to reach out. Happy creating!

[@chicken.productions]

Press ALT on the Source text of the text. Just paste this no need for adjustment layer. If you want it to be faster just change the 7's X = text.sourceText; F = Math.round(time * 2 % 0); L = X.length; T = time * 7 - 0 * 7; Cursor = " "; if (F==1 | T>0) Cursor = "|"; if (T>=L) Cursor = " "; if (T>0) X.substr(0,T) + Cursor else Cursor

[@cryptoforfuture8838]

for some reason it only works on text right at the beginning of a video. in case i use it on text later on in a vid, animation is already over

[@Simqinq]

@@cryptoforfuture8838 put text in the beginning, match it up to clip you need it to match it up too then precomp. thats what i did

[@gabridntdnt9071]

yo uare the MAN!

[@miaisme6039]

​@-waffles- can u simplify this what u mean ?

[@Simqinq]

@@miaisme6039 sure! its been sometime since i commented that so im saying this off of my memory. If the text effect only works in the beginning, move it to the beginning but cut it to the length you need it to be. So if you wanted to line up with a clip that lasts 5 seconds, cut the text layer into 5 seconds, move it to the beginning, and pre-comp. After you pre-comp, you can move it back to the 5 second clip, it should all align! I am sorry if it sounds confusing.

[@purrcreatures]

This was so helpful, thank you so much!!

[@RizatGraphics]

You're so welcome!

[@novelafilmacademy]

Excellent tutorial! Your explanation of the typewriter text effect with the blinking cursor is both clear and engaging.

[@Joodi9717]

This is the easiest tutorial I’ve ever seen ,new subscriber!

[@RizatGraphics]

You are welcome 🥰

[@RizatGraphics]

X = text.sourceText; F = Math.round(time * BlinkingSpeed % 1); L = X.length; T = time * Speed - StartAt * Speed; Cursor = " "; if (F==1 | T>0) Cursor = "|"; if (T>=L) Cursor = " "; if (T>0) X.substr(0,T) + Cursor else Cursor

[@frankchadmuniz8696]

this was a huge help. thanks for posting!

[@RizatGraphics]

💜

[@Alaa.bencze]

Excellent, Thank you so much. However, blinking cursor doesn't stay on after the text is compelte. Is there anyway you can help to modify the script to make it stary on after the text is fully written? Thanks in adavance!

[@RizatGraphics]

@@Alaa.bencze Yes, I will try.

[@CanalSensum]

Youre funcking awseome

[@ImEli2215]

Really helpful. Link to the tutorial were the cursor keeps blinking?

[@cainiwakura]

How to change to typewriter to start typing from left allign not from center align.

[@RizatGraphics]

I will make another tutorial on it.

[@shervinmoallem7302]

There's a very easy fix for that. You simply have to change the allignment of your text in the "Paragraph" Tab, to be left alligned instead of center alligned. I had the same problem but in reverse, my text was left alligned and wanted it to be centered, that was the fix that worked for me :)

[@LinhPham-nr9yt]

This tutorial is simple and amazing help. Thank you!

[@RizatGraphics]

Glad it helped!

[@TheMatrixArmy]

you're life saver bro

[@nuzattack]

Thanks, amazing !!

[@RizatGraphics]

Thank you too!

[@emekaacquaye]

Amazing tutorial!

[@RizatGraphics]

Glad you think so!

[@titouanharel2985]

thank you

[@analanistanin3815]

Thanks, it's work perfect! I have 1 question: i need subtitles with this efect, bat when i go to source i tipe second sentence, effect is lost. Do i need to make new layar for each sentence?

[@RizatGraphics]

No problem at all! Yes, for subtitles, you'll need a separate layer for each sentence. Apologies for the delayed response. If you have more questions, feel free to ask!

[@moon20ful]

Everything works thank you but my Cuursor is not blinking and disappears with the text

[@RizatGraphics]

Sorry to hear about that! It looks like you might have missed a part of the tutorial. Please download the project file from my website, or if you have the latest version of AE, check out my new video tutorial on the blinking cursor.

[@lutherking53]

Thank you sir

[@RizatGraphics]

Welcome

[@yanr.781]

Everything works great! But if I want to change the color of the cursor is there a way to insert that in the expression?

[@RizatGraphics]

Yes, you can change the cursor color.

[@rsventurer]

@@RizatGraphics How do you change the color?

[@Hilmemes669]

THANK YOU

[@RizatGraphics]

You’re welcome 😊

[@DigitalMagicVFXTutorials]

It was really amazing. It helped me to do a paid project and earn some money. Thanks a lot for sharing :-)

[@RizatGraphics]

Glad it helped!

[@WalterOttoimagenes]

thank you again

[@RizatGraphics]

Thank you too!

[@NA-fe3ym]

Is there anyway to pause the text script midway

[@darkstrandvisuals]

God bless your soul. Absolute genius

[@RizatGraphics]

Thanks a lot

[@ArturAsatryantraveling]

amazing, thx

[@RizatGraphics]

Thank you too!

[@viniciussalles1987]

thank you man!

[@RizatGraphics]

🥰

[@iuliiaiatsenko4410]

Hello! I can't find how to copy the expression.. You said 'in comment section', but where is it?

[@RizatGraphics]

You can download the project file of all tutorials from riztagar. com

[@iuliiaiatsenko6998]

Thank you for your response

[@nicholasfaithful7708]

Thank you. Can I adjust so it reveals a word at a time rather than each letter? Is this even possible using this method?

[@RizatGraphics]

Unfortunately not. I will make a separate tutorial word reveal.

[@KO-mq4ts]

@@RizatGraphics Is the word reveal tutorial uploaded?

[@DanielLopez-eo2rt]

thanks

[@anastasiiaismailova5506]

thank u!

[@RizatGraphics]

You are welcome.

[@bakacdaz]

Nice code. BTW is it possible to make cursors blinking after typing instead of before? (Or maybe both)

[@RizatGraphics]

Yes it is possible. I have uploaded the project file on my website.

[@sloboda9]

How to use this effect if there are different fonts in the text?

[@perappera]

ıdk why but when ı paste the code ıts say error bc what ı type 'speed' or 'start at' is doesn't exist.I check few times for mistype but everything look like exactly code in the video. So what can ı do to fix this error?

[@RizatGraphics]

Please attempt to download the project file from my website.

[@faisalalamapu1938]

great tutorial. Can you please tell me if there is any way to change the size of the cursor only? I want to make it a little bigger.

[@RizatGraphics]

You can replace the cursor with symbols.

[@unrealengineruseng9583]

Wow, so easy !!! THANK YOU MAN !

[@RizatGraphics]

You're welcome!

[@vobos]

Amazing. Thank you.

[@RizatGraphics]

Thank you too!

[@badartagar2687]

Excellent

[@RizatGraphics]

Thanks 😍

[@PictorshopStudio]

I followed the exact same way in After Effects 2020 but with no result

[@RizatGraphics]

You can download the free project file from my website.

[@littleghost82]

I made some small changes so it looks and works the way I need it but I'm stuck with one question: Is it possible to keep the cursor blinking after the text has appeared?

[@RizatGraphics]

Yes, it is possible.

[@RizatGraphics]

You should watch my Second tutorial.

[@littleghost82]

@@RizatGraphics I found that AE 2023 has a typewriter + blinking cursor effect read to be draged on stage :) For now, I used that but I'll definitely check your second tutorial!

[@MomenRashed]

Hi Thank you for the tutorial But I have a question: How to make the blinking cursor start from right to left? for (Arabic) Ty ♥

[@RizatGraphics]

I will make a tutorial on it.

[@MomenRashed]

@@RizatGraphics thank you I will wait it i really need it

[@hassanabdullah7017]

@@MomenRashed did you find the tutorial ? I need it plz :(

[@hassanabdullah7017]

@@RizatGraphics plz mee too I really need it

[@RizatGraphics]

@@hassanabdullah7017 I will upload it within 2 days. Thanks for your patience.

[@polichwafer]

hi! great tutorial :) I'm only wondering -- is there a way to change the cursor's colour, without changing the colour of the text?

[@RizatGraphics]

Yes, it is possible. Please check my new tutorial of Typewriter text animation part 2

[@kennguyen222]

*good job*

[@RizatGraphics]

Thanks

[@kinzakazmi4229]

how can I change the thickness or width of the blinker?

[@RizatGraphics]

Actually, you can't. But if you really want to change the thickness of the blinker so you need to replace "I" with these symbols █ . ▎, ▍ or ▎... Good luck

[@Yinarrnsa488]

Why blinking effect is not working

[@badaramir24]

Excellent. Reproducing it.

[@jeceniagonzalez]

for some reason instead of the “I” it’s “kk” how do i go about fixing this?

[@RizatGraphics]

Just type "kk" instead of "I". I will be fixed.

[@RappsGamerz]

Can you add text Rewrite text option

[@RizatGraphics]

Sorry, I couldn't understand.

[@mariabordeaux7263]

it says for me "missing ) after argument list"

[@RizatGraphics]

Which after effect version are you using? Copy the complete script and just paste it.

[@rohanmahajan3008]

this is applicable when you only want to do the type writing effect and when its at the start of the comp, what should we do when we want this effect later in the comp. because it starts from the 0 second only i don't know how to change it

[@tusharsharma4368]

It's not working after I applied all scripts and techniques

[@RizatGraphics]

Please download the project file check the link in the description. Would you mind to send me your practice file? I want to check it once. [e-mail]

[@Realjoselosorio856]

Is there a way when finishing the animation to still make the blinking cursor to continue blinking without it disappearing?

[@RizatGraphics]

Yes, I have made a separate tutorial and will upload it within a few days.

[@RizatGraphics]

Should I mention your name in the blinking cursor new tutorial?

[@DIN0Edits]

Thanks man, any way I can do an erase (backspace) effect at the end after writing my text? Ex: Hello World , (erase or backspace the letter o with the cursor) so I'm just left with Hell World. Basicly reverse the effect in this tutorial.

[@RizatGraphics]

Yes you can do it easily. You need 3 text layers. 1.Hello text. 2 Hello Text again but time reverse effect. 3. World Text.

[@AlexanderYoo-b9d]

Cool !!!

[@BeastAgressive]

Bro why does my text starts to type from the right side but not from the middle (as shown in the video)any idea how to fix ?

[@RizatGraphics]

Did you download the project file?

[@camilamartinucci4746]

Hi! Thanks for the tutorial, very useful. Is there a way to keep the cursor blinking the whole time, not just at the beginning?

[@RizatGraphics]

I will make a separate tutorial on it within a few days...

[@camilamartinucci4746]

@@RizatGraphics Cool, thanks!! :)

[@RizatGraphics]

Should I mention your name in the blinking cursor new tutorial?

[@camilamartinucci4746]

@@RizatGraphics There is no need to!

[@RizatGraphics]

@@camilamartinucci4746 Ok

[@warlockzach]

Hello, somehow, having italicised text doesn't work with this effect.

[@RizatGraphics]

It's working fine. I have an older version of Adobe After Effects. I will share the source file ASAP.

[@Pinkymangar597]

Is it safe

[@RizatGraphics]

Yes it is.

[@ewanmcloughlin6875]

this didn't work for me? not sure what I did wrong but I copied it exactly

[@RenMan2099]

I create this script so you just need to add these two sliders to the text layer "Typing Speed" and "Stop Point", the stop point goes from 0% to 100% of the length of the text: X = text.sourceText; L = X.length; T = time * effect("Typing Speed")("Slider") * 10 - 0 * 10; StopPercent = effect("Stop Point")("Slider") / 100; StopPoint = Math.round(L * StopPercent); Cursor = "|"; if (Math.round(time * 2) % 2 === 0) { if (T >= StopPoint) { Cursor = " "; } } if (T > 0 && T

[@RizatGraphics]

❤🙏

[@lune5289]

Merci!

[@RizatGraphics]

Thanks a lot.

[@moccacatie]

tysm :)

[@RizatGraphics]

😍💚

[@optimus6858]

Cool

[@RizatGraphics]

Thanks a lot.

[@MuhammadShahid-ve4zt]

Doesn't work

[@RizatGraphics]

Please download thr project file from my website.

[@crismansillaa]

don't work

[@RizatGraphics]

Hey there! I'm sorry to hear you're having trouble. Please try downloading the project file directly from my website. If the issue persists, let me know, and I'll do my best to assist you. Thanks for your patience!

[@yalsj]

Hello now the text is written in the middle, is there a way to start from the left?

[@RizatGraphics]

I will make a separate tutorial..

[@justjoshinya01]

Doesn't work, nice try though

[@dustin1111]

it does work just did it rn

[@leoribeirop]

bro is using after effects 2007

[@JackMediaComments]

ADOBE IS SO BAD I HATE IT SO MUCH

[@RizatGraphics]

Hey! You're welcome! Glad you enjoyed the motion tile effect. Anytime you need more cool tricks, I'm here!

[@AdamHaq]

😭​@@RizatGraphics

[@External8rap]

@@RizatGraphicsbruh

[@PAUTOVideo]

👋🏻💥💌😉👍

[@jujumui]

Super helpful!! Thank you for sharing!

[@BigBarel]

Amazing tutorial! Thank you!

[@RizatGraphics]

Glad it was helpful!