After Effects ✏️ Handwriting Text Reveal Animation | Tutorial

Поділитися
Вставка
  • Опубліковано 27 лис 2024

КОМЕНТАРІ • 164

  • @VerticDesigns
    @VerticDesigns  2 роки тому +9

    ✅ *After Effects* ➧ prf.hn/l/OVxMyzj
    Ⓣ *Font* ➧ dafont.com/billion-dreams.font

    • @jameskaft5233
      @jameskaft5233 Рік тому +1

      is this working only on text ? what if I have a shape ? Thanks in advance

    • @VerticDesigns
      @VerticDesigns  Рік тому +1

      @@jameskaft5233 mostly text yes but there is fonts out there that where they're shapes instead of letters so all you need to do is find a shape font and that should work like normal

    • @kyriltolbert
      @kyriltolbert 9 місяців тому +1

      @@VerticDesigns John 3:16 For God so loved the world, that he gave his only begotten Son, that whosoever believeth in him should not perish, but have everlasting life.

    • @tech_guide217
      @tech_guide217 2 місяці тому +2

      ​@@VerticDesigns can you help me with mine because when I play it doesn't play in order like when I play the vid the other strokes will play before the first stroke should finish and it doesn't go in order I followed everything in the vid pls help me

  • @djhaulix1581
    @djhaulix1581 Рік тому +1

    My teacher taught this on our college but seriously nobody understood anything and now its making more sense now. Thanks for the content. Your hard work been respected.

    • @VerticDesigns
      @VerticDesigns  Рік тому

      Yeh I get you, it can be confusing depending on how it's explained but I'm glad you found my video helpful

    • @djhaulix1581
      @djhaulix1581 Рік тому +1

      @@VerticDesigns indeed. thanks

  • @accorsistudios
    @accorsistudios Рік тому +10

    For a MAC - center the Anchor Point with FN+OPT+COMM+< (Left Arrow)

    • @VerticDesigns
      @VerticDesigns  Рік тому +1

      Thanks for sharing will be helpful for all MAC users 👍

    • @NoneOfOne
      @NoneOfOne 8 місяців тому

      Step 1: Select “Layer” in your top menu.
      Step 2: Select “Transform” from the dropdown menu.
      Step 3: Select “Center Anchor Point in Layer Content”

  • @sethfoster1394
    @sethfoster1394 3 місяці тому +5

    One of the most easy to understand tutorials i have seen in a long time. thank you!

  • @diamont00
    @diamont00 Рік тому +8

    Great tutorial - thanks man! :) you probably know that already, but just tbs: while holding the ALT key, you can click on the Anchor Point and change it (for getting easier to another direction - e.g. heart shape) :) thanks again for the video and KR, Heidi

  • @kvrom1_x
    @kvrom1_x 3 місяці тому +25

    btw if you're on mac press COMMAND+OPTION+FN+LEFT ARROW to centre the anchor point 🤪

  • @NickHillMakesMusic
    @NickHillMakesMusic 3 місяці тому

    GOLD! Thank you.

  • @localnfs
    @localnfs Місяць тому +1

    hey guys if you want you can skip drawing in the paths by hand and simply right click on the text layer and select Create "Shapes" from text. This will give you each individual letter as a shape. Then you can click the animate properties on that group to add "trim paths" and there's several different options for them to animate on. Under trim paths be sure to change trim multiple shapes to "individually" and it will draw one letter at a time and look more in line with the handwritten effect. Just a heads up you might have to try different methods because one method is not a fix one fix all.

  • @nicodte
    @nicodte Рік тому +2

    THANKS! I'm new to AE and your tutorial is the best ,easiest and clearest I could find on UA-cam, well done!

    • @appleorange8053
      @appleorange8053 Рік тому +2

      What is AE?

    • @anastai5818
      @anastai5818 Рік тому

      Adobe After Effect it's About a Graphics Animation Software@@appleorange8053

    • @ICBrandy
      @ICBrandy 10 місяців тому

      @@appleorange8053 After Effects, the software he is using

  • @RandallTinfow
    @RandallTinfow 16 днів тому

    Very nicely done. I've been using AE since COSA, nearly 30 years. It's been a while since I used the write-on effect, so I came here for a quick refresher. It's about the most concise tutorial I can recall. Perfect. I'd only quibble about the title, because the write-on effect can be used to reveal other objects. I'm using it to animate neuron pathways this afternoon.

  • @qllyns
    @qllyns 6 місяців тому +2

    thank you!! very straight to the point and simple explanation, it makes after effects look alot less intimidating!

  • @LennyVigden
    @LennyVigden Рік тому +2

    Would this work with a PNG of text? something I've actually done by hand and then scanned/

  • @pavlikam
    @pavlikam Рік тому +2

    Thank you so much!
    How can I avoid the next letter appearing as the previous letter is on it's final stroke (same font, but between a capital C and an h: 'Ch')

  • @sabyasachighosh9385
    @sabyasachighosh9385 Рік тому +8

    First of all, thanks for teaching us this - very helpful and versatile skill. If only I could show you - I'm having an issue - whenever I'm increasing "brush size" of the stroke, nothing is happening - it remains thin. And also, the markers in the timeline for the Stroke >> End layer appears at 25f on the scale, not like 0.00s as yours. What am I doing wrong?

    • @loomonda18
      @loomonda18 10 місяців тому +1

      You need to click on the "tool creates mask" button at the top tool bar (beside the star) before you start making your paths.

  • @Sarah-vi3nw
    @Sarah-vi3nw 8 місяців тому +2

    I'm having an issue where the stroke is only applying to the first mask so only the first bit of the first letter is being drawn in. How do I fix this?

  • @kethecreator
    @kethecreator Місяць тому

    Mac user tip: hold command + double tap “Pan Behind” will centre the anchor point on your selection 😊

    • @VerticDesigns
      @VerticDesigns  Місяць тому

      @@kethecreator thank you for sharing that shortcut :)

  • @Breezyonic
    @Breezyonic Рік тому +1

    Love this tutorial! I nearly got my text animation working following your video, I ran into a small thing that kinda bugs me though. As it's writing through the text, certain parts of the next letter start to show before the trace actually gets to it. How can I fix this so it doesn't do that??

    • @VerticDesigns
      @VerticDesigns  Рік тому

      For that you'll need to decrease the brush size and readjust the mask lines or you could add a text spacing in the characteristics panel

    • @Breezyonic
      @Breezyonic Рік тому

      @@VerticDesigns Okay, so I did try reducing the brush size, but that didn't seem to work. I guess I can try redrawing the mask lines.

    • @VerticDesigns
      @VerticDesigns  Рік тому

      @@Breezyonic you can just go back to them, select which one, re-adjust them and check the preview

  • @ÈveLaguë-m7u
    @ÈveLaguë-m7u 9 місяців тому +2

    Can you use the stroke effect on a null object? I am trying to reveal a png sequence linked as a null object but it doesn't seem to work. Thanks a lot !

  • @AcceptJesusAsYourSaviour
    @AcceptJesusAsYourSaviour 6 місяців тому

    Hey sir, is there any mobile alternative bcuz I don’t have a computer tho (laptop) etc

    • @VerticDesigns
      @VerticDesigns  6 місяців тому

      I think capcut has a similar write on animation

    • @AcceptJesusAsYourSaviour
      @AcceptJesusAsYourSaviour 6 місяців тому

      @@VerticDesigns yeah I am an expert on CapCut but it doesn’t have tho
      Anyways I will just manage and use what I can do and find
      Thanks Sir, 🔥

  • @ZakiBekakra
    @ZakiBekakra Рік тому +6

    Thank you!! That's exactly what I was looking for

  • @FRIENDLYFIRE2020
    @FRIENDLYFIRE2020 11 місяців тому

    thank you!

  • @iliazahariev
    @iliazahariev Рік тому +2

    Hey, thanks for the video! 🙏 Instead a text, can I use a vector logo from Illustrator?

    • @VerticDesigns
      @VerticDesigns  Рік тому

      I think so yeh you'd just need to keep checking the width of the stroke brush

  • @Gabriela7Alejandra
    @Gabriela7Alejandra 6 місяців тому +5

    Just in case someone need it:
    Windows: Ctrl+alt+home
    Mac= Command+option+fn+left arrow

  • @daygbro5849
    @daygbro5849 Рік тому +2

    I've done this, but the animation stops at the e and restart after a few frames, how can I fix this?

  • @wout.schreurs
    @wout.schreurs Місяць тому

    Is there a way you can do this with text on a PNG file? Can't find the same font.

    • @VerticDesigns
      @VerticDesigns  Місяць тому

      @@wout.schreurs i mean yh same principle can work because all you're doing is hidding it with the mask and revealing it

  • @manuel.camelo
    @manuel.camelo 8 місяців тому +1

    Straight to the point, Thanks a lot !

  • @thiagoalvesvm
    @thiagoalvesvm 2 місяці тому

    Thank u ma man!
    Another question: how can I send this text reveal to premiere pro?

  • @dtumenko
    @dtumenko Рік тому

    Hi @VerticDesigns one question:
    Can this be done if I import outlined wordmark from Adobe Illustrator?
    Many thanks!

    • @VerticDesigns
      @VerticDesigns  Рік тому +1

      Yeh that will be fine because maskes work on almost all types of layers. If it doesn't work for whatever reason just save it as a .png

    • @dtumenko
      @dtumenko Рік тому

      @@VerticDesigns thanks!

  • @NoIDeaSynchro
    @NoIDeaSynchro 3 місяці тому

    great video, thanks :)

  • @creativeplustv
    @creativeplustv Рік тому +1

    Thank`s!

  • @M_Mel
    @M_Mel 5 місяців тому

    THANK YOU YOU SAVED MY LIFE WITH THIS TUTORIAL 🤩

  • @bookssummaries2023-mp3yy
    @bookssummaries2023-mp3yy Рік тому

    Thank you great stuff.

  • @islam.resalat.958
    @islam.resalat.958 2 місяці тому

    @VerticDesigns can you help me with mine because when I play it doesn't play in order like when I play the vid the other strokes will play before the first stroke should finish and it doesn't go in order I followed everything in the vid pls help me

  • @loomonda18
    @loomonda18 10 місяців тому +1

    Super helpful and great explanations! Thank you!!

  • @WoJayR
    @WoJayR 7 місяців тому

    Incredible Verti, most of these techniques aren't taught in Universities/Colleges

  • @sayandas5019
    @sayandas5019 2 роки тому

    Thank You.
    I have one question : How to change the colour of the stroke from white to any other colour ?

    • @VerticDesigns
      @VerticDesigns  2 роки тому +1

      You select the text tool then highlight all text and change it in the "Character" panel they'll be a coloured box

  • @cranker7777
    @cranker7777 Рік тому +1

    Tysm for this :D

  • @DjFinestWorldWide
    @DjFinestWorldWide Рік тому +2

    Your voice is so clean💯

  • @bayareasportstvbusiness6053
    @bayareasportstvbusiness6053 5 місяців тому +3

    Thanks!

  • @mahabbat1960
    @mahabbat1960 10 місяців тому +1

    How to change the size of end and start of stroke, to make it teeny in the ends and more fat at middle?

    • @VerticDesigns
      @VerticDesigns  10 місяців тому

      For that you'd need to set 1 keyframe on the brush stroke size to large (any big number), go further out on timeline and set the second keyframe to small

  • @JPKloess
    @JPKloess Рік тому

    Thanks dude, this was pretty helpful to get the effect I wanted up and running quickly.

  • @ВојаПараноја
    @ВојаПараноја 7 днів тому

    Very cool

  • @devicare
    @devicare Рік тому

    Great! this is I was looking for!

  • @catalizastudio
    @catalizastudio Рік тому

    Amazing! Right to the point! Thank you!

  • @liviere1
    @liviere1 2 місяці тому

    Thank you! thank you! thank youuuuu!!!! the tut help me a lot for today's deliverable!!!!!! 🙌🏼 🙌🏼🙌🏼🙌🏼🙌🏼🙌🏼🙌🏼🙌🏼🙌🏼🙌🏼🙌🏼🙌🏼

    • @VerticDesigns
      @VerticDesigns  2 місяці тому

      @@liviere1 you're welcome! And im happy to hear that 😀

  • @nuaveb
    @nuaveb 2 роки тому +1

    Somehow it is not flowing smoothly from left to right, it actually starts to reveal the text from the middle of the font.

    • @VerticDesigns
      @VerticDesigns  2 роки тому +5

      It will start from your first mask so you need to start on the first letter and work your way down to the end

  • @lambertoramirez9601
    @lambertoramirez9601 Рік тому

    Accurate and simple Tutorial Thank you!

  • @anastai5818
    @anastai5818 Рік тому

    Thank's

  • @matthewmanning8413
    @matthewmanning8413 Рік тому

    What do you use for screen capture on this video?

    • @VerticDesigns
      @VerticDesigns  Рік тому

      OBS Studio, I record this video a 4K 60FPS

  • @Official_MStudios
    @Official_MStudios Рік тому

    Thanks for this tutorial, was really easy to create and is a very beautiful effect. Thank you VD

    • @VerticDesigns
      @VerticDesigns  Рік тому

      It certainly is a nice effect and no problem 👍

  • @camilopaez5471
    @camilopaez5471 10 місяців тому

    Thank you so much

  • @nagysamuel2575
    @nagysamuel2575 Рік тому

    Exactly what I was looking for!

  • @sunitachavan6410
    @sunitachavan6410 Рік тому +2

    Niceee

  • @yahyasafadi6026
    @yahyasafadi6026 Рік тому

    thanks a lot I appreciate it

  • @conxita99
    @conxita99 11 місяців тому

    Is there any other tutorial for software or ai that you know of that creates this text.....so this process can be skipped?!

    • @VerticDesigns
      @VerticDesigns  11 місяців тому

      Yes, there's plugins out there like the Volna 2 plugin which creates this effect but even better. It's a paid plugin but only a 1 time payment and it's yours for life

    • @conxita99
      @conxita99 11 місяців тому

      So I can just pay for a plug in.. Do I have to have adobe also to use the plug in or just use it with Microsoft..? .(Sorry for my ignorance.. I'm just trying to make credits for my presentation..i.e black screen with white animated text that appears like that and forms sentences.. .. Possibly fadeing out too.

    • @VerticDesigns
      @VerticDesigns  11 місяців тому

      @@conxita99 Yeah I get you and the plugin does require After Effects to be used yes. Or another method would be to find a text template, some are free others are paid but that way it will be easier to customize and use.

    • @conxita99
      @conxita99 11 місяців тому

      @@VerticDesigns so could I do this with Capcut by any chance?

  • @ALifeWellSteved
    @ALifeWellSteved 4 місяці тому

    Thank you! Short Sweet and right to the point.

  • @henriquetamayo2914
    @henriquetamayo2914 9 місяців тому +1

    what if its going from right to left what do i do?

  • @sazax6243
    @sazax6243 6 місяців тому

    thank you sir

  • @zerepedits
    @zerepedits 11 місяців тому

    man you almost reach 100k subs!

    • @VerticDesigns
      @VerticDesigns  11 місяців тому

      I know! so close now :D only 62 away

  • @RockyBergen
    @RockyBergen 3 місяці тому

    Thanks you I'll be back the next time I need to "remember" this.

  • @emmanuelalighoda4512
    @emmanuelalighoda4512 2 місяці тому

    thanks so much for this it worked like a charm

  • @gokmenkarci1975
    @gokmenkarci1975 Рік тому

    how does this work with outlined text??? I couldn't get it to work with my vector outline text.

    • @mzbuzzy
      @mzbuzzy 3 місяці тому

      stroke the text

  • @sweetac97
    @sweetac97 2 роки тому

    Thank you!!

  • @SakataSamig
    @SakataSamig 6 місяців тому

    Thank you so much, straight forward video. Subscribed

  • @rei6822
    @rei6822 7 місяців тому

    what about an outlined text?? in desperate need!

    • @VerticDesigns
      @VerticDesigns  7 місяців тому

      3 free options,
      1. you can follow the same steps as the video but you'd have to plan out how you want your text to be reveal and you'd need more masks for the inner and outer lines.
      2. use masks only, hide all the text and animate the masks opening up with the mask path
      3. use saber, a free plugin that you can animate the intro to do a simlar draw on effect however all the letters reveal at the same time
      or theres other paid plugins out there like Volna and more on AE Scripts & Plugin

  • @simonharper2234
    @simonharper2234 7 місяців тому

    thank you

  • @DavidHernandezLovesYou
    @DavidHernandezLovesYou Рік тому

    Worked very well for me! THANK YOU !!

  • @talibjariwala
    @talibjariwala Рік тому

    Thanks, very helpful.

  • @themeeknhumbleshow1749
    @themeeknhumbleshow1749 Рік тому

    thanks a lot brother. 🤩🤩🤩🤩

  • @louisjeffers-fabro3611
    @louisjeffers-fabro3611 6 місяців тому

    I have white lines appearing on my text as it animates. How do I prevent this?

  • @A.M.B936
    @A.M.B936 2 роки тому +1

    very good video I understood everything thank you very much 🙏❤️

  • @annavasiljeva6670
    @annavasiljeva6670 Рік тому

    thanks!

  • @jameskaft5233
    @jameskaft5233 Рік тому

    is this working only on text ? what if I have a shape ?

  • @Rounakkeshri67
    @Rounakkeshri67 4 місяці тому

    I'm very thankful to you brother 🌈✨

  • @taiwoogunlesi3456
    @taiwoogunlesi3456 2 роки тому +2

    Thank you so much! I just used his same technique for a shape instead, and it worked. Bless you, brother. 👍

  • @edit_with_Harsh
    @edit_with_Harsh 10 місяців тому

    Thanks a lot sir u saved my lot of time ❤

  • @DannyDeLeón-y4g
    @DannyDeLeón-y4g Рік тому +1

    Clear, but incomplete. The second you easy ease the animation, it starts looking stuttery. The stroke effect has this limitation and now I just spent so much time setting this up and need to try a new technique.

    • @EricPeelMusic
      @EricPeelMusic 8 місяців тому

      Go into the graph editor and smooth things out.

  • @faizannekaha
    @faizannekaha 4 місяці тому

    Thank you so much it really solved my problem

  • @Finvestorofficial
    @Finvestorofficial 20 днів тому

    BIg thumb up. it helped a lot

  • @missidk_1347
    @missidk_1347 Рік тому

    How do I keep the font style because it's not keep my font style

  • @editsz_football
    @editsz_football Рік тому

    thank you so much bro i love it

  • @AliRushSongs
    @AliRushSongs Рік тому

    I couldnt have it work on shape layer. I think its for fonts only

  • @abunajmithaqeb73
    @abunajmithaqeb73 6 місяців тому

    NEW SUBSCRIBER OF YOURS sir.. thanks for the tutorial. iwant to learn adobe after effects.

  • @chrissriss2184
    @chrissriss2184 Рік тому

    cool

  • @cottontail5514
    @cottontail5514 Рік тому

    this is really saving my ass the night before a project is due

  • @elsisdeo9060
    @elsisdeo9060 Рік тому

    Hi folks, is this work for japanese/chinese letter ?

  • @appleorange8053
    @appleorange8053 Рік тому

    Which package is being used

    • @VerticDesigns
      @VerticDesigns  Рік тому

      Adobe After Effects CC 2023 but this effect is available in older versions of AE

  • @mimifangel6256
    @mimifangel6256 9 місяців тому

    What if I have lines crossing eachother?

    • @VerticDesigns
      @VerticDesigns  9 місяців тому

      Lines? Im not sure what you mean

  • @ZalexMusic
    @ZalexMusic Рік тому

    i think there's something wrong with the video...i don't know much about the computer, so it could be on my end, but this video just jumped right into answering the question i searched for. it did not play a 15 second channel intro at 200% volume, and it also skipped the youtube-mandated 90 seconds about why the video exists and what use the viewer might find of it. restarting my computer did not fix it.

  • @magomedrasulmmmagomedov677
    @magomedrasulmmmagomedov677 Місяць тому

    Thank you a lot, man! I used to make this effect once long time ago and I remember it was very hard. It seems back then I was much less experienced and I was based on worse tutorial than yours!
    You made clear easy to follow cozy tutorial I enjoyed following!

  • @l2p.dr3ad
    @l2p.dr3ad 5 місяців тому

    why do I get wooden animation??? guysss helppp

  • @Motion_Galaxy
    @Motion_Galaxy Рік тому

    pls fix the prblm . some stroke appears first

  • @xonx209
    @xonx209 10 місяців тому

    This is tedious. Is there anyway to automate the tracing process?

    • @VerticDesigns
      @VerticDesigns  10 місяців тому

      There is paid plugins that can do it without tracing

  • @dalibenrayana5040
    @dalibenrayana5040 7 місяців тому

    i do it, but it's black nothing i can see ;(

  • @utantuan0804
    @utantuan0804 Місяць тому

    YOU'RE THE BEST, DUDE! 🙌🏼

  • @kssmth007
    @kssmth007 Рік тому

    This is the best tutorial I have ran across since opening a creative cloud app! I truly thank you... And my handwriting looks Kick-ass❤💯!

  • @claudiaedward8055
    @claudiaedward8055 4 місяці тому

    Fun fact is that I was doing this on the same font 😆

  • @iRaizenn
    @iRaizenn 2 роки тому

    anyone send me how to do this on photopea/photoshop?

  • @jayprod_776
    @jayprod_776 Рік тому

    Who knows the shortcuts in mac?

  • @tobiasdemetz44
    @tobiasdemetz44 2 місяці тому

    thamls