How to Morph Shapes in After Effects!

➡️Join Nebula for $3 a month to get access to exclusive content from over 150 creators you already love! nebula.tv/videos/mobox-how-to...
To download this project file, consider becoming a sponsor on Patreon!
/ mobox
Music: www.epidemicsound.com/referra...
00:00:15 - Jumping into After Effects
00:01:40 - Morphing Shape with Path Layers
00:12:25 - Morphing Complex Shapes Layers & Illustrator Vectors
In this After Effects motion graphics video we discuss shape morphing (morph / reshape) in After Effects CC. This shape morph can be used to change shape layers from circles to squares or triangles. This can also be used to help show you how to animate an icon in After Effects that utilizes shape morphing. Lastly, this tutorial will cover how to morph shape layers from Illustrator in After Effects.
www.moboxgraphics.com
× Project Files - / mobox
× Twitter - / moboxgraphics
× Instagram - / moboxgraphics
× Facebook - / moboxgraphics
× Discord - / discord
---------------------------------
Our Gear:
www.amazon.com/shop/moboxgrap...
× Keyboard - Logitech G513 - amzn.to/2lNgyjq
× Keyboard - Logitech - amzn.to/2lNgyjq
× Mouse - Logitech G402 - amzn.to/2lLYshJ
× Microphone - Rode NT-USB - amzn.to/2lgudyZ
× CPU - Intel i7 8700k @ 4.88GHz - amzn.to/2jQbfza
× CPU Cooler - Corsair H100i v2 - amzn.to/2jOB2Yv
× Motherboard - ASUS TUF Z370-PRO - amzn.to/2lNlfd3
× GPU - Gigabyte GTX 1080 - Discontinued
× RAM - 64GB G.Skill 3200 DDR4
× Storage - 3 x 1TB Samsung SSD
× Sound Card - ASUS Xonar DGX HD
---------------------------------
Contributors:
Mike Ridolfi × @MikeInHD
Eli Prenten × @Twistereli
Music: / moboxmusic
Motion v2 Tool: www.mtmograph.com/motion/
Editor's Note:
The most requested topics on MOBOX Graphics is how to morph objects and morph shapes in after effects, how to morph shapes in after effects, and how to morph text in after effects. This is quite a large topic because you can morph PNG images in after effects or morph shapes in after effects. The technique for both of these things are very very different. In a lot of ways, how to morph an object in after effects (PNG image) is more of a how to reshape objects in after effects. This is because you need to use a tool that allows you to stretch objects in after effects. Reshaping objects in after effects is a very simple process to morph these png images / objects. Morphing shapes on the other hand can use the path tool in after effects to morph shape layers (circle to triangle or square to circle or square to triangle). Simple shape animation in after effects is a critical tool to have when working within AE. Adobe after effects shape animations is the pivotal way to add your creative touch to any project. Please keep this in mind.
Adobe After Effects 2018 (AE 2018) is a digital visual effects, motion graphics, and compositing application developed by Adobe Systems and used in the post-production process of film making and television production. Among other things, After Effects can be used for keying, tracking, compositing and animation. It also functions as a very basic non-linear editor, audio editor and media transcoder.
CINEMA 4D is a 3D modeling, animation, motion graphic and rendering application developed by MAXON Computer GmbH in Germany. It is capable of procedural and polygonal/subd modeling, animating, lighting, texturing, rendering, and common features found in 3D modelling applications.
#AfterEffects #Mograph #tutorial #morph #mobox

[@ButtholeSalad]

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!

[@JustinKreule]

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]

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

[@JustinKreule]

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

[@PotatoMaker]

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

[@joekaparkour]

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

[@silvieplayz3443]

Potato Maker heard of touchpad?

[@LeopardMask12]

So that's how the lock and the shy options work! I found this tutorial for the actual subject of it, but I'm learning quite a few basics about AE that I definitely didn't know before as well! Thank you for actually explaining what all these things you're doing, well, _do._

[@doresimon]

Thank you ! The content of those 20 minutes was well worth it and simple! I can now do this in 2 minutes :D

[@saiabhinay7125]

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

[@philipmalmo]

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

[@erinsong6419]

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!

[@kalaidesk]

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

[@alborzheydaryan8636]

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'.

[@BillDWP]

Thank you, this was really helpful, especially the details, that most KZbinrs take for granted.

[@patrickbutler87]

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]

same!!! good advice :D

[@francissmith9813]

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]

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

[@unSeentertainment]

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

[@WilhelmOsada]

Love the tutorial ,you make everything clear and understandable. Thanks :)

[@eddyuniverse]

This is an amazing tutorial! Been searching for this. *Thanks!*

[@VanNguyen-uf4dv]

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]

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

[@1LEthal]

Awesome tutorial. Was looking for a way to morph various shapes to vector text and this is perfect. Thank you!

[@stevelegg3884]

really awesome tutorial, very helpful. subbed!

[@AndyEngelkemier]

Great tutorial. I learned a couple steps that I wouldn't have guessed. It also caused me to look up how to convert AE text to paths, which is just right click on the text object while the text tool is still active and choose to convert to shape. I feel like you may have missed a concept though, so might confuse some people. The path is independent of scale. So the path is a child of scale. When you copy the path, it's current scale doesn't come with it. It's copied at 100% scale, and that's sort of the same with position as well. It's position is relative to the anchor point. So if you want path's scale to match, you should scale the path itself. You can do that in a similar way you would in photoshop actually. Click on "path" to select all the points, then hit Ctrl+T to free transform that selection. Scale/move those until they are in the correct position. Now when you copy and paste that keyframe, it stays in the correct position. Also you're right clicking and choosing rename. Did you know Enter = Rename (keyboard enter, not numpad) I also learned an interesting tidbit. This is straight up moving each point number to the corresponding one. The start point always goes to the next start point. You can change which point is the beginning/end to make the shape flow better. In your ship example, if you just add the correct number of points to your triangle to match your rocket ship, then make sure both have beginning/end at say the tip of the rocket ship and top of the triangle, you'll get a much better result, without all the editing. Now, you still get more control of the actual morph the way you did it, but less control of the triangle shape in your case.

[@ruthlessgriz3340]

This is some good advice, I was frustrated by how much extra tedious fine-tuning I had to do just to make sure all my shapes were aligned and sized proportionally. The text is a bit tricky, I can only get the shape to fill one letter. Is that the limit of the tool?

[@ThiagoFerreira-zt8zv]

Hi! I know this is an old comment and AE has changed a lot since... But could you explain to me how can I change the start/beginning point of an already made shape?

[@sokocaloo]

Thank you so much, I was looking for this kind of tutorial for a while.

[@moboxgraphics]

+sokocaloo Glad I could help!

[@HeatherWallerGD]

Great straight forward tut - thank you!

[@melavi-lab2067]

beautiful tutorial, fantastic, i finally learn how to morph :)

[@niketgaonkar7970]

great tutorial bro... you got a pleasing voice over too.. people need to appreciate that

[@imushazu]

Thanks for the tutorial! Really helps me on video production 👍🏻

[@filipvabrousek6900]

This is amazing! Thank you so much!

[@mrsmelodycalls]

Smooth tutorial. Thank you!

[@TheGhfji]

Thank you so much for explaining as you go along. This was very helpful :)

[@chien-niyang8615]

Very clear tutorial. Thank you so much!

[@Hassan-ju6cm]

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

[@KaushikMuraliUX]

Really good tutorial! Thank you for posting!

[@moboxgraphics]

*** 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]

Thanks this was really helpful

[@deebsanimation2804]

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

[@ziweiliew6747]

thank you,you help me a lot😭❤

[@baudopl1]

beautifull and easy, thank you very nice tut!

[@nicolesato306]

I'm an ae beginner and this was really helpful and easy to follow thank you!

[@kishorkumarkhadka5877]

This is so much helpful. Thank you.

[@basilcmr]

I know this is an old tutorial. But if anybody is wondering about that Glitch in square to Triangle Morph. - It is because the point count is changing, (reducing point count to be exact, If it was increasing, AE will automatically add an extra point). - To make it smooth, add the same point count and make it consistent in all shapes( in this case 4 points). You can hide the points in a straight line.

[@letscreate5388]

don't understand sir

[@imangm6674]

Great tutorial. Thanks!

[@sarac6178]

Thank you! this is so helpful!

[@rojarani2221]

I just wanna learn even more now- it looks so cool o.O

[@itsmajoalva3844]

Good tutorial ! Thanks a lot !

[@itsvernicekho]

