很多设计师可以做出动效gif，但不知道如何嵌入到模版里如下图这样展示：

昨天有个设计妹子问我这个问题，既然是妹子那我就花五分钟教你嵌入gif到模板。

1.首先利用hype或者pixate做出一张动态的gif图如下：（注：AE可以保存成.mp4 ，pixate可以录屏，hype可以直接转换成gif，视频格式可以通过软件或ps转换成gif，总之就是做出你想要的动效gif

2.用ps打开gif图片，窗口-时间轴面板，单击选择将帧拼合到图层，这样就把所有的帧转换为了图层：

3.继续单击转换为视频时间轴（注：视频时间轴才可以一个图层进行动画）

4.选择图层面板中所有图层右键转换为智能对象：

5.将智能对象拖到事先准备好的模板里面，通过嵌套的智能对象放入手机模板或者通过command+T改变透视关系，然后创建视频时间轴，播放看一下效果。最后保存web所用格式。（注：保存web格式时可以通过右下角的百分比调整文件大小。）

6.看一下整体效果：

7.以上动效是jaret用pixate制作的，链接：http://www.ui.cn/detail/61144.html，还有源文件哦！回复pixate观看pixate的介绍文章！你们发下没有，这绝对是个亮瞎狗眼的公众号，那还不推荐给你身边努力上进吊炸天的设计师朋友吗？

                                                              获取更多关于设计相关的原创内容

                                                               欢迎长按二维码关注：payshare

                                                                    有帮助，那就点个赞