Easy Typography Tutorial: Reveal Text Animation in Adobe After Effects

Easy tutorial on how to do revealing text on Adobe After Effects.
Want more? Subscribe to my channel. Let me know what tutorial you'd like me to do in the comments xx
◆ Follow me:
FB: / hi.animotion
IG: / animotion._
◆ Tag me on Instagram & Facebook if you use my tutorials to create your own version of animation. I will repost it, if you allow it :)
◆ I'm available for hire. Check out my personal work:
vimeo.com/sharin
/ itssharin

[@agirlnameandy]

If I want to use an object instead of text, how do I apply this same effect?

[@Animotion1]

Hi unfortunately you can't do that. This effects only works for text. If you wanna do it on an object, you have to manually animate the position one by one. Otherwise, there must be an expression out there to automate it (idk any).

[@jaymcvitt1582]

Thank you for asking this... this tutorial didn't work for me because I'm using png's as my text.

[@just.do.something]

I may have to listen to your voice when I'm stressed. So calming! Thanks for a great video!

[@monicasdesignprocess]

Love how simple and to the point this tutorial is, thank you for sharing! 😁

[@Animotion1]

Hey Monica! You're most welcome, glad you think so!! xx

[@tomoldridge6908]

This was so helpful! Thank you, the best tutorials on KZbin : )

[@Animotion1]

Glad it was helpful! thanks Tom!

[@ItsJustMeStevie]

Thanks for this “straight-to-the-point” tutorial. Loved it! Btw: your voice is so soothing lol... just saying 🤪

[@charlotteniza936]

CAN I SAY THIS CHANNEL HAS SAVED MY LIFE? ily, this tutorials are so easy to follow and so useful. Thank you so much ♥♥♥♥

[@Animotion1]

AWW you're very welcome, Charlotte :)

[@wise1beats]

Quick, easy & xactly what I was looking for! Thx Sharin!

[@zaraaarad]

U have nooooo idea how much i needed this 💞🌱

[@Animotion1]

Awwwww I'm glad to hear that!

[@MrQuentini]

First time I've tried to do anything on AE and it was pretty painless. Thank you !!

[@marcelocastroandreo]

Thank you for sharing. Your explanations are clear and simple. Fantastic.

[@DauviMusicOfficial]

I just wanted to say that your videos are super helpful! Simple and easy to follow for a beginner like me. Thank you so much!

[@Animotion1]

I'm so glad to hear this! No worries at all. Would love to see your version! If you post it on Instagram/Facebook, make sure to tag me! (Link in description)

[@slaykei7132]

Amazing tutorial, short and understandable! Love your channel, definitely worth subscribing!

[@Animotion1]

Aww! You're too kind! Thanks for tuning in. Feel free to watch my other videos!!

[@slaykei7132]

@@Animotion1 Thank you for making the videos! They helped me a lot!

[@TheSilentEvil]

You're very, very talented. Thank you very much for these straight to the point tutorials! Greetings from Brazil. =)

[@daichi_devs]

loving your concise tutorials! thank you! and the audio seems to have gotten a lot better!

[@Animotion1]

hey! glad you think so, thank you. haha yes, I got myself a microphone finally :p

[@TweetyPie346]

So simple and to the point! Thank you so much 💕

[@abdelkadersoudani1955]

You got yourself a new loyal subscriber ❤️

[@raphaelamoraes3970]

Pretty nice! You could also add rotation directly to the position animation, so that you don't have to put ease ease and offset again. The essence is the same, just save a bit of time.

[@Animotion1]

Ah great point! I think the reason why I separated them is so that I have more control on it, hence why I offset them :D

[@jananivivek9142]

Thank you! Easy to follow, clear and elegant.

[@joses.m9646]

Woow thanks sooooo much!! I’m looking for this and you make look so easy and quickly. Thanks from Equator 🙌🏾🙌🏾🙌🏾

[@Animotion1]

Hey Jose! Im so glad you think so! Stay tune for more tutorials!

[@danisentinella]

Oh, you are amazing! It's so easy to learn with you, Sharin! For sure you got a new loyal subscriber! Can I suggest a video subject? Can you do a video explaining the Graphic Editor? I am always having doubts about how to use the curves to do what I want the movement to do. Well, thank you

