After Effects Tutorial: Animate Any Object or Text Along a Custom Path

Поділитися
Вставка
  • Опубліковано 28 сер 2024
  • Need help animating your motion graphics!? In this exciting After Effects Tutorial, we will create custom paths that will allow you to take any object or text layer and animate along that path. This animation technique will speed up your workflow and make the position key-framing process easier. In this After Effects tutorial, we will animate a vector graphic and a text layer that will wrap along a path.
    Use shape layers to quickly create you paths and paste them over to your position parameter. To wrap text along a path, create the mask within your text layer and set the path options to your mask.
    Visit our website www.sonduckfil... for more tutorials, giveaways and film and photo gear!
    Social Media:
    Support us on Patreon: / sonduckfilm
    Drop a like on Facebook: / sonduckfilm
    Hit me up on Instagram: / sonduckfilm
    Follow me on Twitter: / sonduckfilm
    Connect with me on Linkedin: / joshnoel
    Suggested After Effects Tutorials:
    Audio React Anything: • After Effects Tutorial...
    Create Super Slow Motion: • Twixtor Tutorial: Crea...
    Illustrator to After Effects Vectors: • After Effects Tutorial...
    Animated Stroke Outline Title: • After Effects Tutorial...
    RGB Splitting Glitch Effect: • After Effects Tutorial...

