After Effects ✏️ Handwriting Text Reveal Animation | Tutorial

Подписаться 106 тыс.

Просмотров 360 тыс.

50% 1

Write-on hand writing text reveal animation tutorial in Adobe After Effects. This handwriting text reveal animation in After Effects reveals each letter by hand drawing each individual character. Adobe After Effects is the perfect editing program for text animation, write-on text, handwriting and creating motion graphics with text by revealing each letter with simple masks and the stroke effect in After Effects.
Font: www.dafont.com/billion-dreams...
🔔 Stay Updated ➤ bit.ly/1Lr3EXM
🖥️ My Setup 🖱️ ▸ www.amazon.co.uk/shop/verticd...
〓 GET ADOBE APPS ▾
--- --- --- ---
✅ Photoshop ➧ prf.hn/l/20Bd3Lj
✅ After Effects ➧ prf.hn/l/OVxMyzj
✅ Premiere Pro ➧ prf.hn/l/DRPwkEZ
🔵 All Adobe Apps ➧ prf.hn/l/LbkejMN
--- --- --- ---
〓 PLAYLISTS ▾
---
Uploads ▸ bit.ly/1O7YbLQ
Photoshop ➥ bit.ly/1Hd8CfQ
Sony Vegas ➥ bit.ly/1OWjDoc
After Effects ➥ bit.ly/1MZkLkq
---
〓 LINKS ▾
---
🐦 Twitter ▸ / verticdesigns
📷 Instagram ▸ / verticdesigns
🌄 Free Stock Photos ▸ pexels.com/@george-283081
---
#text #animation
♪ Music Credit(s) ♪
Bounce 150 BPM by XY_BeatZ

Хобби

Опубликовано:

9 ноя 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 136

@VerticDesigns Год назад

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

@jameskaft5233 Год назад

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

@VerticDesigns Год назад

@@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 4 месяца назад

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

@ZakiBekakra 11 месяцев назад

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

@qllyns 2 месяца назад

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

@loomonda18 5 месяцев назад

Super helpful and great explanations! Thank you!!

@nagysamuel2575 8 месяцев назад

Exactly what I was looking for!

@DavidHernandezLovesYou Год назад

Worked very well for me! THANK YOU !!

@JPKloess 8 месяцев назад

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

@lambertoramirez9601 Год назад

Accurate and simple Tutorial Thank you!

@M_Mel 23 дня назад

THANK YOU YOU SAVED MY LIFE WITH THIS TUTORIAL 🤩

@ALifeWellSteved 8 дней назад

Thank you! Short Sweet and right to the point.

@SakataSamig Месяц назад

Thank you so much, straight forward video. Subscribed

@Rounakkeshri67 3 дня назад

I'm very thankful to you brother 🌈✨

@editsz_football Год назад

thank you so much bro i love it

@talibjariwala 8 месяцев назад

Thanks, very helpful.

@diamont00 Год назад

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

@creativeplustv Год назад

