After Effects ✏️ Handwriting Text Reveal Animation | Tutorial
HTML-код
- Опубликовано: 9 ноя 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 Хобби
✅ *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
Thanks dude, this was pretty helpful to get the effect I wanted up and running quickly.
Super helpful and great explanations! Thank you!!
Worked very well for me! THANK YOU !!
THANK YOU YOU SAVED MY LIFE WITH THIS TUTORIAL 🤩
Accurate and simple Tutorial Thank you!
Exactly what I was looking for!
Thank you! Short Sweet and right to the point.
Amazing! Right to the point! Thank you!
No problem!
Thank you so much, straight forward video. Subscribed
Straight to the point, Thanks a lot !
You know it! :)
thank you so much bro i love it
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 👍
Great! this is I was looking for!
Awesome! glad to hear that :D
Thanks a lot sir u saved my lot of time ❤
Thanks, very helpful.
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
Thank you so much it really solved my problem
THANKS! I'm new to AE and your tutorial is the best ,easiest and clearest I could find on RUclips, well done!
What is AE?
Adobe After Effect it's About a Graphics Animation Software@@appleorange8053
@@appleorange8053 After Effects, the software he is using
Thank`s!
Your voice is so clean💯
thank you!
Tysm for this :D
No problem
I'm very thankful to you brother 🌈✨
NEW SUBSCRIBER OF YOURS sir.. thanks for the tutorial. iwant to learn adobe after effects.
Thank you great stuff.
You're welcome 😁
Thank you
Thank you!!
You're welcome
thanks!
Just in case someone need it:
Windows: Ctrl+alt+home
Mac= Command+option+fn+left arrow
thanks a lot I appreciate it
You're welcome 😁
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❤💯!
very good video I understood everything thank you very much 🙏❤️
I'm glad to hear :D and no problem
thank you
Thank you so much
No problem
Thanks!
You're welcome! :)
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 😁👍
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')
Niceee
thanks a lot brother. 🤩🤩🤩🤩
You're welcome
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
cool
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”
thank you sir
No problem
Thank's
No problem
this is really saving my ass the night before a project is due
man you almost reach 100k subs!
I know! so close now :D only 62 away
Would this work with a PNG of text? something I've actually done by hand and then scanned/
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 !
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
I've done this, but the animation stops at the e and restart after a few frames, how can I fix this?
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 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
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
Incredible Verti, most of these techniques aren't taught in Universities/Colleges
Yeh I totally I agree
is this working only on text ? what if I have a shape ?
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
what if its going from right to left what do i do?
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!
How do I keep the font style because it's not keep my font style
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
I couldnt have it work on shape layer. I think its for fonts only
Hi folks, is this work for japanese/chinese letter ?
I have white lines appearing on my text as it animates. How do I prevent this?
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
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?
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, 🔥
how does this work with outlined text??? I couldn't get it to work with my vector outline text.
stroke the text
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😂
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.
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
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.
Which package is being used
Adobe After Effects CC 2023 but this effect is available in older versions of AE
why do I get wooden animation??? guysss helppp
i do it, but it's black nothing i can see ;(
Who knows the shortcuts in mac?
pls fix the prblm . some stroke appears first
Same
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?
What if I have lines crossing eachother?
Lines? Im not sure what you mean
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😭😭