КОМЕНТАРІ • 361

  • @avnojista
    @avnojista 4 роки тому +935

    If you want your object to follow and ROTATE along the path after you pasted path keyframes, right click object > transform > auto-orient > orient along the path.

  • @lascarnesmalvadas
    @lascarnesmalvadas 2 роки тому +16

    This tutorial is amazing, no needless stuff, just the straight up tutorial and so well explained! Loved it

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

    6 years after and this video still have a gold like value

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

    for closed path (like oval) - if you need change start point - on shape layer select anchor point - right click mouse > mask and shape > set first vertex

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

      For change direction - chose position (to select all points on timeline) - top menu>animation>keyframe assistant>time-reverse keyframes

  • @agw421
    @agw421 7 років тому +9

    tried this tutorial from a lot of other authors. this was the easiest to understand

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

    YOU SAVE MY LIFE MATE!!! THANKS BRO! ur cool. health and strengh to you and ur family.

  • @nebula0024
    @nebula0024 13 днів тому +1

    Thank you for this!!! You were straight to the point, and demonstrated exactly what I needed to know.

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

    Hey Joshua I don't know how but every problem I encounter in After Effects, I get the solution to that from your channel.
    Thanks a ton man 🤗🌻
    Hats off to you🙌🏻

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

    Great video, no waffles, straight to the point and not endlessly repetitive like so many how-tos. Great stuff, thanks.

  • @Dudek1523
    @Dudek1523 6 років тому +1

    I've been lookin for a tutorial of this for a couple days without success. Now I finally found one that's very well explained. Thanks, you have a new follower.

  • @user-xf8hn3zk5y
    @user-xf8hn3zk5y 4 місяці тому

    This video was exactly what I've searched for. Thanks a lot, it really helps me.

  • @prblmsbby9449
    @prblmsbby9449 10 місяців тому

    omg thank you!!! i couldn't understand why it was going in a different position. this saved me SO much time!

  • @anshuaspirant1370
    @anshuaspirant1370 4 роки тому +5

    I think you missed something with the rotation as the rocket is moving on the path but it's going straight itself as it should rotate along the curvature of the path isn't it?

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

    I don't know anything about after effect but i came here because in the software that im learning (blender 3D software) there is this follow a path thing and i have used it when in was creating my first two simple animations for my UA-cam channel.
    Can't wait to get my hands into after effects.

  • @LillySchwartz
    @LillySchwartz 5 років тому +4

    You explained exactly what I wanted to know in 1.5min. Awesome! Thanks man!

  • @scottshaffer1763
    @scottshaffer1763 5 років тому +4

    Brand new to After Effects and your videos have been helped me tremendously - thank you!

  • @davidsnakedoe7322
    @davidsnakedoe7322 6 років тому +17

    this was exactly what I was looking for.
    Absolutely liked this video, thanks for this tutorial, buddy!

  • @TREXYT
    @TREXYT 3 роки тому +13

    im not getting "path option" option, i would do it with a png image, but even with text it's not appearing (for circular movement)

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

      make sure you are not on any layer. no layer is selected or highlighted. then use the pen tool to draw your path and open up that layer from the pen tool like he said to copy the path. hope that helps :D

  • @BioOrganicCatalyst
    @BioOrganicCatalyst 6 років тому

    I Like how fast you go. Don't have to wait through a lot of dead time to get information.

  • @user-vu5rk7tl9z
    @user-vu5rk7tl9z 6 років тому

    That's gorgeous! It's really quickly and clearly, exactly what you need then you are doing a project and don't want to waste your time!

  • @wilkes6623
    @wilkes6623 5 років тому +11

    Concise and straight to the point - thank you very much for this amazing tutorial video :)

  • @KevinP-i4k
    @KevinP-i4k 3 роки тому +1

    so helpful! I spent an hour trying to learn this last night from another tutorial and he was missing a vital step. Thanks for explaining properly!

  • @Trist10TheChristian
    @Trist10TheChristian 7 років тому

    If you make a ton of text and add a bunch of different shapes to them, it ends up looking like the original Monsters Inc Intro! It looks really rad (:

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

    u are a freaking genious and always help me whenever i m stuck thanks so much

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

    Clear and precise , PERFECT!!

  • @tjc3644
    @tjc3644 5 років тому

    just a heads up, reduce the wiggles values a little for if youre using normal lens flare. otherwise it obnoxiously flickers in and out of sight.
    And apply a glow to it to make it similar to the optical flare look.

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

    Your tutorials are great - straight to the point and easy to follow.

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

    Thank you so much! I have been looking for just this feature for a long time.

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

    You are a freakin' Genius! Thank you for taking the time to make this video.

  • @Shadoufang
    @Shadoufang 5 років тому +1

    There might be other use cases for this. The object isn't really animated along a path. It's animated ON THE KEYFRAMES created with the path. But, good presentation, so thank you!

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

      yes, my issue with this method is this

  • @FLOWTUTS
    @FLOWTUTS 7 років тому +41

    Great tutorial but you forget to talk about auto orientation

    • @JockeBRosberg
      @JockeBRosberg 7 років тому +2

      Was thinking the same thing man

    • @FLOWTUTS
      @FLOWTUTS 7 років тому +1

      yes it's just a mistake maybe he is so busy that he missed that but his channel is awesome

    • @JulianAbreu
      @JulianAbreu 7 років тому +1

      yeah, that is missing

    • @FLOWTUTS
      @FLOWTUTS 7 років тому

      yes it's just a mistake maybe he is so busy that he missed that but his channel is awesome

    • @JulianAbreu
      @JulianAbreu 7 років тому +8

      yes Flowtuts it's just a mistake maybe he is so busy that he missed that but his channel is awesome

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

    Thank you so much, this helped me tremendously! Trying to finish my final project and couldn’t get the damn image to move XD this is a lifesaver

  • @smaksostx3079
    @smaksostx3079 7 років тому +7

    I love it, very fast and clear tuto, you won another LIKE👍 😁😁😁

  • @BsERoss
    @BsERoss 5 років тому +7

    Amazing, thank you for this! Such a simple thing to do but I had no idea how to do it..

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

    thanks...its easier than expected

  • @omarghazal1568
    @omarghazal1568 10 місяців тому

    I liked how you clarified why using a mask wouldn't be accurate

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

    Man, thank you for simplifying this so well! Excellent work and very helpful. Thank you.

  • @redcrosses5910
    @redcrosses5910 4 роки тому +1

    Thanks, man! Simple and comprehensive!

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

    This method doesn't work for shapes. How do I animated it to a shape and not a pen tool?

  • @ThatEditorboy
    @ThatEditorboy 7 років тому +50

    what about auto orientation !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @mathspointofview3341
    @mathspointofview3341 4 роки тому

    soo easy and i loved it

  • @ch33kster
    @ch33kster 6 років тому +3

    Better than the rest explaining how to do this. Cheers!

  • @MeanBeanComedy
    @MeanBeanComedy 6 років тому

    THANK YOU! I was trying to animate a basketball and now it actually looks like an animation of a basketball.

  • @killemwifkindness
    @killemwifkindness 4 роки тому

    Thanks! This is absolutely short and sweet.

  • @rabbitskillz9826
    @rabbitskillz9826 7 років тому

    You sir made the best tut for motion along paths, + rep!

  • @aaronlee1060
    @aaronlee1060 4 роки тому +1

    Very frustrating! You go so quickly pasting the path onto the object - nothing moves when I scrub through the timeline.

  • @moizlightwala5206
    @moizlightwala5206 5 днів тому

    hi idk why but its not working instead of a rocket I took a plain elips and when I paste the path on the elipss position it doesn't snap to the start of the path
    can someone help me out here please

  • @erin5703
    @erin5703 5 років тому +6

    That's very helpful for a learner in the beginning.Thank you.

  • @gijsaddas6041
    @gijsaddas6041 7 років тому

    This is the stuff I was looking for, just an easy way to do it, ty man this really helps

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

    thank you so much this is exactly what I needed!!

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

    but how do we define only start end end keyframes and then animate along a path? by doing it like that we make sure its speed will not change

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

    When I attempt this my pen draws a red shape. I tried matching the settings I see on your screen so now it makes a black shape but the blue line is identical only there are no key frames. Doesn't paste anything into the layer I'm trying to animate.
    What am I doing wrong?

  • @roguespectre9656
    @roguespectre9656 6 років тому

    I spent a while wondering what this effect was, and it was driving me nuts not knowing. Thanks man!

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

    when i do this the shape just jumps from the individual "subframes", it stutters really bad, it does not "flow", why is this?

  • @soniahekmati
    @soniahekmati 5 років тому +4

    Hey, Thanks for your videos. What if we want to reverse the direction of the movement to start from the other side of the path with the same path?

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

      Select the keyframes > right click > Keyframe Assistant > Time-Reverse Keyframes

  • @swatihere
    @swatihere 4 роки тому +1

    Really helpful and effective! Thank you! I can animate objects along a path now.

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

    Thanks for the wonderful tutorial mate! Quick and easy, under 5 minutes like a pro.

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

    Aww thanks you so much man you save a lot time

  • @21stCenturyPirate
    @21stCenturyPirate 7 років тому +1

    great......your tutorials are so easy to understand

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

    hmm...when i do this, i get that white fill. unless i have to change that to no fill?

  • @nateratchet9091
    @nateratchet9091 6 років тому

    Thankyou. Clear, concise, and to the point.

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

    Is there a way to invert the order of the object following the path? Dragging the first/last keyframe doesn't work, it changes the whole path. Contents > Shape 1 > Path 1 and clicking the "arrow order" doesn't change anything...

  • @MaxPedersen-pe9ph
    @MaxPedersen-pe9ph 3 місяці тому

    Copying and pasting the path into a shapes position doesn't work for me. Has this feature been removed?

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

    Omg thank you so much 🙌 u saved my animation 👑

  • @MsAqaqSwsw
    @MsAqaqSwsw 5 років тому +1

    super simple, thanks

  • @anbalaganramu8454
    @anbalaganramu8454 4 роки тому

    Excellent. Very easy to understand. Thank you.

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

    Incredibly helpful thank you

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

    amazing and simple tutorial. thank you !

  • @sjonphynn
    @sjonphynn 5 років тому

    Thank you! This worked out great for me. Will be checking out more of your content!

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

    Thank you, this helped me alot on animating along a path. Liked and Subscribed. =)

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

    thanks but the first example with the objet is not complety finish. you objet didnt rotate

  • @bungliejin
    @bungliejin 5 років тому

    This is awesome!

  • @FSSbroful
    @FSSbroful 7 років тому +1

    I have 2 paths, with 2 seperate objects, and when I paste the second object onto the second path, it pastes onto the first path, I have carefully selected the second path. Please help

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

    When I paste the path, it pastes much higher up than the original path and I can't move it down

  • @hashanfernando
    @hashanfernando 4 роки тому

    I like simple and amazing tuts ...
    You are simply amazing ☺️

  • @tanishka.raghav
    @tanishka.raghav Рік тому

    HI i have a problem... my Path CHANGE Position when you Paste it to a position of a object

  • @trianglecoil
    @trianglecoil 6 років тому

    Excellent demonstration, I was able to actually implement what you demonstrated, thank you.

  • @peterviglietta4207
    @peterviglietta4207 7 років тому +1

    How would you just create a custom path by moving a layer (just by clicking and dragging with the mouse?)

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

    Thank man. Great tutorial.

  • @HowToAnimateTutorial
    @HowToAnimateTutorial 4 роки тому

    hank you so much for showing this to us! Amazing effect!

  • @Efadh
    @Efadh 6 років тому

    this is helpful and easy, thank you.

  • @ashikdennis9202
    @ashikdennis9202 4 роки тому

    the anchor point has to be placed in the middle of the object else it wont go along the path. is this something that is to be assumed and not worth explaining in the video?

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

    very helpful..very easy tricks ..thankyou

  • @stargana7585
    @stargana7585 5 років тому +2

    When you go to "click on the rocket graphic" is that just your image file for the rocket? I have a png open but dont see what youre seeing

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

    can't see the layer that you are working (what is the use of the video?? )

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

    Thank you so much

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

    Thanks for making!

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

    Wowwwww!! amazing...

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

    NO FRIKKEN WAY 🤯🤯🤯

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

    Great! Thanks! But how could I make the Rocketship follow the path, always with the pointi end?

  • @SPCBRAWLERZ
    @SPCBRAWLERZ 5 років тому

    Thanks for the reminder on this video!

  • @beautifulworld7940
    @beautifulworld7940 4 роки тому

    Excellent explanation! 👏👏👏

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

    Super concise and efficient. Thank you for the video it is simpler than what I figured in my mind. Just wondering if there is a way to make a hold keyframe with this method without breaking the original flow of the path?

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

    short and simple. thank you♥

  • @japetusproductions
    @japetusproductions 4 роки тому

    Wish you would have also shown how to use the Auto Orient under Transform menu

  • @peterkarim6964
    @peterkarim6964 4 роки тому

    Super useful, thanks man!

  • @SamitShirsat
    @SamitShirsat 7 років тому

    Thank you soo much
    Needed this since long

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

    damn u r so good and clean brother!

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

    when i click the blue box it only says masks not content

  • @blackforest2527
    @blackforest2527 7 років тому

    Love your Tutorials. 👍