This has been really helpful, thank you!

[@Animatormohit]

Very well explained and it was reallly interesting to watch the whole tutorial ..~!~~

[@mhnadali]

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

[@mahrukh172]

Great tutorial, thank you very much.

[@rebeccaleah2851]

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

[@moboxgraphics]

I'm glad I could help Rebecca!

[@chiwipickles1001]

love this!!!

[@radhasatam]

Thanks. This was really useful.

[@FiShDiShFilms]

New channel? Nice!

[@martinsmanyhats5511]

Helped me a lot. Thanks.

[@cess7256]

thank you this helped me alot great work

[@hcgul06]

Great tutorial thank you very much! Subbed :)

[@aanirudhgowdaa]

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

[@JulietteFiszka]

Very helpful, thank you! :)

[@seekerkdh]

good tutorial. thank you so much! ^^

[@Alanj2007Games]

Thanks! :3

[@fernandobersanetti164]

incredible, thanks brother

[@ibrahimDotQ]

Great Tutorial!

[@crisRestart]

Thank you! You've saved my day.

[@Cindy-pu5ph]

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

[@richardang6728]

Thank you!!!

[@hanumsalsab2513]

So smooth! EverytNice tutorialng he says goes into my brain and sticks in.

[@danielneville7472]

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

[@luisfernandopacheco5782]

this is awesome

[@ShaeSPT]

super useful tutorial. learnt a lot.

[@swapnilcreates]

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

[@GoodvinXL]

THANKS. That glitch with shapes was a real trouble. Great advise!

[@AshKunDo]

Amazing! :)

[@wildawolf702]

Thanks for your video! I learn a lot from it. =)

[@kentonvannatten6744]

I was going crazy trying to figure out why my shapes were twisting. (circle to heart)... thanks to your tutorial I realized that it was because the heart was a vector shape from Illustrator, while my circle was a shape layer in AE. Once I realized from your tutorial that I just had to manually adjust the vertices it worked great. All other tutorials only show the first method (two AE created shape layers). Thanks for taking the extra step to explain an actual real world use scenario.

[@barbitolosa]

thank you! the best tutorial!

[@yahyaelnaggar2264]

Very Helpful, Thanks!!

[@moboxgraphics]

Glad we could help

[@vivid_alex]

Exactly what I was looking for ✌🏻😌😊✅💪🏻

[@MaximilianImaging]

DUDE, YOU ARE AWESOME!!!! MANY THX.

[@jitenpandey5184]

Thanks alot bro it really cool.

[@CarlosLopez-sb1it]

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

[@quangtram7740]

Thank you so much !

[@khonkeldirustamov8669]

Thank you so much man

[@SL4RK]

Big thank, dude

[@bavoch8960]

Thanks dude!

[@Baylin99]

really nice video :)

[@arunkurian4798]

really helped!

[@trungcool1493]

very simple tutorial, thanks

[@turtle_7219]

wow thank you, really usefull

[@angthao1861]

amazing tutorial thank you so much

[@moboxgraphics]

We're glad it was helpful!

[@luisfernandopacheco5782]

Thanks for sharing

[@abhijithmk698]

I am first time watching ur video.This helps me lots.Thank u sir

[@benleovin98]

cool stuff thanks!

[@bhuvanidharan7980]

Nice Easy Tutorial

[@Linguini1996]

Just subscribed!!!

[@Delulu-To-Trululu]

THANK U for your guide! It was SOOOOOOOO useful! I cannot believe that finally beat this stupid AE bug with wrong size!!!

[@nedimkufi]

amazing method

[@silviaandriani942]

Thank you this is cool ! :)

[@Didaktos1]

Nice tutorial

[@Pankaj-Verma-]

You know what...You are awesome!

[@BrandonGroceDesign]

nice video mate!

[@moboxgraphics]

+BG Designs Thanks man :D

[@widespots]

Thanks a lot

[@Sarah_Loves_BTS]

thank you!!

[@RakaiBaganatha]

Love it, complete tutorials...

[@ymh9801]

Thank you!

[@apolocardigan4421]

Awesome boy, you won a new suscriber

[@jasonruizbatronel6672]

U can also do this in adobe animate/flash by creating shape tween.

[@skymindvideos2579]

Man finally, I've been looking for days on how to get rid of that jerking over glitch, thank you so much!