PS teach you easy 6 steps to embed the GIF animated map into the phone template

Many designers can do an animated GIF, but do not know how to embed in the template as shown in the following diagram:

Yesterday, a design sister asked me this question, since it is a sister then I will spend five minutes to teach you embed GIF to template.

1. First use hype or pixate to make a dynamic GIF map as follows:

(Note: AE can be saved as.) MP4, Pixate can record screen, hype can be directly converted to GIF, video format can be converted to GIF through software or Photoshop, in short, to make you want the animated GIF)

2. Open the GIF picture with Photoshop, Window-timeline panel, click to select the frame to flatten to the layer so that all the frames are converted to layers:

3. Continue clicking to convert to video timeline (note: The video timeline can animate a layer)

4. Select all layers in the layer panel to convert right to smart objects:

5. Drag the Smart object to the prepared template, insert the phone template through the nested smart object or change the perspective relationship through Command+t, then create the video timeline and play the effect. Finally, save the format for the web. (Note: When you save a Web format, you can resize the file by a percentage of the lower-right corner.) )

6. Look at the overall effect:

Category:

• PS Getting Started Tutorial