I already have the idea in my head but I'm not sure how to execute.

I have a couple of years experience with Illustrator and have designed several "stop action" artboards but I know there has to be a better way.

The logo is made up of several pieces of the same shape. I took all of the pieces apart and made it look like a puzzle to be put back together. The shapes move around, like the puzzle is being solved and when it is complete, it forms a hexagon. The hexagon will inflate like a bubble, then deflate slightly to the final logo, which is a hexagon with all sides slightly concave.

I have access to all Adobe programs now but I don't want to waste time learning several that won't help me achieve the end goal for this project.

  • Ideas arent worth anything, only implementations that turn amazing are. (Ideas are always perfect in your mind, they just arent so perfect once you start to implement things. No because of lack of tools but actual idea in your brain is a half truth)
    – joojaa
    Feb 25, 2019 at 19:31
  • Where is it going to be used? There are many javascript solutions for making svg animations super easy but that's not going to help you much if you need it for a video.
    – Joonas
    Feb 25, 2019 at 20:16
  • Mostly on the website and maybe used on the app. It will be a quick one.
    – atxboymom
    Feb 25, 2019 at 21:42
  • If you decide to go with AE, I'd suggest trying Bodymovin plugin. Here's one tutorial that seems to outline what it does pretty well: youtu.be/h8tInajwIHo
    – Joonas
    Feb 26, 2019 at 22:09

3 Answers 3


From Adobe's options, I agree After effects is the one, but the most suitable program could also be a 3D one depending on the "look".

You can also take a look at Blender. But it can potentially be a challenge to learn if you are not familiar with any 3D program. The good thing is that there are a lot of tutorials out there.

  • I have stayed with 2D thus far but I am going to explore 3D soon. Thanks for the tip!
    – atxboymom
    Feb 26, 2019 at 20:23

If you really want to learn to animate, then After Effects is the way to go. While you can more or less let things move around in most Adobe tools, I'd say that After Effects is by far the best tool for this, with the best control over any aspect. You can create your assets in Illustrator and then animate them in After Effects.

  • This is what I started looking into but I wanted to make sure it was appropriate before I burned up all of the time on learning it when it wasn't what I needed. Between SkillShare and Lynda, I think I'll get it worked out. Thanks!
    – atxboymom
    Feb 25, 2019 at 21:45

I agree that After Effects is by far the best software to do this. However, it can have a pretty steep learning curve to fully understand keyframing and getting things to animate smoothly.

Another option is to use the Photoshop 'Timeline' feature. It is pretty similar to stop motion animation and will be fairly tedious to manually move all of the puzzle pieces around.

  • That was my concern with Photoshop and I'm already a total newbie in Ps. Might as well give Ae a whirl. Thanks for the advice!
    – atxboymom
    Feb 26, 2019 at 20:25

Your Answer

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

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