Mobile app version of vmapp.org
Login or Join
Speyer780

: How can I create an animated device mockup? 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

@Speyer780

Posted in: #AdobePhotoshop #Animation #Gif

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.

10.04% popularity Vote Up Vote Down


Login to follow query

More posts by @Speyer780

4 Comments

Sorted by latest first Latest Oldest Best

 

@Si6392903

THE MOST SIMPLE WAY: THIS IS A FREE ANIMATED MOCKUP .PSD FILE of a website scroll dow and a menu animation completely edit and animated in photoshop ridiculous easy to edit and play around, you can download the file for free here, i also have a tutorial video of how is easy to edit this freebie.

10% popularity Vote Up Vote Down


 

@Pope1402555

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

10% popularity Vote Up Vote Down


 

@Holmes874

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.

10% popularity Vote Up Vote Down


 

@Sims5801359

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

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

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme