Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

Say I have a GIF such as this:

How could I create something like this, where the user added this video into a still shot of an iPhone?

Better yet, if I could put it in a mockup like this where it has a smart layer that I would normally just drop my still image into, but in this case I'd love a GIF. I have Adobe Photoshop CS6.

share|improve this question
According to the discussion on the Dribbble file you linked to: After Effects –  DA01 Aug 27 '13 at 4:10
nice find @DA01 –  Adam Schuld Aug 27 '13 at 9:10
Mocha will also do this. Lotsa plug-ins. Awesome control. –  Stan Sep 7 '13 at 15:09
add comment

3 Answers

CreativeDash used this template to make that animation effect (It's $14 but there's a free preview). Hope that helps!

P.S. Make sure you have After Effects and Photoshop installed!

share|improve this answer
Thankyou, an unexpected treasure this morning. –  Stan Sep 7 '13 at 15:11
add comment

Prepare every stage in a layer. Open window -> animation from photoshop menu, click the small icon which located top left of animation panel then choose "make frames from layers", set the time from bottom left of animation panel and save for web as gif.

share|improve this answer
add comment

You can use photoshop by creating different different layers for different key frames and using timeline option in photoshop you can generate gif animations.

share|improve this answer
add comment

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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