: How to place UI gif in iPhone perspective mock for use on sites like Dribbble I've seen many tutorials about how to convert a .mov file to a gif in Photoshop (Convert Video Frames to Layers,

@Bethany839

Make a new layer that will be the screen contents (make it the resolution of the iPhone screen you're visualising, you can find this on Google)
Right click on the layer, convert to smart object (you'll notice a small page icon appear on that layer)
Double click that layer, it will open a new PSD. This is where your animation will be
Create your screen movie using the timeline controls in Photoshop
Save the document
Back in your original document with the smart object layer, you can distort that layer using CMD+T (Mac) or CTRL+T (PC), right click when transforming and more transform options are available to you, I recommend distort. Just match up the corners.
Give the original document a timeline by clicking create video timeline in the timeline palette
Press play and it should contain the perspective animation.
You can add a screen glare layer above it for added realism
Export it as whatever filetype you need, done.

Vote Up Vote Down