Adobe After Effects Tutorial: Typewriter Text Effect with Blinking Cursor

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ม.ค. 2025

ความคิดเห็น • 161

  • @RizatGraphics
    @RizatGraphics  หลายเดือนก่อน +4

    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
    @AerialHues 10 หลายเดือนก่อน +4

    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
      @RizatGraphics  10 หลายเดือนก่อน

      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!

  • @RizatGraphics
    @RizatGraphics  2 ปีที่แล้ว +176

    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
      @frankchadmuniz8696 2 ปีที่แล้ว +1

      this was a huge help. thanks for posting!

    • @RizatGraphics
      @RizatGraphics  2 ปีที่แล้ว

      💜

    • @Alaa.bencze
      @Alaa.bencze 2 ปีที่แล้ว +4

      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
      @RizatGraphics  2 ปีที่แล้ว +1

      @@Alaa.bencze Yes, I will try.

    • @CanalSensum
      @CanalSensum 2 ปีที่แล้ว +1

      Youre funcking awseome

  • @chicken.productions
    @chicken.productions 2 ปีที่แล้ว +76

    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
      @cryptoforfuture8838 2 ปีที่แล้ว +2

      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
      @Simqinq ปีที่แล้ว +2

      @@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
      @gabridntdnt9071 ปีที่แล้ว +2

      yo uare the MAN!

    • @miaisme6039
      @miaisme6039 ปีที่แล้ว +1

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

    • @Simqinq
      @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.

  • @novelafilmacademy
    @novelafilmacademy 3 หลายเดือนก่อน

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

  • @Joodi9717
    @Joodi9717 7 หลายเดือนก่อน +3

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

    • @RizatGraphics
      @RizatGraphics  7 หลายเดือนก่อน

      You are welcome 🥰

  • @purrcreatures
    @purrcreatures 9 หลายเดือนก่อน +1

    This was so helpful, thank you so much!!

    • @RizatGraphics
      @RizatGraphics  9 หลายเดือนก่อน

      You're so welcome!

  • @LinhPham-nr9yt
    @LinhPham-nr9yt ปีที่แล้ว +6

    This tutorial is simple and amazing help. Thank you!

  • @TheMatrixArmy
    @TheMatrixArmy ปีที่แล้ว +2

    you're life saver bro

  • @ImEli2215
    @ImEli2215 ปีที่แล้ว +2

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

  • @nuzattack
    @nuzattack 2 หลายเดือนก่อน +1

    Thanks, amazing !!

  • @cainiwakura
    @cainiwakura 2 ปีที่แล้ว +8

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

    • @RizatGraphics
      @RizatGraphics  2 ปีที่แล้ว

      I will make another tutorial on it.

    • @shervinmoallem7302
      @shervinmoallem7302 ปีที่แล้ว +5

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

  • @emekaacquaye
    @emekaacquaye ปีที่แล้ว +1

    Amazing tutorial!

    • @RizatGraphics
      @RizatGraphics  11 หลายเดือนก่อน

      Glad you think so!

  • @DigitalMagicVFXTutorials
    @DigitalMagicVFXTutorials 2 ปีที่แล้ว +3

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

  • @darkstrandvisuals
    @darkstrandvisuals 2 ปีที่แล้ว +1

    God bless your soul. Absolute genius

  • @lutherking53
    @lutherking53 9 หลายเดือนก่อน +1

    Thank you sir

  • @viniciussalles1987
    @viniciussalles1987 ปีที่แล้ว +1

    thank you man!

  • @Hilmemes669
    @Hilmemes669 11 หลายเดือนก่อน +1

    THANK YOU

    • @RizatGraphics
      @RizatGraphics  11 หลายเดือนก่อน +1

      You’re welcome 😊

  • @WalterOttoimagenes
    @WalterOttoimagenes ปีที่แล้ว +1

    thank you again

  • @ArturAsatryantraveling
    @ArturAsatryantraveling 11 หลายเดือนก่อน +1

    amazing, thx

  • @yanr.781
    @yanr.781 5 หลายเดือนก่อน +1

    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
      @RizatGraphics  5 หลายเดือนก่อน

      Yes, you can change the cursor color.

    • @rsventurer
      @rsventurer หลายเดือนก่อน

      @@RizatGraphics How do you change the color?

  • @unrealengineruseng9583
    @unrealengineruseng9583 2 ปีที่แล้ว +1

    Wow, so easy !!!
    THANK YOU MAN !

  • @titouanharel2985
    @titouanharel2985 27 วันที่ผ่านมา

    thank you

  • @analanistanin3815
    @analanistanin3815 ปีที่แล้ว +1

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

  • @vobos
    @vobos ปีที่แล้ว +1

    Amazing. Thank you.

  • @anastasiiaismailova5506
    @anastasiiaismailova5506 3 หลายเดือนก่อน +1

    thank u!

    • @RizatGraphics
      @RizatGraphics  3 หลายเดือนก่อน

      You are welcome.

  • @faisalalamapu1938
    @faisalalamapu1938 ปีที่แล้ว +1

    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
      @RizatGraphics  ปีที่แล้ว

      You can replace the cursor with symbols.

  • @moon20ful
    @moon20ful 2 หลายเดือนก่อน +1

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

    • @RizatGraphics
      @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.

  • @badartagar2687
    @badartagar2687 ปีที่แล้ว +1

    Excellent

  • @bakacdaz
    @bakacdaz 11 หลายเดือนก่อน +1

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

    • @RizatGraphics
      @RizatGraphics  10 หลายเดือนก่อน

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

  • @nicholasfaithful7708
    @nicholasfaithful7708 2 ปีที่แล้ว +1

    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
      @RizatGraphics  2 ปีที่แล้ว +1

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

    • @KO-mq4ts
      @KO-mq4ts ปีที่แล้ว

      @@RizatGraphics Is the word reveal tutorial uploaded?

  • @polichwafer
    @polichwafer ปีที่แล้ว +3

    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
      @RizatGraphics  ปีที่แล้ว

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

  • @DanielLopez-eo2rt
    @DanielLopez-eo2rt หลายเดือนก่อน

    thanks

  • @kennguyen222
    @kennguyen222 ปีที่แล้ว +1

    *good job*

  • @badaramir24
    @badaramir24 ปีที่แล้ว +1

    Excellent. Reproducing it.

  • @rohanmahajan3008
    @rohanmahajan3008 ปีที่แล้ว +2

    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

  • @iuliiaiatsenko4410
    @iuliiaiatsenko4410 ปีที่แล้ว +1

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

    • @RizatGraphics
      @RizatGraphics  ปีที่แล้ว +1

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

    • @iuliiaiatsenko6998
      @iuliiaiatsenko6998 ปีที่แล้ว

      Thank you for your response

  • @littleghost82
    @littleghost82 ปีที่แล้ว +1

    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
      @RizatGraphics  ปีที่แล้ว

      Yes, it is possible.

    • @RizatGraphics
      @RizatGraphics  ปีที่แล้ว

      You should watch my Second tutorial.

    • @littleghost82
      @littleghost82 ปีที่แล้ว +2

      @@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
    @MomenRashed 2 ปีที่แล้ว +2

    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
      @RizatGraphics  2 ปีที่แล้ว

      I will make a tutorial on it.

    • @MomenRashed
      @MomenRashed 2 ปีที่แล้ว +1

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

    • @hassanabdullah7017
      @hassanabdullah7017 2 ปีที่แล้ว +1

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

    • @hassanabdullah7017
      @hassanabdullah7017 2 ปีที่แล้ว

      @@RizatGraphics plz mee too I really need it

    • @RizatGraphics
      @RizatGraphics  2 ปีที่แล้ว +1

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

  • @camilamartinucci4746
    @camilamartinucci4746 2 ปีที่แล้ว +2

    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
      @RizatGraphics  2 ปีที่แล้ว +2

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

    • @camilamartinucci4746
      @camilamartinucci4746 2 ปีที่แล้ว +1

      @@RizatGraphics Cool, thanks!! :)

    • @RizatGraphics
      @RizatGraphics  2 ปีที่แล้ว +1

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

    • @camilamartinucci4746
      @camilamartinucci4746 2 ปีที่แล้ว +1

      @@RizatGraphics There is no need to!

    • @RizatGraphics
      @RizatGraphics  2 ปีที่แล้ว

      @@camilamartinucci4746 Ok

  • @NA-fe3ym
    @NA-fe3ym 5 หลายเดือนก่อน

    Is there anyway to pause the text script midway

  • @perappera
    @perappera 8 หลายเดือนก่อน +1

    ı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
      @RizatGraphics  7 หลายเดือนก่อน

      Please attempt to download the project file from my website.

  • @sloboda9
    @sloboda9 3 หลายเดือนก่อน

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

  • @AlexanderYoo-b9d
    @AlexanderYoo-b9d 5 หลายเดือนก่อน +1

    Cool !!!

  • @DIN0Edits
    @DIN0Edits 2 ปีที่แล้ว +1

    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
      @RizatGraphics  2 ปีที่แล้ว

      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.

  • @Realjoselosorio856
    @Realjoselosorio856 2 ปีที่แล้ว

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

    • @RizatGraphics
      @RizatGraphics  2 ปีที่แล้ว +2

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

    • @RizatGraphics
      @RizatGraphics  2 ปีที่แล้ว

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

  • @kinzakazmi4229
    @kinzakazmi4229 2 ปีที่แล้ว +1

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

    • @RizatGraphics
      @RizatGraphics  2 ปีที่แล้ว +1

      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

  • @PictorshopStudio
    @PictorshopStudio ปีที่แล้ว +2

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

    • @RizatGraphics
      @RizatGraphics  ปีที่แล้ว

      You can download the free project file from my website.

  • @jeceniagonzalez
    @jeceniagonzalez 2 ปีที่แล้ว +1

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

    • @RizatGraphics
      @RizatGraphics  2 ปีที่แล้ว

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

  • @BeastAgressive
    @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
      @RizatGraphics  9 หลายเดือนก่อน

      Did you download the project file?

  • @lune5289
    @lune5289 ปีที่แล้ว +1

    Merci!

  • @moccacatie
    @moccacatie 2 ปีที่แล้ว +1

    tysm :)

  • @Yinarrnsa488
    @Yinarrnsa488 2 หลายเดือนก่อน

    Why blinking effect is not working

  • @RappsGamerz
    @RappsGamerz ปีที่แล้ว

    Can you add text Rewrite text option

  • @mariabordeaux7263
    @mariabordeaux7263 2 ปีที่แล้ว +1

    it says for me "missing ) after argument list"

    • @RizatGraphics
      @RizatGraphics  2 ปีที่แล้ว

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

  • @warlockzach
    @warlockzach 2 ปีที่แล้ว +1

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

    • @RizatGraphics
      @RizatGraphics  2 ปีที่แล้ว +1

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

  • @tusharsharma4368
    @tusharsharma4368 2 ปีที่แล้ว +1

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

    • @RizatGraphics
      @RizatGraphics  2 ปีที่แล้ว

      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. riztagar22@gmail.com

  • @Pinkymangar597
    @Pinkymangar597 7 หลายเดือนก่อน +1

    Is it safe

  • @optimus6858
    @optimus6858 ปีที่แล้ว +1

    Cool

  • @ewanmcloughlin6875
    @ewanmcloughlin6875 ปีที่แล้ว

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

  • @RenMan2099
    @RenMan2099 ปีที่แล้ว +4

    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

  • @yalsj
    @yalsj ปีที่แล้ว

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

    • @RizatGraphics
      @RizatGraphics  ปีที่แล้ว

      I will make a separate tutorial..

  • @MuhammadShahid-ve4zt
    @MuhammadShahid-ve4zt ปีที่แล้ว +1

    Doesn't work

    • @RizatGraphics
      @RizatGraphics  ปีที่แล้ว

      Please download thr project file from my website.

  • @crismansillaa
    @crismansillaa ปีที่แล้ว +1

    don't work

    • @RizatGraphics
      @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!

  • @leoribeirop
    @leoribeirop 16 วันที่ผ่านมา

    bro is using after effects 2007

  • @justjoshinya01
    @justjoshinya01 7 หลายเดือนก่อน +1

    Doesn't work, nice try though

    • @dustin1111
      @dustin1111 4 หลายเดือนก่อน

      it does work just did it rn

  • @JackMediaComments
    @JackMediaComments ปีที่แล้ว +18

    ADOBE IS SO BAD I HATE IT SO MUCH

    • @RizatGraphics
      @RizatGraphics  ปีที่แล้ว +2

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

    • @AdamHaq
      @AdamHaq 5 หลายเดือนก่อน

      😭​@@RizatGraphics

    • @External8rap
      @External8rap 5 หลายเดือนก่อน

      @@RizatGraphicsbruh

  • @PAUTOVideo
    @PAUTOVideo ปีที่แล้ว +1

    👋🏻💥💌😉👍

  • @jujumui
    @jujumui 3 หลายเดือนก่อน

    Super helpful!! Thank you for sharing!

  • @BigBarel
    @BigBarel 8 หลายเดือนก่อน +1

    Amazing tutorial! Thank you!

    • @RizatGraphics
      @RizatGraphics  8 หลายเดือนก่อน

      Glad it was helpful!