How to Morph Shapes in After Effects!

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

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

  • @JustinKreule
    @JustinKreule 8 лет назад +333

    Much quicker way to make a triangle. While dragging the mouse to create a polygon, pressing the up and down arrows adds and removes vertices.

    • @moboxgraphics
      @moboxgraphics  8 лет назад +63

      +Justin Kreule Wow, that is so helpful! Thanks for the heads up! Ya learn something new every day.

    • @JustinKreule
      @JustinKreule 8 лет назад +9

      +Mobox Motion Graphic Tutorials No problem, thanks for the video!

    • @PotatoMaker
      @PotatoMaker 8 лет назад +10

      Or you can just use your scroll wheel on your mouse.

    • @joekaparkour
      @joekaparkour 6 лет назад +1

      Some people use trackpads like myself so the arrow keys are perfect :)

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

      Potato Maker heard of touchpad?

  • @moboxgraphics
    @moboxgraphics  7 лет назад +19

    *** In recent changes to After Effects, some of the issues have been fixed, but others have popped up. ***
    In the 202 release: If your shape is moving when it morphs, it's because your anchor point is shifting. It's recommended to move the anchor point into the center of your object: Press Y and drag the anchor to the center of your shape. Additionally, between morphs, the anchor point will no longer be centered as the center point of the shape has changed. You can set a keyframe on "anchor point" and move it to match the morph of the shape.

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

      Thanks this was really helpful

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

      Any better outcomes with morphing the easier way with vectors imported from Illustrator?

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

      thank you,you help me a lot😭❤

  • @ButtholeSalad
    @ButtholeSalad 7 лет назад +77

    I have been using After Effects for a while now, and I am mostly self-taught, but I had no idea what the shy tool actually did. Thank you for simplifying everything. Great Tutorial!

  • @patrickbutler87
    @patrickbutler87 7 лет назад +68

    Thanks for this. Helped me a lot.
    I've found that sometimes adding a circle path between shapes can make it smoother. For instance: between a triangle and a square it gives it more of a "blob" feel, instead of just adding an anchor point. If that makes sense.

    • @epitomeOFblueberries
      @epitomeOFblueberries 7 лет назад +1

      same!!! good advice :D

    • @francissmith9813
      @francissmith9813 5 лет назад +5

      I have a problem trying to make the shapes morph in the same place. It keeps going round the Anchor. Please how I’ll I solve this problem.

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

      @@francissmith9813 just rearrange the position and the anchor point on every keyframe... oh I'm one year late

  • @saiabhinay7125
    @saiabhinay7125 4 года назад +9

    I had to make a icon animation type thing for a school assignment and my teacher is incompetent so he didn't teach anything. Thank you so much for this video! It really helped me

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

    We all came to learn How to Morph. We left the video with extra useful tips and information. the way he explains little things in between was really great. A beginner and an expert can get knowledge at the same lesson. well done. Impressed....

  • @unSeentertainment
    @unSeentertainment 5 лет назад +13

    6:04 OMFGGGGG I HAD NO IDEA YOU COULD DO THAT

  • @VanNguyen-uf4dv
    @VanNguyen-uf4dv 4 года назад +1

    thank you so so so much! Your tutorial didn't just teach me how to animate path, but plenty other little knowledges that I couldn't get anywhere else! Quick and easy to understand, and I love how you explained why other ways don't work as well, or how you did not edit out a small mistake. Massive thanks!

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

      Thanks! My goal is to make every tutorial, regardless of difficulty level, possible for everyone.

  • @danielneville7472
    @danielneville7472 7 лет назад +2

    To center your anchor point on the object you can just use Ctrl+Alt+Home. Very useful.

  • @moboxgraphics
    @moboxgraphics  7 лет назад +1

    New Instagram & Facebook account posted! Check it out :D
    ✖ My Instagram - instagram.com/MoboxGraphics
    ✖ My Facebook - facebook.com/MoboxGraphics

  • @TrentisN
    @TrentisN 4 года назад +5

    Ctrl + Alt + Home
    then Ctrl + Home
    to quickly move the anchor point to the middle of the layer then the layer to the middle of the comp.

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

      thank you so much

  • @anastasi55
    @anastasi55 3 года назад +17

    Is there any way to keep the morphed shapes centered without lots of manual adjustments? I'm following this, but the shapes keep bouncing around...

    • @Motion.graphiic
      @Motion.graphiic Год назад

      yes you can do it with anchor point go to first keyframe of the path open anchor point and set it to the middle then select keyframe after that go to the next keyframe of the past then again make the anchor point to middle and select keyframe and done.

  • @alborzheydaryan8636
    @alborzheydaryan8636 8 лет назад

    finally. your video gave me confidence to open up After Effects and do a small project copying you. You are a life saver! and I've began my journey into AE because of you. thank you! until now I was stuck with 'Hype 3'.

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

    Thanks man. It helped me through my assignment at college❤️

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

    TNice tutorials guy's tutorial is more understanding than the others

  • @epiphanyvideomarketing7541
    @epiphanyvideomarketing7541 5 лет назад

    If anyone wants to do this from Illustrator.. make sure you use the "reverse direction" tool in Illustrator before bringing in the artwork.

  • @philipmalmo
    @philipmalmo 9 лет назад +1

    I've been looking around for how to do this for ages. You're a champ - thanks!

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

    i dont understand after the copy paste part why object moves so much. when it morphs morphs to the other side of the container

  • @rebeccaleah2851
    @rebeccaleah2851 7 лет назад

    you're saving my life with these tutorials... thanks!

  • @fabrice14637
    @fabrice14637 7 лет назад +33

    I fucking hate those wix commercials, so much so,
    I will never use their product.

    • @GoHerping
      @GoHerping 7 лет назад +3

      I actually started using wix because of a RUclips ad I saw in 2012. But It's been 5 years. And they're still one of the only advertisers I get. Make it stop lol

    • @redhawk9272
      @redhawk9272 7 лет назад

      +GoHerping Hey man, big fan of your vids! :D

    • @ericgenesis5367
      @ericgenesis5367 6 лет назад

      download adblock plugin for chrome

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

    Hey. thanks for the tutorial. I tried this but when I morph it from square to circle it moves away. how to align it to the center? did try alining it on the align tab, still didn't work.

    • @TS-tp5sz
      @TS-tp5sz 3 года назад +1

      Same here

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

      Same! It moves all over, even out of frame.

  • @hanniej1085
    @hanniej1085 6 лет назад +16

    Hello! Thank you for your nice tutorial! I just have a question for this. I was following this tutorial and when i have three shapes on a same layer, the center of each shapes are keep changed. it doesn't fix at center. :'( when i play it. each shapes are keep moving from center to up and to down and to center again.. kind of like this... what is wrong with me..?? :'(

    • @thiendam7382
      @thiendam7382 5 лет назад

      has anybody figured out the solution to this problem?

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

      Make sure you didn’t accidentally set a key frame for the anchor point. That’s probably what’s messing you up.

    • @pete-g-yih
      @pete-g-yih 4 года назад +1

      I've just found that keyframing the anchor point whenever there is a path change keyframe fixes this (you then have to copy both the path and anchor point keyframes from the triangle to the square, for example)

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

    Thank you man, you helped me a lot, great video. (No viruses even after installing the program on the computer, antivirus 360 total. So gentlemen readers, thanks to the author)

  • @erinsong6419
    @erinsong6419 8 лет назад

    this is an amazing tutorial! you were so clear about every little step and it was so easy to follow! Things that I've been trying to figure out I learnt in a sec thanks to you!

  • @SkarvoDestro
    @SkarvoDestro 7 лет назад

    The jerking issue around 6:50 is because your anchor point shifted, or at least that's what it would be if it was in Animate CC which is what I'm more used to.

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

    Don't matter how long you take, long as you do it cause you love to

  • @mth_96
    @mth_96 6 лет назад +11

    Ive been following this step by step, but after i paste the path keyframes into one layer, they move around the screen when morphing instead of staying centered, even after I center align and move the mid point back to the middle of the shape. Any help?

    • @ViolentLoveArsenal
      @ViolentLoveArsenal 5 лет назад +1

      Brandon M are you setting position key frames on the shape layer?

    • @TenderHooligan
      @TenderHooligan 5 лет назад +4

      @@ViolentLoveArsenal I am having the same problem and its killing me, i follow the steps exactly and the shape keeps moving over to one side,

    • @ViolentLoveArsenal
      @ViolentLoveArsenal 5 лет назад +1

      WOLVESFC once I’m done setting up Christmas lights, I’ll try the tutorial out and see if I can replicate the issue. I used to teach motion graphics at Full Sail, so I’ve come across similar issues in the past. I’ll hit you up once I see how it acts on my end. What version of AE are you currently running?

    • @mamba1737
      @mamba1737 5 лет назад

      make sure path is also highlighted on the new layer that your copyin the keyframe too

    • @nsr2525
      @nsr2525 5 лет назад

      please help me with this problem too!

  • @CarlosLopez-sb1it
    @CarlosLopez-sb1it 2 года назад

    Thank you sir gave me a good idea for a project I need to get done!

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

    That was great
    I really enjoy by your teaching in the simplest way.
    Thanks alot

  • @widespots
    @widespots 5 лет назад

    Thanks a lot

  • @exploreworldfacts96
    @exploreworldfacts96 5 лет назад +1

    CAN'T DO THIS. When I copy the path of the triangle and the circle to the square path, all the shapes don't stay in the same position. I tried to move the triangle back to the center but every time I do so, the square one moves away from its position.

  • @Hassan-ju6cm
    @Hassan-ju6cm 6 лет назад

    thanks a lot, it helped me a lot and told me what i've been doing google for several days.

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

    Cause he knows the struggles that i'm going threw right now

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

    super useful tutorial. learnt a lot.

  • @CheyziEdits
    @CheyziEdits 5 лет назад

    how to stop the shapes from moving across the screen?

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

    Really good tutorial!
    Thank you for posting!

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

    Are you using the Producer version, if so are all the effects and tutorial you use in the video included as standard with the Producer

  • @dasha_the_explorer
    @dasha_the_explorer 7 месяцев назад

    Unfortunately, in a couple of moments I didn't get it. For example, how do you edit the path of the rocket? If I grab a point, the whole rocket moves, not the point! :( Very frustrated that both tutorials didn't work for me...

  • @Cindy-pu5ph
    @Cindy-pu5ph 6 лет назад

    Thanks u guy for this super tutorial, very easy to learn for french ! :)

  • @HeatherWallerGD
    @HeatherWallerGD 7 лет назад

    Great straight forward tut - thank you!

  • @gla3mon
    @gla3mon 6 лет назад +2

    I'm doing the same trick of copy pasting then dragging back the path keyframe but this is not fixing the bug. the paths will stay in different positions and AE is creating an arbitrary path between the two. I don't know how to fix it

  • @trungcool1493
    @trungcool1493 6 лет назад

    very simple tutorial, thanks

  • @FlipFlyTumble
    @FlipFlyTumble 7 лет назад +1

    When I do this my shapes twist weirdly and don't rotate smoothly like your's.. what am i doing wrong :(

  • @BrandonGroceDesign
    @BrandonGroceDesign 9 лет назад +1

    nice video mate!

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

    Thank you! this is so helpful!

  • @imangm6674
    @imangm6674 7 лет назад

    Great tutorial. Thanks!

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

    amazing method

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

    I just want to ask .Can you see the whole or the last one you've made or the Nice tutorialstory in the soft soft(20)and the softs that you have done

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

    Thanks alot bro it really cool.

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

    Very helpful, thank you! :)

  • @patanypang
    @patanypang 6 лет назад

    it really hurts to see triangle not spell right the whole time ughhh itchyy. love your tutorial tho

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

    Thank you so much man

  • @ztanerhh
    @ztanerhh 8 лет назад +1

    Thanks a lot, bro!.. I had been searching this effect. I don't speak English very well, but You explain pretty well!.. Cheers from México!!

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

    I tried fixing the anchor point but it keeps jumping back and forth...

  • @mahrukh172
    @mahrukh172 8 лет назад

    Great tutorial, thank you very much.

  • @v_4l3_r
    @v_4l3_r 7 лет назад

    I don't know why a circle is not morphing into a square when i follow this process, i copy the path key frame of the circle and paste it in the path of the square but all the square does is scaling itself from 0 to its full size. Do you know why? I'm using AE CS6

  • @mrsmelodycalls
    @mrsmelodycalls 7 лет назад

    Smooth tutorial. Thank you!

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

    wow thank you, really usefull

  • @jakegatchalian9205
    @jakegatchalian9205 9 лет назад +2

    What are the specs of workstation you used? This is pretty smooth to watch. :)

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

    Love it, complete tutorials...

  • @yahyaelnaggar2264
    @yahyaelnaggar2264 6 лет назад

    Very Helpful, Thanks!!

  • @swapnilcreates
    @swapnilcreates 7 лет назад

    That was awesome thing i was looking for...Thanks a lot.....

  • @drinner
    @drinner 8 лет назад

    I noticed your animation moves so much more smoother than mine. Is it because you are at a higher frame rate? My projects are at 29 frames.

    • @zark3D
      @zark3D 7 лет назад +2

      yeah, it's because his frame rate is at 59.94 for this tutorial

  • @BrandonGroceDesign
    @BrandonGroceDesign 9 лет назад +1

    very helpful

  • @stevedavies1609
    @stevedavies1609 6 лет назад

    Thanks for this, great tutorial. Your solution for the jumping shape doesn't work for me, and I can't seem to think why it happens. In my instance, it isn't jerky but moves as though I have set a position key frame, when I haven't touched it at all. Have you any ideas?

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

    I imported my shapes from Illustrator not the convert to bezier path is greyed out. Anyway to make this work on shapes imported from Adobe Illustrator?

  • @tophat.podcast
    @tophat.podcast 4 года назад +2

    Piece of advice:
    Don't completely rely on Adobe Products cuz it could drive you mad.

  • @KelseyJ
    @KelseyJ 8 лет назад +11

    Can you do the same thing with letters?

    • @TheDcHacker
      @TheDcHacker 6 лет назад +2

      I haven´t tried this yet, but l think that u can make a letter modifying the vertex points (if the letter is made in illustrator) and conerting in the other letter

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

    After right click its not giving tht option . What to doo i m sucked with ths.

  • @FiShDiShFilms
    @FiShDiShFilms 9 лет назад +1

    New channel? Nice!

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

    Thanks for sharing

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

    convert to bezier path option not showing in Adobe CS6

  • @myopyaesone1062
    @myopyaesone1062 6 лет назад +3

    For some reason, whenever I realign my new shape to center, my old shape loses its center position and vice versa... why can't the 2 shapes maintain the position around the anchor point? any fixes?

    • @myopyaesone1062
      @myopyaesone1062 6 лет назад +2

      Update: I found a way to fix. Set the Transform->position property of the particular group of the shape layer to 0,0 before doing anything else

    • @TenderHooligan
      @TenderHooligan 5 лет назад

      @@myopyaesone1062 i dont get what you mean, my shape just starts in the top left corner now.

    • @TenderHooligan
      @TenderHooligan 5 лет назад

      Please i am still struggling with this.

    • @ItzPrayy
      @ItzPrayy 5 лет назад +1

      I was having this problem too, and then I put both shapes onto one shape layer and it worked perfectly!

  • @nannenymous
    @nannenymous 8 лет назад +3

    I made a custom shape using a preset and it doesn't have a path. What should I do?

  • @تبصرة
    @تبصرة 4 года назад

    Cool Thanks !

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

    thank you!!

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

    love this!!!

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

    So glad you didn't pick the green

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

    Paths are at 4:39

  • @hcgul06
    @hcgul06 8 лет назад

    Great tutorial thank you very much! Subbed :)

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

    Pls make a tutorial on your mobox logo animation

  • @IsaiWalls
    @IsaiWalls 8 лет назад +3

    i'm using CC but i got the same options in my "shape path". Is not showing the Bezier Path.
    i don't know why :(

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

    really helped!

  • @Othmantamimofficial
    @Othmantamimofficial 8 лет назад

    Nice tutorial

  • @mr.person1219
    @mr.person1219 5 лет назад +1

    How do you do this with imported psd files?
    I created the shapes in ai, but then I had trouble importing it, so I switched it over to psd, and it doesn't have the content panel.

  • @seekerkdh
    @seekerkdh 6 лет назад

    good tutorial. thank you so much! ^^

  • @PacFukinWoman
    @PacFukinWoman 7 лет назад

    I still couldn't find the option to convert to bezier path even on clicking on the right thing. I figured out that for Adobe After Effects CS6 dosen't let you covert to bezier path just by right clicking on it. That's obly possible for CC versions

  • @ximenamendoza408
    @ximenamendoza408 6 лет назад

    The shapes move from the center when they morph. How do I keep them centered ??

  • @Baylin99
    @Baylin99 8 лет назад

    really nice video :)

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

    Great Tutorial ....bro..- i like that..!💚💚💚

  • @benleovin98
    @benleovin98 6 лет назад

    cool stuff thanks!

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

    Fire!

  • @James_Fredrick
    @James_Fredrick 5 лет назад +5

    any help with why in adobe 2019 this doesnt work?

  • @sleepysnowie3492
    @sleepysnowie3492 5 лет назад +1

    ok but how do you actually make the shapes, like i’m trying to make a circle but idk how

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

      Where the 'Rectangle Tool' is, holding down on the button and a drop down menu will appear with the options for different shapes. :)

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

      thanks 🙏

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

    Thank you. This tutor could be just for 5 minutes

  • @Metamor-phosis
    @Metamor-phosis 8 лет назад

    You had me at 6:20

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

    my shapes are moving / floating across my board even though i anchor pointed them.

  • @angthao1861
    @angthao1861 7 лет назад

    amazing tutorial thank you so much

  • @strandskovmedia4606
    @strandskovmedia4606 5 лет назад

    This is awesome!
    Is it possible to do this with letters/words? Can you in a smart way take the path from a letter?

  • @Alanj2007Games
    @Alanj2007Games 9 лет назад +3

    Thanks! :3