*** 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.
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!
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.
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
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....
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!
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.
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'.
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
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.
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..?? :'(
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)
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)
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!
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.
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?
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?
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.
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...
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
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
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?
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?
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
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?
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.
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
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.
+Justin Kreule Wow, that is so helpful! Thanks for the heads up! Ya learn something new every day.
+Mobox Motion Graphic Tutorials No problem, thanks for the video!
Or you can just use your scroll wheel on your mouse.
Some people use trackpads like myself so the arrow keys are perfect :)
Potato Maker heard of touchpad?
*** 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.
Thanks this was really helpful
Any better outcomes with morphing the easier way with vectors imported from Illustrator?
thank you,you help me a lot😭❤
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!
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.
same!!! good advice :D
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.
@@francissmith9813 just rearrange the position and the anchor point on every keyframe... oh I'm one year late
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
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....
6:04 OMFGGGGG I HAD NO IDEA YOU COULD DO THAT
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!
Thanks! My goal is to make every tutorial, regardless of difficulty level, possible for everyone.
To center your anchor point on the object you can just use Ctrl+Alt+Home. Very useful.
New Instagram & Facebook account posted! Check it out :D
✖ My Instagram - instagram.com/MoboxGraphics
✖ My Facebook - facebook.com/MoboxGraphics
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.
thank you so much
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...
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.
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'.
Thanks man. It helped me through my assignment at college❤️
TNice tutorials guy's tutorial is more understanding than the others
If anyone wants to do this from Illustrator.. make sure you use the "reverse direction" tool in Illustrator before bringing in the artwork.
I've been looking around for how to do this for ages. You're a champ - thanks!
i dont understand after the copy paste part why object moves so much. when it morphs morphs to the other side of the container
you're saving my life with these tutorials... thanks!
I'm glad I could help Rebecca!
I fucking hate those wix commercials, so much so,
I will never use their product.
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
+GoHerping Hey man, big fan of your vids! :D
download adblock plugin for chrome
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.
Same here
Same! It moves all over, even out of frame.
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..?? :'(
has anybody figured out the solution to this problem?
Make sure you didn’t accidentally set a key frame for the anchor point. That’s probably what’s messing you up.
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)
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)
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!
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.
Don't matter how long you take, long as you do it cause you love to
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?
Brandon M are you setting position key frames on the shape layer?
@@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,
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?
make sure path is also highlighted on the new layer that your copyin the keyframe too
please help me with this problem too!
Thank you sir gave me a good idea for a project I need to get done!
That was great
I really enjoy by your teaching in the simplest way.
Thanks alot
Thanks a lot
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.
thanks a lot, it helped me a lot and told me what i've been doing google for several days.
Cause he knows the struggles that i'm going threw right now
super useful tutorial. learnt a lot.
how to stop the shapes from moving across the screen?
Really good tutorial!
Thank you for posting!
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
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...
Thanks u guy for this super tutorial, very easy to learn for french ! :)
Great straight forward tut - thank you!
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
very simple tutorial, thanks
When I do this my shapes twist weirdly and don't rotate smoothly like your's.. what am i doing wrong :(
nice video mate!
+BG Designs Thanks man :D
Thank you! this is so helpful!
Great tutorial. Thanks!
amazing method
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
Thanks alot bro it really cool.
Very helpful, thank you! :)
it really hurts to see triangle not spell right the whole time ughhh itchyy. love your tutorial tho
Thank you so much man
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!!
I tried fixing the anchor point but it keeps jumping back and forth...
Great tutorial, thank you very much.
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
Smooth tutorial. Thank you!
wow thank you, really usefull
What are the specs of workstation you used? This is pretty smooth to watch. :)
Love it, complete tutorials...
Very Helpful, Thanks!!
Glad we could help
That was awesome thing i was looking for...Thanks a lot.....
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.
yeah, it's because his frame rate is at 59.94 for this tutorial
very helpful
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?
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?
Piece of advice:
Don't completely rely on Adobe Products cuz it could drive you mad.
Can you do the same thing with letters?
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
After right click its not giving tht option . What to doo i m sucked with ths.
New channel? Nice!
Thanks for sharing
convert to bezier path option not showing in Adobe CS6
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?
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
@@myopyaesone1062 i dont get what you mean, my shape just starts in the top left corner now.
Please i am still struggling with this.
I was having this problem too, and then I put both shapes onto one shape layer and it worked perfectly!
I made a custom shape using a preset and it doesn't have a path. What should I do?
Cool Thanks !
thank you!!
love this!!!
So glad you didn't pick the green
Paths are at 4:39
Great tutorial thank you very much! Subbed :)
Pls make a tutorial on your mobox logo animation
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 :(
Did you right click?
really helped!
Nice tutorial
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.
good tutorial. thank you so much! ^^
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
The shapes move from the center when they morph. How do I keep them centered ??
really nice video :)
Great Tutorial ....bro..- i like that..!💚💚💚
cool stuff thanks!
Fire!
any help with why in adobe 2019 this doesnt work?
Yeah didn't work for me too..
ok but how do you actually make the shapes, like i’m trying to make a circle but idk how
Where the 'Rectangle Tool' is, holding down on the button and a drop down menu will appear with the options for different shapes. :)
thanks 🙏
Thank you. This tutor could be just for 5 minutes
You had me at 6:20
my shapes are moving / floating across my board even though i anchor pointed them.
amazing tutorial thank you so much
We're glad it was helpful!
This is awesome!
Is it possible to do this with letters/words? Can you in a smart way take the path from a letter?
Thanks! :3