How to Morph PNG Images - After Effects Tutorial
ฝัง
- เผยแพร่เมื่อ 10 ก.ย. 2024
- ➡️Join Nebula for $3 a month to get access to exclusive content from over 150 creators you already love! nebula.tv/vide...
To download this project file, consider becoming a sponsor on Patreon!
/ mobox
Music: www.epidemicso...
In this After Effects motion graphics video we discuss shape morphing (morph / reshape) in After Effects CC using PNG images. This PNG layer shape morph can be used to morph two PNG images together. 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 not 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...
× 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.c...
Editor's Note:
The most requested topics on MOBOX Graphics is how to morph objects 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
🔥🔥 For project downloads go support us on Patreon!
www.Patreon.com/MOBOX
I have made an auto trace, and I have got many masks for my one png file. Is it possible to combine them in the one mask? Please help :)
Cool bruh
You forgot to mention the Reshape effect is constrained by the dimensions of the png's borders. To make the effect work, the two PNG has to be big enough so the effect isn't cut off at the border. That or use Grow bounds (Effects > Utility > Growbounds) to make the images large enough for the effect to take place without being cut off (Grownbounds must be placed above the Reshape effect).
You set this up in your images, but I thought it'd be useful to mention it, because there were a few comments mentioning this already.
Thank you! I was pulling my hair out with this
Upgeraldos to the left bois
God Bless
You literally just saved my project with this comment. A thousand blessings upon you.
thanks man
Thank you! When auto tracing you won't get a new layer unless you have the box checked "apply to new layer". Took me a hot minute to figure that out & I hope this helps.
When I try copy the mask inside the layer ...I can't cuz it pastes below or up it ....can you help me please 🥺
for ones who faced/face problem with mask reshaping, after you scale both png images (but before auto trace) precompose both images (layer ~》precompose ~》move all attributes) then auto trace and copy masks. This will solve the problem.
please dn't ask why coz I also asked a friend and am not completely clear on the topic of precompose. hope this works out for you as it did for me.
When I try to do this, the layer mask of bottle so to speak changes size to that of the apple..what am I doing wrong?
Great Video! You helped me alot!
One tip - The smallest images should be at least as big as the biggest object that you will shape it into.
In this video both the apple and the bottle had same size. (length/high)
What do I do when both pngs have multiple masks, and furthermore, the number of masks are not the same (so doing multiple reshape effects would not work...)
try to fill the in between parts first
I can't seem to make this work. Does it need to have only a single mask to work? Because when I use auto-trace to the PNG, several mask paths were generated.
This was great man, I've been using AE professionally for years and never knew about the Reshape effect. Thank you!
Hi :) Like the tutorial but do you know if I can morph 1 object to another when my objects exists out of multible masks?I'm using an object made out of lines so when I create an autotrace it gives me 30 masks for 1 object
But still able to explain each stage in a basic manner. Honestly thanks man!
If you copy the Reshape effect it keeps your correspondant points so you dont have to match them up again, just make it go from 100% to 0%
+
Hmm, this seems to save a completely different set of correspondence points. They are all in different positions. The mask shapes do morph to the correct mask shapes but the directions of the morph Isn't right as the correspondence points are completely different.
Same
why not just swap source and destination masks?
Shljonx: Because that does not morph properly.
I'm trying to follow along with this tutorial, but am having trouble when pasting the mask onto the correct layer. It's scaled down and positioned differently, and I can't seem to find a way to paste the mask with the original dimensions and position intact. Copying options are few, and there is only one pasting option, and I feel like I've tried everything. Will it work to just link the mask-layer to the original layer?
I sawed soo many vids on this topic but you told the in the best way. Thankyou!
Does this work for multiple PNG images?
So essentially starting with something like an apple, changing into a bottle, then changing once more into a glass of apple juice?
Or is there a better solution for multiple images?
just add it the three
I fixed the multiple mask thing by giving both objects a border via matte choker. Its not perfect but with a roughen edge effect it kinda fits my style so its a workaround...
Ninata96 thank you
Wonderful tutorial, thanks!
Quick question, I am using PNGs but it's doing multiple masks and not sure what I'm doing to not just get one mask. Thanks
Great video.... (By the way, to make easier.... the explanation at first should be: the shapes are vector information, png are pixel information)....
Why don't the images show up after I create the background layer? I locked and shyed it so I don't know why It's not showing up?
I am very glad that I stumbled upon your video
SOS, I can’t add more correspondence point by alt click the border on Macbokpro, any help would be appreciated. When I hold down Alt, the cursor changes to a little video camera image instead.
So helpful bro. Easy and comprehensive. Keep em coming!
I feel 10x more confident in soft soft, thanks!
You flew through copying the mask to the bitmap layer. Very confusing. My AE makes two masks when layer > auto-trace is executed. I'm confused as to which one to copy. Also there are no path handles when the vector mask is created. How do you turn on the handles? AE is very very complex.
Ok for those wondering the reason why the handles don't show up is because you have to click the main mask layer to see them. Also, I have two paths because I'm not using images of an apple and bottle. I'm using shapes that have holes in them. Like a donut. These type of shapes require an inner trace hence the second layer. I'm going to copy them both we'll see what happens. Also listen carefully he also tells you to "kill the keyframe" for the mask layer. It's stated twice and very quickly. If you're like me and your wondering how to rename a layer it's a right click of the mouse. If you have a png with empty space in the middle of the graphic and two masks are created you'll notice that a parent layer is created. You will not be able to rename it. You will only be able to right click and rename the child layers. This aint Photoshop yo! Remember renaming the mask layers is important because you have to copy the masks the graphic is morphing into to the first shape. Whew.... I got it to work (sort of) I'm thinking this would be MUCH easier if you used vectors instead. That way the need to manipulate paths is greatly reduced.
In The setup my kick doesn’t soft the sa as your, mine is more of a clicking soft, yours has more of a boom soft, do you know how
this program works great! exactly as I wanted
Thanks dude, it said directx error, but i restarted and it worked good
Great step by step video!! But i have a question, every time I copy my mask it is a lot smaller? Would you have any guesses as to why??
Your media resolutions don't match.
My pngs have a lot of masks on them, not just one. How do I correspond that to the reshape effect? do I need to apply it the number of times that I have the mask??
When I click auto trace It doesn't create a new layer. Could you help me? I've been trying to add a Scatterized effect to my PNG picture since 3pm its 12:22am. I can't seem to get rid of those 4 corner points or anchors on my PNG. my PNG is a circle so when I try to use the scatterized effect it ends up looking all weird because of those anchor points, I cant seem to find a fix to this. Can someone help me?
Thank you so much for this tutorial. It couldn’t of come at a better time
exactly what I was looking for. Thanks dude. Love your tutorials.
common problems:
1) the apple morphs into a square but no further
2) When pasting in the second mask its size is messed up
Fix for both problems: Use PNGs of the same size. so you have to do some work with gimp or photoshop b4 you start following the tutorial, but then its works like a charm.
if there is a hole in the picture how do i reshape
Amazing tutorial!! Thanks for share it with us! Now I'll see all your videos.
Great tutorial and also very professional quality. Keep it up :)
This tutorial is gold, thank you
how did it with right? I made the same settings and values with alpha channel but I had view masks for one png. how fix it?
Duuude, you deserve so much more likes. Thanks for the video
using soft, can't wait to get my hands on it.
I can't get it to work. the corresponding point thing doesn't work well and isn't explained how to move them. It just selects the other masks most of the time, randomly it will make a random corresponding point. Image size restricts the transformation, the shapes don't even seem to be morphing into the right shapes. I give up. Really frustrating.
BROOO THANK YOU!!!!!!!!!!!!!!!!! YOU'R THE BEST!!!!!! I LEARNED EVERYTNice tutorialNG I NEEDED TO KNOW THAN YOU VERY
Hi. Great tutorial.
In my case i have a split-in-two object that i need to reshape.
Only problem, there is a mask created for each part of the object and can't morphed at the same time.
I'd be happy to see a reply
Thanks in advance!
Quick, to the point and amazing!
Dude... u give hope
Nice job!! I get everything except both mask copies are rescaling to their original size when copied to the opposite layers, and I'm left with 2 different shaped masks per layer. Is there a setting I'm missing or a fix for this?
same problem...
This helped a lot, thanks for making and keep up the good work :)
İ have a problem. My small object doesnt get bigger. it has to transform small mask to big mask. the image transforms but stucks in small mask.
thank you straight to the point
I got the task to morph one animal illustration into another - got a total of about 50 illustrations. I just use 2 animals per composition, just like in your video.
Everything worked fine for the first one, but then it seems that the effect on the destination layer only affects the left side of the animal (the head is morphing into the other head, but the back stays where it should be at the end).
If I play the Preview in a lower resolution, everything seems to be like it should behave, but if i render the final video or just let it load a frame in the middle of the effect you can problem.
Putting in more or less c.points, switching the elasticity or interpolation mode... nothing worked.
Difficult to describe, but i couldn't find any help.
More confusing is the fact, that some compositions work just fine and some won't.
Does anyone else have the same problem as me? Whenever I try to set the destination source to the bottle, it will only show the apple mask and when I click on the bottle png, it will only show me the Bottle mask. Meaning I can't set a destination for either images to the other.. I'm stuck at the reshape part because of it.. Am I missing something?
omg, is there no easier way to do this? what about creating a sequence from many png and play with the frame rate, sampling, frame blending and motion blur?
help! my png drawing that I drew on procreate has 88 masks?!?! how do I get it down to one mask?
Great video, the program works great
I am very glad that you save my money
Omg thanks very much ! ✨
thank you very very very much, you help me a lot
I want to convert the letter A into a rectangle. All good, but I don't know what to do with the triangle that is inside. How do I make it go away?
do the pngs need to have the same dimensions? I've tried morphing a smaller png to a larger png but the stretch doesn't go past the png's size it just fills out as far as it can
Same Issue here. Ever find a fix?
Ctrl + T to resize the mask manually worked for me. But I doubt it's the best/only work around...Seems this tutorial fails to explain that images need to be default position, size, etc.
Kees Fluitman Thank you man, you really helped me
although the masks work now. I also do have to problem that a smaller image seems to restrict any kind of morphing to it's invisible square "edges". Anyone got an Idea?
Fuck, I'm having the same problem
ITS REALLY WORKED LOL THANK YOU DUDE
When I morph my image only makes itself bigger within its own path.
If that makes any sense could you please help me?
Brilliant tutorial!
I needed this, and have followed it precisely, however I run into a weird problem. my shorter png also needs to reshape into a taller png, however when it does so, it seems to be cropped on the top and bottom along the edges of the original png image file (in addition to not quite reaching the proper final shape). No amount of playing with "boundary mask" or anything else helps. The shape morphs, but is cut off. I'm very new to AE, so any tips would be greatly appreciated!
Thx!!!
The mask moves rather than morphs. Any idea what i'm doing wrong?
And when my objects have MANY MULTIPLES MASKS? Like a intire title and logo.
-
Actually, my first object has 12 masks, 4 subtractive, 8 in add and 5 in none just to guide me to the final shape.
My final object has 5 masks, 1 in add and 4 in subtractive.
I'm trying to use the reshape fx, but I have no idea how to develop this case hahaha
very very gooood, thaaankss maan✨✨✨✨✨✨✨✨✨✨
what about morphing a text mask (many letters) into a png with multiple mask layers? I cant not figure out how to do that. Please help
is it normal if ae lahs when I trace an image that has lots of points(vertices may be)? I can t anything normally (((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((((
Whenever I auto-trace a png file, the mask it delivers is a complete different size and position than the shape. Help?
I'm working with a multiple shape png. Can I still morph that png into another (single) shape png?
Thank you! this video has helped me so much! :)
thank u helped me a lot
useful tutorial.. I will try it
thank you so much , it worked :)
thank you it's really helped but what to to if the image has a lot of masks
Thanks so much! Good work
Nice and simple....Explained well, thankyou
Why do my image traces expand when I add reshape? How can I correct it?
Himansh aap kaha se ho bhai ma bhi lodhiwal hu lataki lodhiwal sar name kam hi milte h
keep the good work
I've learned something today. Thanks
What is the name of the effect in spanish? Sorry but i can't set up my after in english.
When i click on auto trace for a png image , im getting more than one mask , i have no idea what to do now
same, i get like 38 masks
The masks will be colour coded, so delete the ones you don't need and just keep the main mask.
Good job, dude
Keep it up man, great videos, subscribed.
+Biotones Biotones Awesome, thanks :D
Hello Mobox I've an issue that is when I copy Bottle Mask and Paste It on Apple Mask then size of bottle mask is going to show small like apple size. i63.tinypic.com/v8o4sg.jpg Could you please solve this issue?
SAVED MY LIFEEEEE THANK YOU
thank you For Knowledge
How can you do the copy on 02:51 to 02:54? What button is it? Thanks!
what if theres more than one mask in the source mask
You need to use multiple reshape effects.
Just delete the unwanted masks
This is awesome. Nice job
Great video! now... the GMS soft really distorted in my mac, I searched a couple of tutorials to change in nu Options content settings,
Hi, I tried this and it works great at quarter resolution, but as I increase the resolution, the effect just doesn't want to work at all..it comes up with the weirdest shapes that have nothing to do with the points i set..it's not a graphics card problem, because I tried different computers with better hardware. Any other ideas why it won't work? It would really be appreciated, as I'd have to just do it by hand frame by frame otherwise :(
I'm having exactly this problem! It's driving me insane! How did you fix it? Did you?
Morgan Nichols no, sorry. I ended up doing it frame by frame...nobody I asked has any idea what the problem is!
Hi Morgan, If you want to send me over your project file via email I can take a look at is this evening. Let me know
MikeInBusiness@gmail.com
Thanks a lot!!
Dude, you saved me. Subscribed!
Most of the tuts on this channel spawned from hammering my dead on the table trying to figure out an effect. Glad it could help!
- Mike from Mobox
Raster (Photoshop) vs. Vector (Illustrator) ☺👌
Anyone know any good sound effects for this?
Am I right in thinking it isn't possible to just copy and paste the correspondent points?
Thanks dude
Thanks for your great Ideas
i keep getting an error message saying “inconsistency between image rectangles anyone know why?