Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

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 (the association bonus does not count).

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