ADOBE AFTER EFFECTS: Forum Expressions Tutorials Creative Cloud

How to create 2D "absorption" effect in AE

COW Forums : Adobe After Effects

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Alex Murphy
How to create 2D "absorption" effect in AE
on Feb 18, 2013 at 10:03:31 pm

Hey everyone! I'm creating a graphic for an Indiegogo video, and I was wondering how I would go about making an absorption effect that makes it look like a large central circle is "swallowing" a ring of smaller circles around it. As a perfect example, here's a promo video for Squarespace. At 1:20 they have a graphic showing Squarespace spitting out and then reabsorbing a bunch of logos:

http://www.squarespace.com/#watch-video

And here's a frame grab:



Any tips on which tutorial videos to check out or effects to play around with would be greatly appreciated. Thank you!

- Alex


Return to posts index


Vishesh Arora
Re: How to create 2D "absorption" effect in AE
on Feb 19, 2013 at 9:51:40 am

Alex

You have to create the Center Circle with a Circular mask on a Solid. Then you can add the vertex(say 2 or 3) from where small circles will enter and animate the Big Circular mask by Keyframing its Mask Path parameter.

Go through this article about Animating Mask Shapes.
Also there is small feather when the small circles merge with the center one. If you have CS6 there is an option to add feather with the new feather tool.

Mask Feather Tool

I am not at home right now but will surely create an example after getting back.

Vishesh Arora
3D and Motion Graphics Artist
Films Rajendra

Blog:
http://digieffects.wordpress.com

2011 3D Demo Reel:








Return to posts index

Alex Murphy
Re: How to create 2D "absorption" effect in AE
on Feb 19, 2013 at 6:05:44 pm

Thanks Vishesh! I'll read through all the Adobe info about animating mask shapes. And yes I have CS6 so I'll look into utilizing the feather tool as well. Thank you for offering to make a simple example, if you end up having time that would be a great thing for me to learn from - Alex


Return to posts index



Vishesh Arora
Re: How to create 2D "absorption" effect in AE
on Feb 19, 2013 at 9:12:57 pm

Alex

Here is an example that I have created:

5483_2danimationabsorbinganimatingmaskpath.zip

I was using my laptop so its a CS3 version file and there is no feather around the mask when the absorption takes place. But you can use that feature in CS6.

Hope this may help.

Vishesh Arora
3D and Motion Graphics Artist
Films Rajendra

Blog:
http://digieffects.wordpress.com

2011 3D Demo Reel:








Return to posts index

Alex Murphy
Re: How to create 2D "absorption" effect in AE
on Feb 19, 2013 at 9:43:15 pm

Your little demo is perfect, I know what to do now. I'm sure I learned about keyframing mask layers in the tutorial series I took, but clearly I forgot all about it haha. Thanks again! - Alex


Return to posts index

Vishesh Arora
Re: How to create 2D "absorption" effect in AE
on Feb 19, 2013 at 9:49:43 pm

I'm sure I learned about keyframing mask layers in the tutorial series I took, but clearly I forgot all about it haha.

It is not possible to remember everything all the time. Just brush up the basics on regular interval. It would help a lot.


Glad I could help. If you stuck somewhere else, Come back here and post the query :)

Vishesh Arora
3D and Motion Graphics Artist
Films Rajendra

Blog:
http://digieffects.wordpress.com

2011 3D Demo Reel:








Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2017 CreativeCOW.net All Rights Reserved
[TOP]