Тёмный

HOW TO ANIMATE YOUR HAND LETTERING (FOR BEGINNERS)! AFTER EFFECTS TUTORIAL - PART 1 

Ross Mason
Подписаться 38 тыс.
Просмотров 368 тыс.
50% 1

Hi everyone! First of all, welcome to my channel! Here I will be uploading all sorts of videos ranging from tutorials to speedarts. Today I am bringing you a tutorial of how I animate my lettering, which has been highly requested on my Instagram page.
I hope this video helps and if you could give the video a thumbs up it would be greatly appreciated! Also, if you have any ideas for future tutorials let me know in the comment section below! Many thanks.
My Links!
/ iamrossmason
/ iamrossmason
/ iamrossmason
Contact Me!
rossmason.business@gmail.com
Background Music!
• UNCOPYRIGHTED BEAT : E...

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

 

1 авг 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 231   
@kapuzentierchen8793
@kapuzentierchen8793 4 года назад
This video made me your subscriber. Even though it is on here for some time, it might be one of the best I found on this subject and it is concise, easy to follow. I think this can be adapted easily for lineart (as in whiteboard animation). The layer separation for all the strokes makes all the difference for me. Thank you very much for this, Ross Mason!
@noah_films
@noah_films 5 месяцев назад
Dude thank you so much! I have been watching videos on this all day and not one of the videos recommended I make each letter its own layer. You're the best.
@alanjohnson4541
@alanjohnson4541 3 года назад
One of the best tutorials I have seen so far. Thank you.
@alejandromolina01
@alejandromolina01 3 года назад
Finally someone who explains after effects properly
@marizancoetser1176
@marizancoetser1176 6 лет назад
Thank you so much for this tutorial , you saved my butt for my animations class project ! and you explain it so well that I can follow you step for step . thank you thank you thank you
@lorenamariott1929
@lorenamariott1929 3 года назад
At the beginning was a bit hard to flow the workflow but I finally did my hand lettering animation, next stop part 2. Thanks for the tutorial!
@heyflo1
@heyflo1 5 лет назад
Underated channel, this is the BEST tutorial if you want to achieve something really qualitative. I've watched couple other tutorial but this one in THE one if you want to go over the small details to make it look really smooth & natural.
@iamrossmason
@iamrossmason 5 лет назад
Thank you Florent, that really means a lot to me! I try my best to provide value! If you ever need any help don't hesitate to ask! :)
@jcamacho4161
@jcamacho4161 4 года назад
And this video really helped me for my animation project at school
6 лет назад
This is the first time i accomplish an AE tutorial, thanks !!!
@Ahmadsaafeen
@Ahmadsaafeen 2 месяца назад
I am an animator, for ove 15 years, you have just teatch me an amazing trick that i dont know bro .... thanks alot ❤
@chavesp01
@chavesp01 6 лет назад
Just beautiful, thank you so much for this
@freiddo3728
@freiddo3728 7 лет назад
Awesome! First tutorial I've seen that does it this way. I really enjoyed it so far. I noticed you're a bit new, so i hope you keep making videos. Subbed!
@iamrossmason
@iamrossmason 7 лет назад
Freiddo Thank you! I really appreciate that 😄 And there's plenty more content on the way 🙌🏼
@robertneacsu7119
@robertneacsu7119 6 лет назад
Great video. Looking forward to try this animation. I want to learn and practice hand lettering. Thanks for the video.
@ACJACQUETTE
@ACJACQUETTE 6 лет назад
Wow. just wow!
@MadeinChinakiki
@MadeinChinakiki 6 лет назад
Love this man, thank you very much.
@cecylia_v
@cecylia_v 5 лет назад
Best tutorial, loveed it
@devandvan
@devandvan 7 лет назад
Good tutorials! Keep it up!
@jaseylove
@jaseylove 7 лет назад
Great first video - thanks !
@vivianfreites328
@vivianfreites328 6 лет назад
This was soooo helpfull also really easy! Thank you so much
@DianaJe17
@DianaJe17 4 года назад
Awesome! Thanks, pretty helpful
@leopires3501
@leopires3501 6 лет назад
Thanx dude! Saved my life!
@alexfloquet4851
@alexfloquet4851 4 года назад
THIS is the best tutorial on animating hand lettering! I was so annoyed with the overlapping problem, this is brilliant and helped me lots, thanks!
@iamrossmason
@iamrossmason 4 года назад
Alex Floquet Thank you Alex! I’m glad you enjoyed it :)
@dawniebug784
@dawniebug784 2 года назад
Ikr! I saw several other videos but this one covers the issue and also adds character to the swoops rather than letting the software do it for you
@aspirante.a.vagabundo
@aspirante.a.vagabundo 4 года назад
Thanks! Very practical and concise.
@pixelandbracket
@pixelandbracket 7 лет назад
Sweet man! Welcome to RU-vid, subscribed and looking forward to more from your channel. Been wondering how to do this with my logo, may try it sometime soon using the same techniques! You present really well, grab yourself a USB mic sometime soon and your tutorials will be top-notch. Also, I think if you cover up your start bar at the bottom with some kind of graphic (or black) that would really clean up the video. Cya 'round! -Spencer
@iamrossmason
@iamrossmason 7 лет назад
Pixel & Bracket Hey! Thank you so much for the feedback, it's really helpful! I'll definitely have to invest in a better microphone when i'm able, and I didn't even think of the bar at the bottom, that's something i'll definitely get done for the next video! Thank you for subscribing and i hope to hear from you in future uploads :)
@DesignerYash
@DesignerYash 6 лет назад
Awesome Tutorial
@tariks926
@tariks926 4 года назад
Man,you literally saved my life with this video. You have a new subscriber. ❤️
@iamrossmason
@iamrossmason 4 года назад
Tariks Thank you, I really appreciate that! I’m glad you found it useful.
@Saniastic
@Saniastic 4 года назад
why you don't have enough subscribers? because you are super amazing. Impressive work
@MrArtschannel
@MrArtschannel 6 лет назад
Thanks, Just what I needed
@sigolgee
@sigolgee 4 года назад
very easy tutorial! thanks!!!
@bangmeme6841
@bangmeme6841 2 года назад
this is tutorial what i looking for. thank you
@davemorgang
@davemorgang 4 года назад
MY BROTHA! Thank you so much for this tutorial! It was really helpful for me! I'm already subscribed! Keep it up! 🙏🙏
@iamrossmason
@iamrossmason 3 года назад
Thank you Dave, glad I could help! Appreciate your support :)
@fieldsofbozos
@fieldsofbozos 7 лет назад
awesome! subscribed!
@princec.1001
@princec.1001 11 месяцев назад
This video helped me in 2023 :) So still a amazing Tutorial, Thanks Brother
@RarePeach
@RarePeach 7 лет назад
Hey! Congrats with a beautiful video!
@iamrossmason
@iamrossmason 7 лет назад
Arory Wind Thank you! Hope you enjoy future videos just as much :)
@robertsam5244
@robertsam5244 4 года назад
You should have a link to the end of your video because RU-vid isn't guraranteed to have the part II play next. It's a safe guard to series continuity. And thanks for the tutorial!
@lorarodgers1443
@lorarodgers1443 5 лет назад
Thanks so much, Ross. This was a great tutorial! :D
@iamrossmason
@iamrossmason 5 лет назад
You're welcome Lora, glad you found it helpful!
@johnbuddyfelarca2720
@johnbuddyfelarca2720 5 лет назад
very helpful!
@SerpCreative
@SerpCreative 7 лет назад
Nice one mate, very clear and concise!
@iamrossmason
@iamrossmason 7 лет назад
SerpGraff Thanks boss 😎
@ARY8919
@ARY8919 4 года назад
This tutorial save my life, thanks bro
@iamrossmason
@iamrossmason 4 года назад
Ariel Rodriguez You’re welcome! Glad you enjoyed it :)
@makhdoom65
@makhdoom65 6 лет назад
Ooo Mannnnnnnnnnn Was waiting for this effect since my birth :) Thank u so much Subscribed !
@iamrossmason
@iamrossmason 6 лет назад
Haha you're most welcome! I'm glad you found it helpful!
@katerinaikalina
@katerinaikalina 4 года назад
Love it!
@iamrossmason
@iamrossmason 4 года назад
Katerina Dimitrova Thank you Katerina!
@ebteha9122
@ebteha9122 3 года назад
it awesome thankx
@Yesletsjess
@Yesletsjess 6 лет назад
Is it because I'm on AE CC? I tried looking through all the menus, I'm thinking it's buried somewhere else and the term might have changed? please help.
@melfeliciano8449
@melfeliciano8449 4 года назад
What version of After Effects did you use for this tutorial? I am using CS6 (11.0.4.2) and can only create shapes from vector layer one layer at a time. If I select more than one layer then that option is grayed out.
@andreigiura
@andreigiura 3 года назад
Really nice Video man. Thank you very much for that. Do you by any chanse have a video on how to ready the letters in AI? That would be realy grate too.
@tiimm0002
@tiimm0002 6 лет назад
Hello hello Thank you for your great tutorial, was very helpful so far. I have a small question...I designed a tree in illustrator and imported it into after effects. My goal is to make it look like it's growing. I liked your method you used to imitate handwriting and thought I could implicate this into the growth of the tree. The difference with your letters and the tree is that all the branches should grow more or less simultaneously. So my question is; how can I draw along a branch with the pen tool (like you did in the middle of the letter), go back down the line and hook onto the pens path further down and draw along another branch. hope you understand my question...
@antonio26661
@antonio26661 6 лет назад
Sick tutorial definitely earned a sub
@iamrossmason
@iamrossmason 6 лет назад
Thank you Anthony!
@artist1712
@artist1712 6 лет назад
Thank you very much.
@judiihu
@judiihu 6 лет назад
For doing the individual layers did you use the pen tool?
@andrewstanford639
@andrewstanford639 2 года назад
Hi Ross, great video and very clear, for some reason when I'm going through the method my stroke brush size does not fillet and cover the mask shape. Any ideas please? Thank you so much great video. Best Andy
@virginiagoddard1759
@virginiagoddard1759 6 лет назад
Hi! Do you have any tutorials explaining how to add this as an email signature in Mailchimp? Thank you!
@CreativeLeadershipwithDaniel
@CreativeLeadershipwithDaniel 5 лет назад
So it only works on the first path I drew. Am I missing something? If I do several paths it only works on one so If I do one continuous path it will work but not if I draw more than two.
@jazminzamora8036
@jazminzamora8036 6 лет назад
Heey! Awesome tutorial. I have problems because when i make the outlines, the blue lines never appear and have tried everythung, and nothng helps. :(
@diawnaja
@diawnaja 5 лет назад
Big thanks
@ScotCampbellwindowpainter
@ScotCampbellwindowpainter 7 лет назад
very cool
@gazimushfikurrahman3671
@gazimushfikurrahman3671 5 лет назад
hello! how can i animate text shape stroke in sharp corners in your style? i don't want round corners animate. can you tell me please?
@kaleywongg
@kaleywongg 6 лет назад
Do you have to use adobe illustrator? Can I use a drawing app called Procreate?
@dahyekim2539
@dahyekim2539 6 лет назад
this is the most helpful handwriting tut on earth. thank god!!!!!!
@iamrossmason
@iamrossmason 6 лет назад
I'm glad you like it!
@kokomon_desu
@kokomon_desu 6 лет назад
Nice video, easy to understand ^^. but i got a problem here, i wonder why i can't convert the ai layers to shape in one go. i have to convert them one by one... that's really take time
@anantagaura
@anantagaura 3 месяца назад
Just when I almost gave up on this effect (overlapping thing was so annoying) :-) Thanks!
@stage1musicllc.870
@stage1musicllc.870 4 года назад
How did you "break" the letters in illustrator? thanks
@trimakazem9226
@trimakazem9226 5 лет назад
What’s the name of this program wich u made the signetur inside please?
@corbandallas8644
@corbandallas8644 3 года назад
Huge thanks! Fire ass work!
@iamrossmason
@iamrossmason 3 года назад
Thank you Corban! Appreciate the kind words and the support on the channel :)
@margheritalucchi9851
@margheritalucchi9851 3 года назад
can I ask if you did the text through a font or free hand?
@oskarwalin5634
@oskarwalin5634 4 года назад
Thanks for this, really clear! Is there any way of duplicating the settings on the stroke so you don't have to set up the brush size etc each time?
@iamrossmason
@iamrossmason 4 года назад
Oskar Walin Yeah you can copy and paste the stroke effect from one layer to another! :)
@muhammadhaiqal3660
@muhammadhaiqal3660 19 дней назад
Hello I'm just wondering if it also can be applied with Photoshop files
@bayrouth1
@bayrouth1 6 лет назад
OMG THANK YOU
@iamrossmason
@iamrossmason 6 лет назад
You're most welcome!
@alicebubblegum7679
@alicebubblegum7679 4 года назад
Very good tutorial
@iamrossmason
@iamrossmason 4 года назад
Thank you Alice!
@lastcallquebec8252
@lastcallquebec8252 6 лет назад
how do i split the texte in layers?
@savithkk8171
@savithkk8171 6 лет назад
Thanks Ross Mason.......
@iamrossmason
@iamrossmason 6 лет назад
You're welcome!
@esteramelindabalan7878
@esteramelindabalan7878 4 года назад
I find your tutorial very helpful. I've got only one question... what can I do when I choose Reveal Original Image (by Stroke effect) and it doesn't appear any outline of the original letter. I have the same options as you but I can't find the problem. Thanks!
@iamrossmason
@iamrossmason 4 года назад
Lamoly Estera Draw the path before you change to ‘Reveal Original Image’ so you can make sure the stroke is covering the whole letter! Hope this helps :)
@AbdulAziz-co8rm
@AbdulAziz-co8rm 3 года назад
how do i make my brush rectangular? so it reveals with a box corner
@f.uckendo
@f.uckendo 4 года назад
How do you arrange your layers by file type?
@dsmith8196
@dsmith8196 6 лет назад
Fantastic tutorial. Exactly what I wanted to achieve, and you explained it perfectly clearly. Particularly appreciate you showing how you had divided up the Illustrator paths. Really couldn't hope for a better explanation of this process. Could do without the background music. Quite unnecessary and a bit irritating, especially given your audio quality is not that great. But thanks for taking the time Ross. Much appreciated.
@tuanphan5314
@tuanphan5314 5 лет назад
We're talking about 3D animated backgrounds, text, lower thirds, intros and outtros, and yes even 3D animated spokespeople to overlay on your videos. There is no other software in the world that can do what this software >> videobuildersoftware7.blogspot.com can do for you...
@caglariuskara3782
@caglariuskara3782 5 лет назад
Hi Ross, The video is exactly life saver. However, i am stuck in one step, as some others did, My problem is i used seperated text layers with a solid background, created outlines thingie, then added stroke to my first letter, filled "All masks" , made "Brush Hardness; 100%" and "Spacing 100%". Chose pen tool and clicked for "Tool Creates Mask". However, i dont why but i can't see the white line, but just the thin line showing pen tool's trace. When i changed the brush size, nothing changes.. I followed the same process several times. What can be my problem? If anybody can help me to figure it out, it will be marvelous. Thanks.
@AlexCAnderson
@AlexCAnderson 7 лет назад
This is exactly what I was looking for - how to animate a handwritten cursive text logo, but how do you exactly turn the pieces of text into different layers in Illustrator?
@iamrossmason
@iamrossmason 7 лет назад
Thank you for the kind words! If you're simply using a font, with the text selected, go up to Object>Expand, then right click on your text and press Ungroup. Your text will still be in one layer, so select that layer and press Release to Layers (Sequence) from the drop down box in the layers palette. Then drag all the new layers out of the group and you should be done! Hope this helps :)
@josiahrodriguez9864
@josiahrodriguez9864 6 лет назад
Exactly my question! Good stuff man! Keep uploading videos!
@mariev81
@mariev81 4 года назад
Thank you!
@iamrossmason
@iamrossmason 4 года назад
Thank you for watching!
@christopherochoa4145
@christopherochoa4145 6 лет назад
Any Rx on what to do with lettering/shapes that have some drastic variations in line thickness? This example's great, if you're text stroke is pretty uniform like this example. My question is if you've got something that goes from thick to thin tapers, and your pen mask is a uniform weight, what's the best way to tailor make a mask to perform this same effect and more cleanly hug those variations without having to over/under mask with the pen tool?
@iamrossmason
@iamrossmason 6 лет назад
This is a good question, you may be able to animate the brush thickness to be able to animate it smoothly or you would have to make separate layers in Illustrator so it then animates better in After Effects. Hope this helps :)
@galileor713
@galileor713 5 лет назад
thanks
@andreaaar15
@andreaaar15 6 лет назад
Hello, this video is sweet and very helpful, would I be able to use the animation as a png (no background) I would like to add it to my website but it would be displayed on top of a picture.
@iamrossmason
@iamrossmason 6 лет назад
Of course, when exporting, go into the Output Module and change the Channels from 'RGB' to 'RGB + Alpha'. Make sure you don't have a solid as a background in your project though! I hope this helps :)
@MadiReem
@MadiReem 6 лет назад
Hello Ross, Thank you for the video. But I'm stuck on one step. When I'm adding the stroke effect to my letter shape, I changed the effects panel according to your video and changed the pen tool to create mask not shape. However, my pen just doesn't give me the thick white line as it does in your video. Im not sure what I'm doing wrong :/. Any help please?
@iamrossmason
@iamrossmason 6 лет назад
Reem Madi Check the parameters on your ‘Stroke’ effect and make sure your brush size has been increased and that your ‘End’ parameter is at 100% 😄 Let me know if this helps
@MadiReem
@MadiReem 6 лет назад
i went back a few steps and did everything as you said. It worked out. I don't know which part i F-ed up at first but its all good now. Thanks for your prompt reply Ross!
@AldenBunagCDAD
@AldenBunagCDAD 6 лет назад
Hi, I did the same exact thing but the stroke isn't showing at all.
@HYOKI1991
@HYOKI1991 6 лет назад
I'm having the same issue!
@yuanlingxi3263
@yuanlingxi3263 6 лет назад
same problem!!!! but I figured out! it's under stroke and then path. there's a box that says all masks and you need to tick that!
@geckospectrum1488
@geckospectrum1488 6 лет назад
Can you do this with drawing in photoshop drawn with the brush tool if not what would I have to use ?
@iamrossmason
@iamrossmason 6 лет назад
You can but you'd have to cut all the letters up into different layers! Adobe Illustrator would be better :)
@billymangino8443
@billymangino8443 6 лет назад
When I create shapes from vector layer 2 out of the 3 layers become invisible even though the fill color for all 3 are set to white...
@iamrossmason
@iamrossmason 6 лет назад
Make sure they're all on separate layers in Illustrator or that there isn't a layer above them in After Effects!
@jcamacho4161
@jcamacho4161 4 года назад
Yoo the little background music’s firee any way you can let me know which song it is or what beat it is
@magdalenaczarnota7180
@magdalenaczarnota7180 4 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ZCx0X2YSd1M.html
@ebteha9122
@ebteha9122 3 года назад
what kind font you use?
@deleoson
@deleoson 6 лет назад
Hello! Thank you for the tutorial. I am stuck on the part where you press "create shapes from vector layer" that button is grayed out and I cannot press it. Please help!
@deleoson
@deleoson 6 лет назад
Also, only "composition" is available when importing the file, rather than "composition - retain layer sizes". Maybe that has something to do with it.
@iamrossmason
@iamrossmason 6 лет назад
That may possibly be it, are you trying to import an illustrator file? If so, there shouldn't be a problem
@henrypreminger4542
@henrypreminger4542 6 лет назад
Sweet man! What pc specs you using for work in after effects? Thanks ahead
@iamrossmason
@iamrossmason 6 лет назад
I use an iMac with an i7, 32GB of RAM, 3TB Storage, NVIDIa GeForce GTX 780M 4GB!
@sarahmatthew6658
@sarahmatthew6658 2 года назад
can't find the 'tool create mask' on the 2022 AE! so this tutorial doesn't work for me
@jyp6655
@jyp6655 4 года назад
Why does one of my ai files import in a much shittier quality? My first file imported with normal dimensions but the second file imported at like half the size
@123kamaz321
@123kamaz321 5 лет назад
how is it done in illustrator
@Merjhal
@Merjhal 6 лет назад
Can you do this without illustrator text? Like using a font in Photoshop (i don't know how to make a text in illustrator as i only use Photoshop)?
@iamrossmason
@iamrossmason 6 лет назад
You can yes!
@Haylac
@Haylac 6 лет назад
Would you just make it one layer? or make it 1 layer per word? If you were to use a Photoshop font?
@lornatheexplorer3051
@lornatheexplorer3051 6 лет назад
Great tutorial, thanks! The after effects part is all very clear but I'm struggling a little with getting my letters prepared in illustrator. The type I'm using has a lot of overlaps as it's script style. What is the best way of cutting up the letters into layers for this animation effect? Thanks in advance!
@iamrossmason
@iamrossmason 6 лет назад
You can use the knife tool or the scissor tool with a little bit of adjustment using the pen tool to cut it or if you have the patience too, I would recommend re-vectoring it bearing in mind how it's going to need to be animated in After Effects. Hope this helps :)
@asemalsuty4448
@asemalsuty4448 2 года назад
Excellent please where is the other effects of work in tutorial
@andrewpadilla408
@andrewpadilla408 6 лет назад
Hey man! Would you by any chance have a tutorial on connecting the letters together in AI?
@KieranBond
@KieranBond 5 лет назад
put them close together and then use the first icon on the pathfinder tool
@alayciaaa
@alayciaaa 7 лет назад
The color of my handwritten type is not the same in After Effects than Illustrator. It looks like a brighter yellow. Did I do something wrong?
@iamrossmason
@iamrossmason 7 лет назад
You can change the colour of the text in After Effects by applying the effect 'fill' from the effects and presets panel. Just copy the hex code from Adobe Illustrator and paste it into the 'fill' effect in After Effects. Apply this effect to all of your handwritten layers. Hope this helps :)
@sololeveling5553
@sololeveling5553 6 лет назад
Hi, I'd like to ask, how do you split letters into layers if you use font text (not hand-written like yours)??
@iamrossmason
@iamrossmason 6 лет назад
There isn't actually a single method to achieve this in after effects, so the best way to do this is probably type your text out in Illustrator and use the 'release to layers (sequence)' method and import it into after effects. Hope this helps :)
@sololeveling5553
@sololeveling5553 6 лет назад
thank you very much
@delgadomaggi3032
@delgadomaggi3032 6 лет назад
Hello, can you do this with a photoshop file? I tried but I couldn't find the option to "create shape from vector layer." Any help will be much appreciated. Thank you
@iamrossmason
@iamrossmason 6 лет назад
From what I know, I believe you are only able to do this using Illustrator, at least with the method demonstrated in this video.
@delgadomaggi3032
@delgadomaggi3032 6 лет назад
Ross Mason thank you so much for your quick response.
@dominicmcmahon4798
@dominicmcmahon4798 5 лет назад
Bro what is the resolution of your screen? Don't just say 4k. Thanks
@andersontwang6222
@andersontwang6222 4 года назад
Do you have a tutorial on how you separated those overlapped layers in Illustrator?
@iamrossmason
@iamrossmason 4 года назад
I have an updated version of this tutorial where I go over how to separate the layers :) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-rpfxtvaRXFA.html
@MrSebadecesare
@MrSebadecesare 4 года назад
Hi, this guy explains how: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-6kig4gJc8_Q.html&feature=emb_logo
@TheDex302
@TheDex302 6 лет назад
Great Tut! What font do you use??
@iamrossmason
@iamrossmason 6 лет назад
Thank you! I hand-lettered it myself :)
Далее
Art is not dead {Manga Project Update}
1:35
Просмотров 1 тыс.
How to animate a Calligraphic Text in After Effects
14:33