Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I saw an amazing animated gif:

Animated GIF of morphing faces

And I thought I should give it a go.

I tried laying out several friends' pictures in movie maker and power director and though I sort of have a video where it is animated up to an extent, it is not as fluid, it feels more like a slideshow no matter how much I tweak the time/tween.

I thought, may be I need to fine control it and opened up Photoshop and added layer mask to go from image to image...though this is a lot better, I still don't have this fluidity.

I am not sure this is the right place to ask this question, but do any of you know how this method can be achieved? I think it's a great pic!

share|improve this question
That is very similar to this, if not the same: – Joonas Jan 31 '13 at 6:39

This has very little to do with GIFs.

Firstly you need to create the face-morph effect. There are apps that do it for you but it isn't a one-click process.

Secondly ther is a transition effect to blend between stages. It includes tiles, waves and a gradient mask.

Either way, this video (which it was at one point) isn't an easy process if video editing is not your field.

Final step, converting to gif: This can be done by most professional video editing programs, but you can also find online converters. Google will help with that.

share|improve this answer
I think that there is possibly a flag-wave loop being used as for lighting modulation. The tiles seem fairly uniform, probably a static filter but give the impression of motion due to the shoulders and background from individual portraits. The two (one?) basic effects are applied with a central gradient mask such that the effects are more pronounced at the edges of the frame and the center is more purely the morphed frames. – horatio Jan 30 '13 at 17:38
Great addition on how to execute those details. I totally missed the gradient mask. – KMSTR Jan 31 '13 at 5:52

After Effects is the best program for this. There is also a wave effect effecting the opacity of the tiles which cant easily be replicated in PS.

GIF is just a format to export to after it is created, it could just as easily be an .MP4, .MOV or .AVI.

share|improve this answer

protected by Darth_Vader Dec 15 '14 at 2:01

Thank you for your interest in this question. Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site.

Would you like to answer one of these unanswered questions instead?