[@Animotion1]

Hi Daniela! You're too kind, thank you so much! Yes i have already made a tut about keyframes&graph editor: kzbin.info/www/bejne/jaq4ZGOsnLNkZpY Feel free to check out my channel, since I've done a lot of other tutorials!

[@michaelmakaminan6377]

Thank you so much!!!! love your voice as well!!

[@oraclemedia9266]

nice. short. and effective! Thank u so much!

[@Animotion1]

Thank YOU for watching!!

[@veraniasantin6373]

Thank you so much, you are so talented. You helped me with my homework

[@peterllanos8532]

Thanks young lass, it realy helped me!!!

[@hudhudtv4155]

Thanks,,easy to follow :) more tutorial pls on typography !!

[@Q2Japan]

Awesome! Thank you~

[@TonyFalcon76]

very nice and easy, thanks so much

[@muhammadfajari2253]

thank you so muchh, this was so helpfull!!

[@norataehyung1063]

Love that tutorial!! I tried to find set matte in German Language but cant find this effect😮‍💨

[@wilsonfernandez9658]

I've tried concentrating the steps. but i just cant help wonder what cute voice you have. Although thanks for the tutorial :)

[@idontloveeatingchairs4570]

1. Make rectangle with shape tool (sit just below the text) 2. Put the shape layer under the text layer 3. Search for Set Matte under Effects & Presets and drag to your text layer 4. Take matte from shape layer 5. Turn on invert matte Text animation 1. Animate position 2. Hide text under matte with position 3. Under range selector animate offset (0-100) and easy ease, animate speedgraph extra ~flavour~ 1. Under advanced change shape to ramp up 2. change offset first keyframe to -100 3. Under animate, add rotation and rotate 4. Change offset for rotate from 0-100

[@inar9566]

hai Sharin, mau tanya, I missed the wiggle part. I've watched several times but couldn't find that part. I only found the text Add-Selector-Wiggly, but where should that be added? Thanks for the short to-the-point tutorial :)

[@antonelloreverte9151]

thank you for this video! Greettings from Mexico!

[@aqiladitya18]

this was very helpful! may i know what font did you use in this video? thank u sm :D

[@gokcanselem8021]

I love it! Thank you so much.

[@ploboso]

Short and useful tutorial, thank you so much

[@sophiareads]

I really love it thx, but how can I save it as a preset?

[@3NGUOINHAT1NGUOIAN-xu2ec]

thank you so much

[@4988raja]

amazing. loved it! subscribed too!

[@Manuelita0001]

this is very useful, thanks

[@Animotion1]

You're welcome!

[@marceloromero9850]

u can just creat an square and put the text link to this on alpha matte, on the first step. But thanks for teach how to animate a txt :) very nice

[@houiderwalid5842]

Thank you so much for this helpfull tutorial, can you help me with how to stop the animation after it's completed ? like making the text invisible again

[@Animotion1]

You can copy paste those keyframes, then select on those keyframes and right click, then select time-reverse keyframes :)

[@aliverveine]

Hey! Could you please tell which version of After Effects you use in this video? It seems like I don’t have this animation option.

[@Animotion1]

Hello! This is AE CC 2020. Are you saying you can't find Text Animators? Or you can't find Set Matte?

[@BestVideos79]

I´m having the same problem, I don´t get that "animate" button

[@Cheekydimplez]

Thanks helped me so much!! 🤗

[@nabilatiaraputri1841]

pretty good

[@meiwaseifany7389]

block the keyframe and right click on the keyframe, keyframe assistant>easy ease.hope it helps

[@Canadakingfist]

simple but massive!

[@yuelingtan5825]

Thank you so much!!!

[@dennysutanto8719]

Makasii mbak Tutorial nya, ini membantu Project aku banget meski hanya simple text

[@Animotion1]

Awww glad to hear that! Makasihh udah nonton yaa

[@joelmuller8062]

thx 4 Ur video amazing!!!

[@Yuukapsyche]

Hi hun, thank you for your amazing tutorial! I am just wondering, how can I export finalised work with a transparent background as a gif??? it seems like it's impossible to do :(

[@Animotion1]

Hey you're welcome! To export as GIF, you can use a plugin. I have a review here: kzbin.info/www/bejne/oHfZZpidnLB4ftE

