1

I've been trying to recreate this simple effect in After Effects, but with no luck so farenter image description here

I'm fairly certain I have to work with a circular mask, but I have no idea how to make it work like in the example above. There are some tutorials that deal with masks, but none that deal specifically with Material Design animations in After Effects.

Thank you in advance.

3
  • I'd maybe change the title to something like: "How to animate circle inside a rectangle". The "Material design touch animation" seems a bit too broad, if someone is meant to find this question ever. Aren't there many types of animations in material design? I kinda feel like you've been brainwashed with the marketing term "material design". As you said, there are plenty of masking tutorials and I'm not sure what more you need. Circle shape with a scale animation and a rectangular mask. That's all you really need ( or as @Naty said, a separate comp. ).
    – Joonas
    Mar 29, 2015 at 14:10
  • You're right. These animations weren't invented with Material Design. Thanks for the tip.
    – Fadawah
    Mar 29, 2015 at 14:27
  • For fun see this
    – joojaa
    Mar 29, 2015 at 19:44

1 Answer 1

1

The simplest way is to work with a composition within a composition.

  1. Create a small composition that only has the button, there make a shape layer of your circle and enlarge it until it leaves the margins of the composition and you reach the desired animation with opacity, motion blur, etc.
  2. Place this small composition into the bigger "screen" composition.

Otherwise make a Track Matte - read about it here

2
  • Thank you for your reply. That would work, but the options are fairly limited. What I'm looking to do is filling the white canvas below with a grey touch animation and I think masks would work best.![enter image description here][1] [1]: i.imgur.com/SRv4wl3.jpg
    – Fadawah
    Mar 29, 2015 at 13:18
  • edited my answwe hope it helps
    – Naty
    Mar 29, 2015 at 13:29

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.