Easy Typography Tutorial: Reveal Text Animation in Adobe After Effects

Поделиться
HTML-код
  • Опубликовано: 25 окт 2024

Комментарии • 164

  • @agirlnameandy
    @agirlnameandy 2 года назад +9

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

    • @Animotion1
      @Animotion1  2 года назад +6

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

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

  • @just.do.something
    @just.do.something 3 года назад +30

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

  • @monicasdesignprocess
    @monicasdesignprocess 4 года назад +23

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

    • @Animotion1
      @Animotion1  4 года назад

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

  • @ItsJustMeStevie
    @ItsJustMeStevie 3 года назад +12

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

  • @tomoldridge6908
    @tomoldridge6908 4 года назад +15

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

    • @Animotion1
      @Animotion1  4 года назад

      Glad it was helpful! thanks Tom!

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

    U have nooooo idea how much i needed this 💞🌱

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

      Awwwww I'm glad to hear that!

  • @charlotteniza936
    @charlotteniza936 4 года назад +1

    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
      @Animotion1  4 года назад

      AWW you're very welcome, Charlotte :)

  • @MrQuentini
    @MrQuentini 2 года назад +1

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

  • @wise1beats
    @wise1beats 3 года назад +2

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

  • @TweetyPie346
    @TweetyPie346 3 года назад +2

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

  • @DauviMusicOfficial
    @DauviMusicOfficial 4 года назад +1

    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
      @Animotion1  4 года назад +1

      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)

  • @abdelkadersoudani1955
    @abdelkadersoudani1955 4 года назад +1

    You got yourself a new loyal subscriber ❤️

  • @daichi_devs
    @daichi_devs 4 года назад +1

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

    • @Animotion1
      @Animotion1  4 года назад +1

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

  • @marcelocastroandreo
    @marcelocastroandreo 2 года назад

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

  • @jananivivek9142
    @jananivivek9142 2 года назад

    Thank you! Easy to follow, clear and elegant.

  • @raphaelamoraes3970
    @raphaelamoraes3970 4 года назад +2

    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
      @Animotion1  4 года назад +1

      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

  • @slaykei7132
    @slaykei7132 3 года назад +2

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

    • @Animotion1
      @Animotion1  3 года назад +1

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

    • @slaykei7132
      @slaykei7132 3 года назад

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

  • @oraclemedia9266
    @oraclemedia9266 2 года назад

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

    • @Animotion1
      @Animotion1  2 года назад +1

      Thank YOU for watching!!

  • @TheSilentEvil
    @TheSilentEvil Год назад

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

  • @danisentinella
    @danisentinella 3 года назад +1

    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
      @Animotion1  3 года назад

      Hi Daniela! You're too kind, thank you so much! Yes i have already made a tut about keyframes&graph editor: ruclips.net/video/WyU30vgN104/видео.html
      Feel free to check out my channel, since I've done a lot of other tutorials!

  • @michaelmakaminan6377
    @michaelmakaminan6377 3 года назад

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

  • @veraniasantin6373
    @veraniasantin6373 3 года назад

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

  • @Q2Japan
    @Q2Japan 2 месяца назад

    Awesome! Thank you~

  • @PLlr8
    @PLlr8 4 года назад +2

    Thanks young lass, it realy helped me!!!

  • @muhammadfajari2253
    @muhammadfajari2253 3 года назад

    thank you so muchh, this was so helpfull!!

  • @TonyFalcon76
    @TonyFalcon76 3 года назад +1

    very nice and easy, thanks so much

  • @idontloveeatingchairs4570
    @idontloveeatingchairs4570 11 месяцев назад +1

    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

  • @hudhudtv4155
    @hudhudtv4155 3 года назад

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

  • @joses.m9646
    @joses.m9646 4 года назад +2

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

    • @Animotion1
      @Animotion1  4 года назад

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

  • @gokcanselem8021
    @gokcanselem8021 3 года назад

    I love it! Thank you so much.

  • @ploboso
    @ploboso 3 года назад

    Short and useful tutorial, thank you so much

  • @norataehyung1063
    @norataehyung1063 2 года назад

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

  • @antonelloreverte9151
    @antonelloreverte9151 3 года назад

    thank you for this video! Greettings from Mexico!

  • @wilsonfernandez9658
    @wilsonfernandez9658 4 года назад +1

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

  • @4988raja
    @4988raja 2 года назад

    amazing. loved it! subscribed too!

  • @inar9566
    @inar9566 3 года назад

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

  • @Manuelita0001
    @Manuelita0001 2 года назад

    this is very useful, thanks

  • @Cheekydimplez
    @Cheekydimplez 4 года назад

    Thanks helped me so much!! 🤗

  • @샘-g2w
    @샘-g2w 2 года назад

    So awesome!

  • @Canadakingfist
    @Canadakingfist 2 года назад

    simple but massive!

  • @sophiareads
    @sophiareads 2 года назад

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

  • @aqiladitya18
    @aqiladitya18 3 года назад

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

  • @lilimxprice
    @lilimxprice 3 года назад

    Thank you so much!

  • @3NGUOINHAT1NGUOIAN-xu2ec
    @3NGUOINHAT1NGUOIAN-xu2ec 9 месяцев назад

    thank you so much

  • @joelmuller8062
    @joelmuller8062 2 года назад

    thx 4 Ur video
    amazing!!!

  • @positpixel
    @positpixel 4 года назад

    Thanks! Super useful.

  • @houiderwalid5842
    @houiderwalid5842 4 года назад +1

    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
      @Animotion1  4 года назад +1

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

  • @marceloromero9850
    @marceloromero9850 2 года назад

    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

  • @aliverveine
    @aliverveine 3 года назад +1

    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
      @Animotion1  3 года назад

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

    • @BestVideos79
      @BestVideos79 2 года назад

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

  • @ramalsrougi
    @ramalsrougi 3 года назад

    Thank you 😍😍😍❤

  • @dennysutanto8719
    @dennysutanto8719 3 года назад

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

    • @Animotion1
      @Animotion1  3 года назад

      Awww glad to hear that! Makasihh udah nonton yaa

  • @chiveshorses9459
    @chiveshorses9459 3 года назад

    Very helpful ❤️

  • @ilikegoingout532
    @ilikegoingout532 2 года назад

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

  • @nicolasbty2698
    @nicolasbty2698 4 года назад +1

    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
      @Animotion1  4 года назад

      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:
      ruclips.net/video/WyU30vgN104/видео.html
      Hope that helps!

  • @bobciosain
    @bobciosain 3 года назад

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

  • @alicegill5676
    @alicegill5676 2 года назад

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

  • @Bredokiin
    @Bredokiin 4 года назад

    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
      @Animotion1  4 года назад

      Hahah thanks for your kind words!

  • @turtlegreenpepper
    @turtlegreenpepper 3 года назад

    Thank you!

  • @lizibeff
    @lizibeff 3 года назад

    So a matte layer is basically a mask layer?

  • @devchauhan2421
    @devchauhan2421 2 года назад

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

  • @rizkydharma8373
    @rizkydharma8373 3 года назад

    Livesafer! Gotta sub rn

  • @supermegaleon
    @supermegaleon 4 года назад

    beautiful didactic!! you are the best

    • @Animotion1
      @Animotion1  4 года назад +1

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

    • @supermegaleon
      @supermegaleon 4 года назад

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

  • @nabilatiaraputri1841
    @nabilatiaraputri1841 3 года назад

    pretty good

    • @meiwaseifany7389
      @meiwaseifany7389 3 года назад +1

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

  • @ДмитрийОсипов-м9д
    @ДмитрийОсипов-м9д 4 года назад

    That's a cool one. The more I know

  • @luna-chan9067
    @luna-chan9067 4 года назад +5

    Tutorial starts at 0:00!

  • @JasonQueue
    @JasonQueue 3 года назад

    your voice is so nice!

  • @Yuukapsyche
    @Yuukapsyche 3 года назад

    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
      @Animotion1  3 года назад

      Hey you're welcome! To export as GIF, you can use a plugin. I have a review here: ruclips.net/video/jFv5eggKEHo/видео.html

  • @ViaJM22
    @ViaJM22 3 года назад

    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
      @Animotion1  3 года назад +1

      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

  • @teaskii
    @teaskii 3 года назад

    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 :

  • @anitab9779
    @anitab9779 Год назад

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

  • @damedaniel6374
    @damedaniel6374 3 года назад

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

  • @rafaeldupalio19
    @rafaeldupalio19 4 года назад

    good job!

  • @tamilgamingmyfate
    @tamilgamingmyfate 2 года назад

    Your voice is so sweet 💕

  • @julieebee7713
    @julieebee7713 3 года назад

    Can I do this in the 2018 version?

  • @ElAntroDeDager
    @ElAntroDeDager 3 года назад

    TY!

  • @tomevans3798
    @tomevans3798 3 года назад

    Incredible :)

  • @gamehub9286
    @gamehub9286 3 года назад +1

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

    • @emmaovi4855
      @emmaovi4855 2 года назад

      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.

  • @marianaciton6211
    @marianaciton6211 4 года назад

    thank you!!

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

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

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

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

  • @RashidAli-yh2un
    @RashidAli-yh2un 4 года назад +2

    fount name plz

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

    Thanks

  • @kyrenetam9014
    @kyrenetam9014 4 года назад

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

    • @Animotion1
      @Animotion1  4 года назад +2

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

  • @lukebentlay
    @lukebentlay 3 года назад

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

    • @Animotion1
      @Animotion1  3 года назад

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

  • @alexaugustus1011
    @alexaugustus1011 3 года назад

    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
      @Animotion1  3 года назад

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

  • @mariacamilagarciabedoya6220
    @mariacamilagarciabedoya6220 4 года назад +1

    gracias!!!

  • @hajm6815
    @hajm6815 4 года назад

    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
      @Animotion1  4 года назад +1

      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:
      ruclips.net/video/WyU30vgN104/видео.html

    • @hajm6815
      @hajm6815 4 года назад

      ANIMOTION by Sharin Yofitasari ahh thanks for clarifying! :)

    • @hajm6815
      @hajm6815 4 года назад

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

  • @belent8103
    @belent8103 3 года назад

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

    • @Animotion1
      @Animotion1  3 года назад

      Hey Belen! Unfortunatley this only works with text!

  • @dinidermawan5504
    @dinidermawan5504 3 года назад

    can I do this in my After Effect 2018?

  • @KoolKidYanno
    @KoolKidYanno 3 года назад

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

    • @normalityAL
      @normalityAL 3 года назад +1

      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
      @arimaflow 3 года назад

      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
      @Animotion1  3 года назад

      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"

  • @timcity
    @timcity 2 года назад

    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
      @Animotion1  2 года назад +1

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

  • @cinevideo959
    @cinevideo959 4 года назад

    Thank you

  • @vincentsequeira3723
    @vincentsequeira3723 4 года назад +1

    thankyou

  • @saidabouaziz7033
    @saidabouaziz7033 3 года назад

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

    • @Animotion1
      @Animotion1  3 года назад

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

  • @joaomiguelbdb
    @joaomiguelbdb 4 года назад

    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
      @Animotion1  4 года назад +1

      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
      @joaomiguelbdb 4 года назад +1

      @@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
      @Animotion1  4 года назад +1

      @@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
      @joaomiguelbdb 4 года назад

      @@Animotion1 Ok!

  • @Calciumchlorid
    @Calciumchlorid 4 года назад +1

    how can I feather the matte ?

    • @Animotion1
      @Animotion1  4 года назад +1

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

  • @yonghansong5296
    @yonghansong5296 4 года назад

    What is the font that u use?

  • @waterme1o970
    @waterme1o970 4 года назад

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

    • @Animotion1
      @Animotion1  4 года назад

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

  • @lettuce4203
    @lettuce4203 2 года назад +1

    font pls

  • @qualitzkid
    @qualitzkid 4 года назад

    but how do i get the text layer girlie??

    • @Animotion1
      @Animotion1  4 года назад

      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!

  • @nayyarali96
    @nayyarali96 3 года назад

    like video with sweet voice