[@nicolasbty2698]

Hello ! I'm a beginner in AE and I've seen your tutorial ! But I have a problem : When I want to increase the speed, the curve screen is not like that. I've checked other tutorials and I have the same problem. The curves screen is not like the other users :(

[@Animotion1]

Hey Nicolas, thanks for your kind words! There is no one way to do speed graph. Different curve, gives different effect. What I did here, of course, might be different to others. The curve that I did here isnt necessarily to "speed up" the text. It basically just means the animation starts from 0 speed, the ramps up 1/4 of the way, then slows right down at the end. If you wanna understand how graph editor/curves work, feel free to watch this tutorial: kzbin.info/www/bejne/jaq4ZGOsnLNkZpY Hope that helps!

[@ViaJM22]

Hello! I'm just curious what's the difference between using the 'set matte' effect versus using the 'trkmat' option on the layer itself? :) Thank you!

[@Animotion1]

They're pretty much the same thing! Although using set matte, you can use only one layer to "matte" a couple of others. Whereas trkmat, you have to have a matte layer for every single layer

[@샘-g2w]

So awesome!

[@bobciosain]

When I animate the offset I can see the cursor move but the text is alway present. Would you know why?

[@ramalsrougi]

Thank you 😍😍😍❤

[@devchauhan2421]

Mam ..Can you please make a video on ...how to do this in Adobe premiere pro...Please

[@Bredokiin]

Omg, your voice is similar to my informatics teacher's back at school, but she doesn't speak english though. So strange feeling... btw nice and clear tutorial thx

[@Animotion1]

Hahah thanks for your kind words!

[@positpixel]

Thanks! Super useful.

[@turtlegreenpepper]

Thank you!

[@ElAntroDeDager]

TY!

[@alicegill5676]

My text doesn’t disappear behind the rectangle when I turn on invert matte, does it matter?

[@damedaniel6374]

Hi, what type of font do u use in this video? Thank you

[@lizibeff]

So a matte layer is basically a mask layer?

[@teaskii]

How do i do this with a moving background, i made an animated gradient background and the square i made was only white, im a beginner :

[@Mrwheels07]

Thanks

[@luna-chan9067]

Tutorial starts at 0:00!

[@chiveshorses9459]

Very helpful ❤️

[@hajm6815]

Hi there. Thanks for the tutorial. I was not sure what you said or meant at 1:17? Easy ease this? what did you mean? Thanks.

[@Animotion1]

Hey Hajra, "Easy Ease" is a term in AE that means smoothing out your key frames. You can Google it for more info, or I have a tutorial that talks about keyframes here: kzbin.info/www/bejne/jaq4ZGOsnLNkZpY

[@hajm6815]

ANIMOTION by Sharin Yofitasari ahh thanks for clarifying! :)

[@hajm6815]

@@Animotion1 I am trying to animate three words at a time, can I ask how this would be done? Would all you have said in this tutorial still apply to three words? Thanks. :)

[@supermegaleon]

beautiful didactic!! you are the best

[@Animotion1]

I had to google what "didactic" is haha. Thank you!! Hope this helps. Stay tune for more tutorials x

[@supermegaleon]

@@Animotion1 I meant didactic or way of teaching. Sorry for my bad English, I'm from Mexico. by the way your voice is perfect too. thanks for all

[@JasonQueue]

your voice is so nice!

[@ilikegoingout532]

I followed every instructions. Not sure why my matte'd shape can't hide texts.

[@ДмитрийОсипов-м9д]

That's a cool one. The more I know

[@kyrenetam9014]

what font did u use haha also this is really helpful tysm!

[@Animotion1]

Hey Kyrene! The font is Mogena :) i'm glad you find it helpful! Thanks for watching :)

[@belent8103]

Is this working the same using a png format (with the word i want to animate) instead of the text?

[@Animotion1]

Hey Belen! Unfortunatley this only works with text!

[@vincentsequeira3723]

thankyou

[@mariacamilagarciabedoya6220]

gracias!!!

[@Animotion1]

de nada :)

[@rizkydharma8373]

Livesafer! Gotta sub rn

[@KoolKidYanno]

Hi, how did you make a separate animator for the rotation? Whenever I do it, it just places it underneath animator 1.

