How to Animate Scrolling Text on a Path in Adobe After Effects CC (Circle, Square, Custom Pen Shape)

Поділитися
Вставка
  • Опубліковано 23 лис 2024

КОМЕНТАРІ • 135

  • @newtubetimes
    @newtubetimes 2 роки тому +9

    Awesome and simple, better than other tutorials that usually show how to scroll the text through rotation, but you made it way smoother and simpler!

  • @tommyngo55
    @tommyngo55 3 роки тому +8

    just saved my life, i've been wanting to learn this for the longest!!!!

  • @hablahhablah
    @hablahhablah 2 роки тому +5

    oh my gawd I was having the worst time with this at first, Took a break came back and BOOM 💥. It worked. Thank you so much 🙏

  • @careyschehl6251
    @careyschehl6251 3 роки тому +6

    I am taking an After Effects class in college and I have learned more from you than in class. Thank you for creating all these wonderful videos!

    • @RalphAlfred
      @RalphAlfred 3 роки тому +1

      I’ve always wanted to learn VfX from some teacher but I always feel like there’s much more info on the net

    • @gbmusica1
      @gbmusica1 3 роки тому +1

      @@RalphAlfred It's crazy isn't it🤷🏾‍♂️

  • @Hmstudio91
    @Hmstudio91 Рік тому

    Thanks, just what I needed without wasting extra time.

  • @X9xredgkoa
    @X9xredgkoa Місяць тому +4

    2:13 how did you add more letters, just adding them makes the text INSIDE TH BOX, why skipped that part?

    • @marcustongue123
      @marcustongue123 28 днів тому

      He doesn't skip..keep watching and he shows you how to do it straight after... Admittedly, I was also confused about this at first, ha.

  • @bootlegoliver
    @bootlegoliver 3 роки тому +3

    You make it look simple and thats what i like! 👍🏻 Very understandable video, thanks for the tutorial.

  • @jennifermeade8895
    @jennifermeade8895 Рік тому +1

    Justin! I know it's been a while, but I'm teaching myself After Effects and googled how to do this this and I didn't realize this was you until after watching! It was super helpful :-)

  • @RockDJZ
    @RockDJZ 3 роки тому

    Thank you so much for the support!!

  • @mrbaleeghkeyframes7987
    @mrbaleeghkeyframes7987 3 роки тому

    thank you so much for making tutorials on youtube
    all support and love from Egypt

  • @camblsoup
    @camblsoup 3 роки тому

    Find it really cool that this guy makes presets for people to use but also teaches people how to do the presets themselves

  • @khmerembasy
    @khmerembasy 2 роки тому

    Thank you for this. Implemented it on some amazing ad creative recently. Worked like a charm!

  • @gopimk3122
    @gopimk3122 3 роки тому

    always i thumbsup your tutorial tipa & eisa they marked u your best video tutorial for 2021

  • @pifa5183
    @pifa5183 Рік тому

    thanks, this was very helpful and easy to follow and understand.

  • @bysshreyas
    @bysshreyas 4 місяці тому

    Thanks for the video man! It is really helpful!

  • @VidarrKerr
    @VidarrKerr 3 місяці тому

    First off, thanks for this! You made this super easy! The only problem I have is that the center "node/nurb/dot" thing is off to the side like yours; when I use the transform > rotate, it rotates around that dot, which is not the center of the circle (path). How do I get that dot into the center of the circle, so that the text rotates around the center of the circle?
    THANK YOU!!!!!
    (BTW, When I use the "first margin" expression, like you did, it works fine. But, I need to do it the transform > rotate way due to other graphics effects I am going to do.)

  • @LS-ih3yf
    @LS-ih3yf 2 роки тому +2

    short, precise, easy to follow, love it

  • @RichMaciverPhoto
    @RichMaciverPhoto 2 роки тому +1

    I REALLY need to know how to do this with objects/images. How do i get images of, for example, a product(s) to rotate around a centre anchor point / in a circle??

  • @hanlierichter847
    @hanlierichter847 Рік тому

    AMAZING tutorial! Congrats!

  • @LifeForkB21
    @LifeForkB21 3 роки тому

    Life saver! I was looking for a video that did just this and within an hour you posted. Magic!

  • @emilyresch546
    @emilyresch546 6 місяців тому

    thanks dude! helped me right away!

  • @BayAreaSkates
    @BayAreaSkates 2 роки тому +4

    how do you get the text to repeat and wrap around like that at 2:19? Whenever I try to copy and paste more text it doesn't show up. Do I have to change my path size or something?

    • @nam6899
      @nam6899 2 роки тому

      Make sure enough text lays out on a straight line then path to mask

  • @SupernovaSites
    @SupernovaSites 3 роки тому +4

    Followed this tutorial but my text turned inwards when flipped and backwards. Then when I copied and pasted it duplicating it, just pasted the text away from the circle not along the circle.

    • @nigrumsoul
      @nigrumsoul 3 роки тому +1

      turn on reverse path

  • @ckm5528
    @ckm5528 2 роки тому +1

    simple under 10 min thanks

  • @eshaansharma280
    @eshaansharma280 3 роки тому

    This is so cool !!! Thankyou justin for this awesome tutorial i absolutely loved it man !!!

  • @moyaz4600
    @moyaz4600 5 місяців тому

    nice tutorial but i wonder if i can replace texts with shapes? as a graphic designer there are often cases like customize texts which are actually shapes but i want to apply text animation on it. this has haunted me for a while as i just started use after effects

  • @stanarthur
    @stanarthur Рік тому

    Great but WTH happened at 2:19 where suddenly the first margin jumps to 240 and the text is wrapped around the circle???

  • @ChannyTao
    @ChannyTao Рік тому

    you saved my life, thanks :)

  • @titan4ik511
    @titan4ik511 2 роки тому

    Thank you thanks for your guide I at least learned something

  • @rociocio__
    @rociocio__ 3 роки тому

    this tutorial is the best, thank u so much

  • @puri-ko
    @puri-ko 3 роки тому

    Thank you for the easy to follow tutorial!! :-) You rock!

  • @mooshu96
    @mooshu96 Рік тому

    really loved this, defs subbing

  • @rizkydharma8373
    @rizkydharma8373 3 роки тому

    Lifesaver bro! Keep workin it!

  • @ArdiOye
    @ArdiOye 3 роки тому

    Excellent tutorial, thank you!

  • @الٱستاذبونيرو
    @الٱستاذبونيرو 2 роки тому

    Thank for this interesting tutorial.

  • @qcloutedsshorts89
    @qcloutedsshorts89 2 місяці тому

    great tutorial

  • @mihailyurkevich9278
    @mihailyurkevich9278 3 роки тому +1

    Help me please(
    I have the text added to the outside of the mask. So if you enable Reverse Path "on" it slides inside and the letters merge on the bend

  • @muddabuwshi
    @muddabuwshi 3 роки тому

    Saving this for later...😊

  • @THE_SMOKE_SHOW_
    @THE_SMOKE_SHOW_ 2 роки тому

    good except what if I want the text to rotate in the other direction?

  • @marcustongue123
    @marcustongue123 28 днів тому

    How can I make the text move anti-clockwise? Thanks.

  • @ecersahin
    @ecersahin 3 роки тому +3

    I used the square for my mask. When the reverse path is on, the text is in the mask and the letters are colliding. When I click to reverse path, the text is outside the mask, but the text at the top of the square looks reverse. How can I solve this problem?

    • @kennyleeyoung
      @kennyleeyoung 3 роки тому +2

      I am running into this problem as well!

    • @alexandremoreira9567
      @alexandremoreira9567 3 роки тому +5

      @@kennyleeyoung I ran into the same problem. Fix: probably you're drawing a rectagle with the text tool before typing the word to animate. Only click and type the word without restrain it with the text box. Hope it fixed it too

    • @kennyleeyoung
      @kennyleeyoung 3 роки тому

      @@alexandremoreira9567 THANK!

    • @3DPete
      @3DPete 3 роки тому

      @@alexandremoreira9567 Big thanks for managing to solve this, saved me a lot of time!

  • @Mokmaheim
    @Mokmaheim 3 роки тому

    Awsome!!!! Thank you!

  • @JimboTMX
    @JimboTMX 3 роки тому +2

    Love love it!!!

  • @TheKingsVault
    @TheKingsVault 8 місяців тому

    Man i wish i could find out how to do this in Davinci Resolve

  • @yodchattantayanon230
    @yodchattantayanon230 Рік тому

    Thank you so much.

  • @dropletgraphics3442
    @dropletgraphics3442 2 роки тому

    Thanks a lot this is helpful

  • @Red_Rebel
    @Red_Rebel Рік тому

    This is sooo cool!

  • @zalik.a
    @zalik.a Рік тому

    Hi,i tried this and it came out good but it is not as smooth as yours,it is looks like the text comes back and tries to move again every second

  • @theascension
    @theascension 3 роки тому

    I am trying to recreate what you did, but the mask isnt showing up on the text path. do you have any suggestions to trouble shoot?

  • @karuniadwinovita6120
    @karuniadwinovita6120 3 роки тому

    Thank you so much!

  • @oggz19
    @oggz19 3 роки тому

    This is soooo cool .... thanks a lot !

  • @shawnrobinson8046
    @shawnrobinson8046 Рік тому

    Thank you!

  • @ultrei
    @ultrei 6 місяців тому

    what to do if i have multiple texts that i want in the same path?

  • @wpy4914
    @wpy4914 Рік тому

    Thank you so much!!!!!!!

  • @plesuski
    @plesuski 6 місяців тому

    tysm so amazing

  • @bacaloccav6960
    @bacaloccav6960 3 роки тому

    I tried to do this and got to the expression part and I keep getting an error message. I typed exactly what you said and it didn’t work. I’m using Pr 2021. I’m selecting ‘option>first margin’ typing time x 200. AE doesn’t like that. Help!!

  • @sededevivertudo
    @sededevivertudo 3 роки тому

    amazing!! thank you

  • @tigercece11
    @tigercece11 2 роки тому

    Thank you!! This was so helpful & easy to understand

  • @syafiq.larrieshoes933
    @syafiq.larrieshoes933 2 роки тому

    for window hold alt click on keyframe

  • @brady_ackroyd
    @brady_ackroyd Рік тому

    Thank you

  • @ShootOverYou
    @ShootOverYou 2 роки тому +1

    When I copy and paste the text it doesn't go around the path but instead stacks it on the bottom. Is there something I'm doing wrong?

    • @JustinOdisho
      @JustinOdisho  2 роки тому

      Sorry I’m not sure off the top of my head

    • @clem.3894
      @clem.3894 2 роки тому

      Hi, you're not supposed to draw a box because the text will be trapped there instead of around the circle. Just click on the composition, write what you want to, draw the mask, then copy paste for it to go around. Do not draw a text box.

  • @dizzenios1716
    @dizzenios1716 Рік тому

    Might as well ask since I've been looking up a solution for a few days. Got a Circular mask with text wrapped around it. I need the mask to scale , while keeping its shape without the text font scaling itself. I know the solution is to tweak the mask path to achieve the result with a double click. However I find it very cumbersome, since I need to be precise and there's multiple layers of text that need to be organized into smaller circles at a relative distance from each other. I was wondering if anybody knew how I could connect it to a slider control or a similar-esque solution. I've tried with the pick whip as well as with the following expression: "valueAtTime(effect(“Slider Control”)(“Slider”));" but neither proved to be successfull.

  • @jacidstrash7399
    @jacidstrash7399 7 місяців тому

    @2:45 how did you fit the text box, to fit evenly and centered on the circle? it jump cuts, and you don't really show that part 😅Because when I copy and paste, the text box isn't even centered with the circle, so it the rest of the "pasting" can't even be visible... unless I completely missed it- in which I'm so sorry.

    • @ImShadowcap
      @ImShadowcap 3 місяці тому

      Could you make it work? I guess I am having the same issue here.

  • @alexxandermwai3171
    @alexxandermwai3171 3 роки тому

    Thank you man

  • @simplyhaniya
    @simplyhaniya 7 місяців тому

    thank you bro

  • @killybold
    @killybold 3 роки тому

    Omg thank you so much

  • @erinaismeyay
    @erinaismeyay Рік тому

    Hello, I'd like to ask! Is it possible to do this in photoshop as well?

  • @ginger---
    @ginger--- Рік тому

    Very helpful! I really wanna do some sht like this ! Hahahaha

  • @Amenitra
    @Amenitra 2 роки тому

    Hello, I'm still a beginner after effects. One question, how do you open this menu at the top of the list at "Ellispe tool"?

    • @TTDTHV_95
      @TTDTHV_95 2 роки тому

      There is a little arrow in the bottom corner just press and hold and it'll come up.

  • @pearljim398
    @pearljim398 2 роки тому

    I'm struggling a little bit at the moment, when I set the text to follow the path on the outside my text on the top is upside down. I've tried a lot of different options to try and fix it but can't seem to find one. Can anyone give me a solution?

  • @s.perera4058
    @s.perera4058 3 роки тому

    Thanks.👍

  • @TheBeliever32
    @TheBeliever32 7 місяців тому

    can we do the square one like in premier pro? how?

  • @TheKingsVault
    @TheKingsVault 8 місяців тому

    How do you get it to loop endlessly?

  • @swashyhimself
    @swashyhimself Рік тому +3

    I don’t like the way it goes round the corner

  • @kenneth7685
    @kenneth7685 5 місяців тому

    what is the option keyboard on keyboard?

  • @t0m.x728
    @t0m.x728 3 роки тому

    ayy thx bro

  • @alysse8243
    @alysse8243 3 роки тому

    thanks!

  • @mira-graphics
    @mira-graphics 2 роки тому

    jUST AWESOME

  • @MoodyAlshehaby
    @MoodyAlshehaby 3 роки тому

    Thanks for the video. Cool animation. What’s the name again of your screen recording program? I would appreciate your response. Thanks.

    • @JustinOdisho
      @JustinOdisho  3 роки тому +1

      Thanks I use screenflow I have a tutorial on it

    • @MoodyAlshehaby
      @MoodyAlshehaby 3 роки тому

      @@JustinOdisho thanks. I’m gonna look for it.

  • @mitbrother
    @mitbrother 3 роки тому

    so cool!

  • @Ninjakiller3525
    @Ninjakiller3525 3 роки тому

    Is this only possible with closed paths?

  • @vfx888
    @vfx888 3 роки тому

    Handy thanks

  • @bookssummaries2023-mp3yy
    @bookssummaries2023-mp3yy Рік тому

    great stuff/

  • @gbmusica1
    @gbmusica1 3 роки тому +1

    Can this be done in Adobe premiere pro?

    • @JustinOdisho
      @JustinOdisho  3 роки тому

      Not easily

    • @gbmusica1
      @gbmusica1 3 роки тому

      @@JustinOdisho whi you telling man I been here since I wrote that comment trying to do it. You see I changed my profile picture to it but can't get it to rotate around it as a video🤦🏾‍♂️

  • @chilipi1000
    @chilipi1000 3 роки тому

    Super Sir

  • @MJ-up1ms
    @MJ-up1ms Рік тому

    With what screen capturing are you working?

  • @gotshotbyher
    @gotshotbyher 3 роки тому

    Hey Justin, im having issues with this. I sent an email to you with a screen recording of what I did. hope you can help, because I don't see where I went wrong.

  • @josejimenezvega
    @josejimenezvega Рік тому

    Sorry, I really tried to do everything step by step but just couldn't get the same result.

  • @garethellison01
    @garethellison01 3 роки тому

    Anyone know why when creating a circle it sits at the top and goes down as 'shape layer 1' rather than mask? The writing appears behind the circle? Sorry new to Ae. 🤯

    • @garethellison01
      @garethellison01 3 роки тому

      Got it! For some reason when you play around with positioning on the text before forming the make/circle it mucks the sequence up. Wait until you have completed the effect then tweak positioning. 😆

  • @singersewingmachine7657
    @singersewingmachine7657 3 роки тому

    I keep getting a pick-whip symbol instead of a drop down menu to pick my mask. Anyone else?

  • @avpthegreat1903
    @avpthegreat1903 3 роки тому

    How can we make it in premiere pro?

  • @alexanderstephen1567
    @alexanderstephen1567 Рік тому

    How to make it a loop?

  • @sanconejor
    @sanconejor 3 роки тому +1

    Justin u the goat ! lemme know ur thoughts on this video: LEITI SENE - I NEED DRANK (Dir. by @UNPLUG TV ) hehe (maybe do a breakdown on all the effects) pretty crazy lolll

  • @maydini5259
    @maydini5259 3 роки тому

    i love you

  • @jeffc5780
    @jeffc5780 3 роки тому

    how do you save it for just 20 seconds?

  • @kdlb_29
    @kdlb_29 3 роки тому

    Shout out next time pls! Kahlia Bayani I subscribed! I already said this a thousand times. Best adobe tutorials ever!

  • @yemsanlaeidcreative
    @yemsanlaeidcreative 2 роки тому

    How do you duplicate the text?

  • @jemwaves
    @jemwaves 2 роки тому

    Why my text go the opposite way 🙃lol

    • @JustinOdisho
      @JustinOdisho  2 роки тому

      Try inverting or fliping the path or moving the text cursor before typing to the top of the line theres a way around it based on where you start

  • @RickyCraft25
    @RickyCraft25 3 роки тому

    🤠🌊

  • @xradical89x
    @xradical89x 3 роки тому +1