After Effects ✏️ Handwriting Text Reveal Animation | Tutorial
Vložit
- čas přidán 9. 11. 2022
- 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 - Jak na to + styl
✅ *After Effects* ➧ prf.hn/l/OVxMyzj
Ⓣ *Font* ➧ dafont.com/billion-dreams.font
is this working only on text ? what if I have a shape ? Thanks in advance
@@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
@@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.
thank you!! very straight to the point and simple explanation, it makes after effects look alot less intimidating!
Thank you!! That's exactly what I was looking for
Thank you! Short Sweet and right to the point.
Super helpful and great explanations! Thank you!!
THANK YOU YOU SAVED MY LIFE WITH THIS TUTORIAL 🤩
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
Thanks dude, this was pretty helpful to get the effect I wanted up and running quickly.
Exactly what I was looking for!
Accurate and simple Tutorial Thank you!
Worked very well for me! THANK YOU !!
Your voice is so clean💯
Thank you so much, straight forward video. Subscribed
Straight to the point, Thanks a lot !
You know it! :)
THANKS! I'm new to AE and your tutorial is the best ,easiest and clearest I could find on CZcams, well done!
What is AE?
Adobe After Effect it's About a Graphics Animation Software@@appleorange8053
@@appleorange8053 After Effects, the software he is using
Amazing! Right to the point! Thank you!
No problem!
thank you!
Thanks for this tutorial, was really easy to create and is a very beautiful effect. Thank you VD
It certainly is a nice effect and no problem 👍
Thanks, very helpful.
thank you so much bro i love it
Great! this is I was looking for!
Awesome! glad to hear that :D
Thanks a lot sir u saved my lot of time ❤
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')
Thank`s!
Tysm for this :D
No problem
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❤💯!
NEW SUBSCRIBER OF YOURS sir.. thanks for the tutorial. iwant to learn adobe after effects.
Thank you great stuff.
You're welcome 😁
Niceee
thanks!
Thanks!
You're welcome! :)
thank you
Thank you!!
You're welcome
Would this work with a PNG of text? something I've actually done by hand and then scanned/
very good video I understood everything thank you very much 🙏❤️
I'm glad to hear :D and no problem
Thank you so much! I just used his same technique for a shape instead, and it worked. Bless you, brother. 👍
Oh nice 👌 and no worries 😁👍
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.
Yeh I get you, it can be confusing depending on how it's explained but I'm glad you found my video helpful
@@VerticDesigns indeed. thanks
For a MAC - center the Anchor Point with FN+OPT+COMM+< (Left Arrow)
Thanks for sharing will be helpful for all MAC users 👍
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”
thanks a lot I appreciate it
You're welcome 😁
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 !
Just in case someone need it:
Windows: Ctrl+alt+home
Mac= Command+option+fn+left arrow
cool
Thank you so much
No problem
Hey, thanks for the video! 🙏 Instead a text, can I use a vector logo from Illustrator?
I think so yeh you'd just need to keep checking the width of the stroke brush
thanks a lot brother. 🤩🤩🤩🤩
You're welcome
how does this work with outlined text??? I couldn't get it to work with my vector outline text.
I've done this, but the animation stops at the e and restart after a few frames, how can I fix this?
Thank You.
I have one question : How to change the colour of the stroke from white to any other colour ?
You select the text tool then highlight all text and change it in the "Character" panel they'll be a coloured box
man you almost reach 100k subs!
I know! so close now :D only 62 away
is this working only on text ? what if I have a shape ?
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?
You need to click on the "tool creates mask" button at the top tool bar (beside the star) before you start making your paths.
Thank's
No problem
thank you sir
No problem
what if its going from right to left what do i do?
this is really saving my ass the night before a project is due
How do I keep the font style because it's not keep my font style
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??
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
@@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.
@@Breezyonic you can just go back to them, select which one, re-adjust them and check the preview
Hi folks, is this work for japanese/chinese letter ?
Hi @VerticDesigns one question:
Can this be done if I import outlined wordmark from Adobe Illustrator?
Many thanks!
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
@@VerticDesigns thanks!
I couldnt have it work on shape layer. I think its for fonts only
I have white lines appearing on my text as it animates. How do I prevent this?
What do you use for screen capture on this video?
OBS Studio, I record this video a 4K 60FPS
anyone send me how to do this on photopea/photoshop?
How to change the size of end and start of stroke, to make it teeny in the ends and more fat at middle?
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
Somehow it is not flowing smoothly from left to right, it actually starts to reveal the text from the middle of the font.
It will start from your first mask so you need to start on the first letter and work your way down to the end
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?
make sure all masks is toggled
Hey sir, is there any mobile alternative bcuz I don’t have a computer tho (laptop) etc
I think capcut has a similar write on animation
@@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, 🔥
Incredible Verti, most of these techniques aren't taught in Universities/Colleges
Yeh I totally I agree
why do I get wooden animation??? guysss helppp
Which package is being used
Adobe After Effects CC 2023 but this effect is available in older versions of AE
i do it, but it's black nothing i can see ;(
what about an outlined text?? in desperate need!
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
Who knows the shortcuts in mac?
pls fix the prblm . some stroke appears first
Same
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.
What if I have lines crossing eachother?
Lines? Im not sure what you mean
Is there any other tutorial for software or ai that you know of that creates this text.....so this process can be skipped?!
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
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.
@@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.
@@VerticDesigns so could I do this with Capcut by any chance?
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.
Go into the graph editor and smooth things out.
Fun fact is that I was doing this on the same font 😆
Ayye no way haha good taste in fonts then
@@VerticDesigns I think yes then😂
This is tedious. Is there anyway to automate the tracing process?
There is paid plugins that can do it without tracing
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.
BRO you speak too slowly. JUST DO UR JOB PLS😭😭