Photoshop inserts GIF animated diagram into mobile phone template post-tutorial

Source: Internet
Author: User
To the users of Photoshop software for detailed analysis to share the GIF animated diagram embedded in the mobile phone template of the later tutorial.
Tutorial Sharing:

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:

Okay, the above information is small make up to you photoshop this software users of the detailed version of the GIF animation embedded in the mobile phone template of the later tutorials to share all the content, you see the users here are now very clear to make a tutorial it, Then you go to follow the small series of tutorials to try it yourself.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.