Thank`s!

@catalizastudio Год назад

Amazing! Right to the point! Thank you!

@VerticDesigns Год назад

No problem!

@edit_with_Harsh 5 месяцев назад

Thanks a lot sir u saved my lot of time ❤

@FRIENDLYFIRE2020 6 месяцев назад

thank you!

@devicare 11 месяцев назад

Great! this is I was looking for!

@VerticDesigns 11 месяцев назад

Awesome! glad to hear that :D

@DjFinestWorldWide Год назад

Your voice is so clean💯

@manuel.camelo 4 месяца назад

Straight to the point, Thanks a lot !

@VerticDesigns 4 месяца назад

You know it! :)

@Official_MStudios Год назад

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

@VerticDesigns Год назад

It certainly is a nice effect and no problem 👍

@annavasiljeva6670 Год назад

thanks!

@sunitachavan6410 Год назад

Niceee

@cranker7777 11 месяцев назад

Tysm for this :D

@VerticDesigns 11 месяцев назад

No problem

@abunajmithaqeb73 Месяц назад

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

@simonharper2234 3 месяца назад

thank you

@bookssummaries2023-mp3yy 11 месяцев назад

Thank you great stuff.

@VerticDesigns 11 месяцев назад

You're welcome 😁

@sweetac97 Год назад

Thank you!!

@VerticDesigns Год назад

You're welcome

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

@nicodte Год назад

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

@appleorange8053 Год назад

What is AE?

@anastai5818 10 месяцев назад

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

@ICBrandy 5 месяцев назад

@@appleorange8053 After Effects, the software he is using

@chrissriss2184 7 месяцев назад

cool

@yahyasafadi6026 Год назад

thanks a lot I appreciate it

@VerticDesigns Год назад

You're welcome 😁

@bayareasportstvbusiness6053 28 дней назад

Thanks!

@VerticDesigns 28 дней назад

You're welcome! :)

@camilopaez5471 5 месяцев назад

Thank you so much

@VerticDesigns 5 месяцев назад

No problem

@A.M.B936 Год назад

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

@VerticDesigns Год назад

I'm glad to hear :D and no problem

@themeeknhumbleshow1749 11 месяцев назад

thanks a lot brother. 🤩🤩🤩🤩

@VerticDesigns 11 месяцев назад

You're welcome

@pavlikam Год назад

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

@sazax6243 Месяц назад

thank you sir

@VerticDesigns Месяц назад

No problem

@anastai5818 10 месяцев назад

Thank's

@VerticDesigns 10 месяцев назад

No problem

@zerepedits 6 месяцев назад

man you almost reach 100k subs!

@VerticDesigns 6 месяцев назад

I know! so close now :D only 62 away

@taiwoogunlesi3456 Год назад

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

@VerticDesigns Год назад

Oh nice 👌 and no worries 😁👍

@LennyVigden Год назад

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

@djhaulix1581 Год назад

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 Год назад

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

@djhaulix1581 Год назад

@@VerticDesigns indeed. thanks

@user-jk5mr7ed6m 4 месяца назад

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 !

@cottontail5514 10 месяцев назад

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

@daygbro5849 Год назад

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

@accorsistudios Год назад

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

@VerticDesigns Год назад

Thanks for sharing will be helpful for all MAC users 👍

@NoneOfOne 4 месяца назад

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”

@gokmenkarci1975 8 месяцев назад

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

@Gabriela7Alejandra Месяц назад

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

@iliazahariev Год назад

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

@VerticDesigns Год назад

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

@jameskaft5233 Год назад

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

@sabyasachighosh9385 Год назад

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 5 месяцев назад

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

@henriquetamayo2914 4 месяца назад

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

@missidk_1347 10 месяцев назад

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

@sayandas5019 Год назад

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

@VerticDesigns Год назад

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

@louisjeffers-fabro3611 Месяц назад

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

@Breezyonic Год назад

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 Год назад

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 Год назад

@@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 Год назад

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

@elsisdeo9060 Год назад

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

@AliRushSongs 11 месяцев назад

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

@dtumenko 10 месяцев назад

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

@VerticDesigns 10 месяцев назад

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 10 месяцев назад

@@VerticDesigns thanks!

@WoJayR 2 месяца назад

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

@VerticDesigns 2 месяца назад

Yeh I totally I agree

@Killz.Edits1 2 месяца назад

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

@VerticDesigns 2 месяца назад

I think capcut has a similar write on animation

@Killz.Edits1 2 месяца назад

@@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, 🔥

@matthewmanning8413 Год назад

What do you use for screen capture on this video?

@VerticDesigns Год назад

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

@mahabbat1960 5 месяцев назад

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

@VerticDesigns 5 месяцев назад

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

@Sarah-vi3nw 3 месяца назад

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?

@mellarksdandelion 2 месяца назад

make sure all masks is toggled

@iRaizenn Год назад

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

@nuaveb Год назад

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

@VerticDesigns Год назад

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

@l2p.dr3ad 22 дня назад

why do I get wooden animation??? guysss helppp

@rei6822 2 месяца назад

what about an outlined text?? in desperate need!

@VerticDesigns 2 месяца назад

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

@dalibenrayana5040 2 месяца назад

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

@appleorange8053 Год назад

Which package is being used

@VerticDesigns Год назад

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

@jayprod_776 Год назад

Who knows the shortcuts in mac?

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

@user-lt9ec3il5g 7 месяцев назад

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 4 месяца назад

Go into the graph editor and smooth things out.

@mimifangel6256 5 месяцев назад

What if I have lines crossing eachother?

@VerticDesigns 5 месяцев назад

Lines? Im not sure what you mean

@claudiaedward8055 9 дней назад

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

@VerticDesigns 9 дней назад

Ayye no way haha good taste in fonts then

@claudiaedward8055 8 дней назад

@@VerticDesigns I think yes then😂

@conxita99 7 месяцев назад

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

@VerticDesigns 7 месяцев назад

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 7 месяцев назад

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 7 месяцев назад

@@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 7 месяцев назад

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

@Motion_Galaxy Год назад

pls fix the prblm . some stroke appears first

@florelynmaderazo2108 Год назад

Same

@xonx209 5 месяцев назад

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

@VerticDesigns 5 месяцев назад

There is paid plugins that can do it without tracing

@kyriltolbert 4 месяца назад

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.