[@normalityAL]

I have the same question for this. I cant get the rotation to be on a separate animator 2 as seen at 2:09 please help!

[@arimaflow]

Hi! Sorry it might be a late answer, I just tried this tutorial. I first select the layer that I'm working on (in this case the Reveal text layer) and then added Rotation... it now adds as Animator 2 :)

[@Animotion1]

Omg sorry for the late response. You need unclick the Animator 1 before adding a new value. And make sure you select the "Animate" not "Add"

[@rafaeldupalio19]

good job!

[@cinevideo959]

Thank you

[@alexaugustus1011]

I tried to export this animation to json but I think its not working ... the bodymovin exported a json but the invisible square just don't get well.

[@Animotion1]

Hmmmm yeah that's tricky with JSON! You can maybe export this as .mov first then convert to Json?

[@marianaciton6211]

thank you!!

[@Animotion1]

You're welcome!

[@julieebee7713]

Can I do this in the 2018 version?

[@RashidAli-yh2un]

fount name plz

[@tamilgamingmyfate]

Your voice is so sweet 💕

[@anitab9779]

Ì can see the text through the shape ? don't know how to fix this .

[@timcity]

Why use "Set Matte" and not just apply an alpha matte to the rectangle on top of your text? Seems like an extra step.

[@Animotion1]

Does "Cos I want to" count as an answer?

[@joaomiguelbdb]

It is not easier to put the matte layer above the text layer and change the track matte of the text layer to inverted alpha? Instead of creating a set matte effect

[@Animotion1]

Hey yep you can absolutely use track matte too. There's no right and wrong! :) I use track matte all the time, but I want to get used to using Set Matte :)

[@joaomiguelbdb]

@@Animotion1 Thanks! I've never used Set Matte, but I think it's worth using when we're trying to apply the same reveal effect in many layers at the same time/same comp, right? In that way we don't need to create various solid layers to apply the track matte individually in each text layer, for example. Is it right? Great video, btw!

[@Animotion1]

@@joaomiguelbdb you are absolutely right, I didn't think of that actually! And thank you for watching. Let me know if there's any specific tutorial you want me to do :)

[@joaomiguelbdb]

@@Animotion1 Ok!

[@gamehub9286]

i tried but my text didnt hid behind matte layer :/

[@emmaovi4855]

hey, i might be 6 months late on this, but make sure your matte layer has a FILL in it! thats what fixed my issue. it needs to be a filled solid, cant be empty. then you'd turn the eye icon off so it's not visible.

[@lukebentlay]

Didn't work for me at all..... I'm using a PNG text instead of text in AE.... Would this change anything?

[@Animotion1]

Hey Luke! Yeah sorry this point works with a text layer. PNG is an image file, which don't apply to this.

[@dinidermawan5504]

can I do this in my After Effect 2018?

[@Animotion1]

Should be able to!

[@butchdeloria2995]

Did not work, my shape layer doesnt go invisible, my text doesnt wobble . Unclear weird subtitles popping up randomly .

[@Animotion1]

you gotta make sure that the matte layer is off first. Also this is an old tutorial. The new AE has a new matte feature that would make it way easier for you. If things still doesn't work, try do it again from scratch. It worked for other people :)

[@tomevans3798]

Incredible :)

[@yonghansong5296]

What is the font that u use?

[@Calciumchlorid]

how can I feather the matte ?

[@Animotion1]

hey! if you're using shape layer like I did, add Gaussian Blur to it Otherwise, instead of use shape layer, use Solid and create mask on it. Then add feather :)

[@saidabouaziz7033]

i dont know whyy but when i do the position thing at first it doesnt go down it goes to right and leeft

[@Animotion1]

Hey! You might be adjusting the X position? You need to adjust the Y value :)

[@waterme1o970]

what do i do if i don't see the option animate i need help !!!

[@Animotion1]

hey! make sure you're using text layer :)

[@qualitzkid]

but how do i get the text layer girlie??

[@Animotion1]

Oh! Literally just go on the Text Tool or hit T on your keyboard. And then click on the screen :D no fancy way, just basic thing you'd do in any design/animation softwares!

[@lettuce4203]

font pls

[@nayyarali96]

like video with sweet voice