Adobe After Effects Tutorial: Typewriter Text Effect with Blinking Cursor

Sdílet
Vložit
  • čas přidán 11. 02. 2022
  • ⚡ Best After Effects Plugin (Affiliate link) ⚡
    ➜ AEJuice I Want It All Bundle - bit.ly/3njZEZl (98% OFF)
    ➜ AEJuice Free Plugins - bit.ly/3mOElif
    ➜ AEJuice CZcams Channel - bit.ly/3mBK7nk
    ► SUBSCRIBE: bit.ly/2YjIYF3
    -----------------------------------
    Hello Everyone, Welcome to Rizat Graphics. In this short After Effects tutorial, you will learn to create Typewriter Text Effect animation. This is a Short and easy tutorial.
    I recommend you to watch the video till the end, it will be easier for you to better understand.
    -----------------------------------
    ► FREE DOWNLOAD PROJECT FILE:
    bit.ly/3qTeZi9
    -----------------------------------
    Recommended Tutorials Made with ❤️️
    • Bouncy Text Animation: • After Effects Tutorial...
    • 3D Cube Animation: • Adobe After Effects Tu...
    • Stroke Text Animation: • After effects tutorial...
    • Twinkling Starts Night Sky: • After Effects Tutorial...
    • Video Inside the Text: • Adobe After Effects Tu...
    • Animate Your Text with Shapes: • Animate Your Text With...
    • Glossy Logo Animation: • After Effects Tutorial...
    • Glitter Text or Logo: • After Effects Tutorial...
    -----------------------------------
    DOWNLOAD SOUND EFFECTS:
    freesound.org/people/pakasit2...
    -----------------------------------
    If you have any questions, just comment below.
    Thanks for watching! 💜
    #Adobe #AfterEffects #Typewriter #MagnifyGlass #Tutorial #RizatGraphics

Komentáře • 136

  • @RizatGraphics
    @RizatGraphics  Před 2 lety +131

    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 Před 2 lety +1

      this was a huge help. thanks for posting!

    • @RizatGraphics
      @RizatGraphics  Před 2 lety

      💜

    • @Alaa.bencze
      @Alaa.bencze Před 2 lety +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  Před 2 lety +1

      @@Alaa.bencze Yes, I will try.

    • @CanalSensum
      @CanalSensum Před rokem +1

      Youre funcking awseome

  • @AerialHues
    @AerialHues Před 4 měsíci +2

    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  Před 3 měsíci

      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!

  • @LinhPham-nr9yt
    @LinhPham-nr9yt Před rokem +6

    This tutorial is simple and amazing help. Thank you!

  • @Joodi9717
    @Joodi9717 Před měsícem +2

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

  • @TheMatrixArmy
    @TheMatrixArmy Před 8 měsíci +1

    you're life saver bro

  • @unrealengineruseng9583
    @unrealengineruseng9583 Před rokem +1

    Wow, so easy !!!
    THANK YOU MAN !

  • @purrcreatures
    @purrcreatures Před 2 měsíci +1

    This was so helpful, thank you so much!!

  • @BigBarel
    @BigBarel Před 2 měsíci +1

    Amazing tutorial! Thank you!

  • @DigitalMagicVFXTutorials
    @DigitalMagicVFXTutorials Před 2 lety +3

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

  • @ImEli2215
    @ImEli2215 Před 6 měsíci +2

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

  • @emekaacquaye
    @emekaacquaye Před 5 měsíci +1

    Amazing tutorial!

  • @vobos
    @vobos Před rokem +1

    Amazing. Thank you.

  • @darkstrandvisuals
    @darkstrandvisuals Před rokem +1

    God bless your soul. Absolute genius

  • @chicken.productions
    @chicken.productions Před 2 lety +60

    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 Před rokem +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 Před rokem +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 Před rokem +2

      yo uare the MAN!

    • @miaisme6039
      @miaisme6039 Před rokem +1

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

    • @Simqinq
      @Simqinq Před rokem

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

  • @viniciussalles1987
    @viniciussalles1987 Před rokem +1

    thank you man!

  • @badaramir24
    @badaramir24 Před 8 měsíci +1

    Excellent. Reproducing it.

  • @Hilmemes669
    @Hilmemes669 Před 5 měsíci +1

    THANK YOU

  • @ArturAsatryantraveling
    @ArturAsatryantraveling Před 5 měsíci +1

    amazing, thx

  • @WalterOttoimagenes
    @WalterOttoimagenes Před 10 měsíci +1

    thank you again

  • @faisalalamapu1938
    @faisalalamapu1938 Před rokem +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.

  • @badartagar2687
    @badartagar2687 Před rokem +1

    Excellent

  • @lutherking53
    @lutherking53 Před 3 měsíci +1

    Thank you sir

  • @DIN0Edits
    @DIN0Edits Před rokem +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  Před rokem

      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.

  • @analanistanin3815
    @analanistanin3815 Před 9 měsíci +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  Před 7 měsíci

      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!

  • @polichwafer
    @polichwafer Před rokem +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  Před 11 měsíci

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

  • @chocootart
    @chocootart Před 2 lety +1

    tysm :)

  • @lune5289
    @lune5289 Před rokem +1

    Merci!

  • @bakacdaz
    @bakacdaz Před 5 měsíci +1

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

    • @RizatGraphics
      @RizatGraphics  Před 4 měsíci

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

  • @nicholasfaithful7708
    @nicholasfaithful7708 Před rokem +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  Před rokem +1

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

    • @KO-mq4ts
      @KO-mq4ts Před rokem

      @@RizatGraphics Is the word reveal tutorial uploaded?

  • @camilamartinucci4746
    @camilamartinucci4746 Před rokem +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?

  • @optimus6858
    @optimus6858 Před rokem +1

    Cool

  • @kennguyen222
    @kennguyen222 Před 10 měsíci +1

    *good job*

  • @cainiwakura
    @cainiwakura Před rokem +7

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

    • @RizatGraphics
      @RizatGraphics  Před rokem

      I will make another tutorial on it.

    • @shervinmoallem7302
      @shervinmoallem7302 Před rokem +3

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

  • @littleghost82
    @littleghost82 Před rokem +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  Před rokem

      Yes, it is possible.

    • @RizatGraphics
      @RizatGraphics  Před rokem

      You should watch my Second tutorial.

    • @littleghost82
      @littleghost82 Před rokem +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 Před 2 lety +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  Před 2 lety

      I will make a tutorial on it.

    • @MomenRashed
      @MomenRashed Před 2 lety +1

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

    • @hassanabdullah7017
      @hassanabdullah7017 Před rokem +1

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

    • @hassanabdullah7017
      @hassanabdullah7017 Před rokem

      @@RizatGraphics plz mee too I really need it

    • @RizatGraphics
      @RizatGraphics  Před rokem +1

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

  • @Realjoselosorio856
    @Realjoselosorio856 Před rokem

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

    • @RizatGraphics
      @RizatGraphics  Před rokem +2

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

    • @RizatGraphics
      @RizatGraphics  Před rokem

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

  • @perappera
    @perappera Před měsícem +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  Před měsícem

      Please attempt to download the project file from my website.

  • @iuliiaiatsenko4410
    @iuliiaiatsenko4410 Před rokem +1

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

  • @rohanmahajan3008
    @rohanmahajan3008 Před rokem +1

    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

  • @kinzakazmi4229
    @kinzakazmi4229 Před 2 lety +1

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

    • @RizatGraphics
      @RizatGraphics  Před 2 lety +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

  • @jeceniagonzalez
    @jeceniagonzalez Před 2 lety +1

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

    • @RizatGraphics
      @RizatGraphics  Před 2 lety

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

  • @BeastAgressive
    @BeastAgressive Před 6 měsíci

    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 ?

  • @warlockzach
    @warlockzach Před 2 lety +1

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

    • @RizatGraphics
      @RizatGraphics  Před 2 lety +1

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

  • @ewanmcloughlin6875
    @ewanmcloughlin6875 Před 9 měsíci

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

  • @mariabordeaux7263
    @mariabordeaux7263 Před rokem +1

    it says for me "missing ) after argument list"

    • @RizatGraphics
      @RizatGraphics  Před rokem

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

  • @PictorshopStudio
    @PictorshopStudio Před 9 měsíci +2

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

    • @RizatGraphics
      @RizatGraphics  Před 9 měsíci

      You can download the free project file from my website.

  • @RappsGamerz
    @RappsGamerz Před rokem

    Can you add text Rewrite text option

  • @tusharsharma4368
    @tusharsharma4368 Před rokem +1

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

    • @RizatGraphics
      @RizatGraphics  Před rokem

      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

  • @user-tm5rr2vj2b
    @user-tm5rr2vj2b Před rokem

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

  • @RenMan2099
    @RenMan2099 Před rokem +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

  • @Pinkymangar597
    @Pinkymangar597 Před měsícem +1

    Is it safe

  • @MuhammadShahid-ve4zt
    @MuhammadShahid-ve4zt Před 8 měsíci +1

    Doesn't work

    • @RizatGraphics
      @RizatGraphics  Před 7 měsíci

      Please download thr project file from my website.

  • @crismansillaa
    @crismansillaa Před 9 měsíci +1

    don't work

    • @RizatGraphics
      @RizatGraphics  Před 7 měsíci

      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!

  • @PAUTOVideo
    @PAUTOVideo Před 8 měsíci +1

    👋🏻💥💌😉👍

  • @JackMediaComments
    @JackMediaComments Před 6 měsíci +9

    ADOBE IS SO BAD I HATE IT SO MUCH

    • @RizatGraphics
      @RizatGraphics  Před 6 měsíci +2

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

  • @justjoshinya01
    @justjoshinya01 Před 27 dny

    Doesn't work, nice try though