APP展示图,教你把Gif动效图嵌入到手机模版
来源:优设网 作者:Jaret_杰瑞特
前天介绍了《APP展示图,教你怎么用PS制作APP的界面图片》,今天教大家怎么把Gif动效图嵌入到手机模板上,十分简单,只要几步就能做出来。
很多设计师可以做出动效Gif,但不知道如何嵌入到模版里如下图这样展示:
昨天有个设计妹子问我这个问题,既然是妹子那我就花五分钟教你嵌入Gif到模板。
1. 首先利用Hype 或者Pixate做出一张动态的Gif 图如下:
(注:AE 可以保存成.Mp4 ,Pixate 可以录屏,Hype可以直接转换成Gif,视频格式可以通过软件或Photoshop转换成Gif ,总之就是做出你想要的动效Gif)
2. 用Photoshop打开Gif 图片,窗口-时间轴面板,单击选择将帧拼合到图层,这样就把所有的帧转换为了图层:
3. 继续单击转换为视频时间轴(注:视频时间轴才可以一个图层进行动画)
4. 选择图层面板中所有图层右键转换为智能对象:
5. 将智能对象拖到事先准备好的模板里面,通过嵌套的智能对象放入手机模板或者通过Command+T改变透视关系,然后创建视频时间轴,播放看一下效果。最后保存web所用格式。(注:保存web格式时可以通过右下角的百分比调整文件大小。)
6. 看一下整体效果:
7. 以上动效是用Pixate制作的,源文件下载:http://pan.baidu.com/s/1mg0DFtu
全教程完,学完记得交作业。如果本教程对您有所帮助,请推荐给你的朋友。
旧一篇:绘制技巧,一些常用图形的绘制方法
新一篇:UI知识,图标设计初阶要先型
推荐教程
-
UI图标教程,用PS绘制一个独特的渐变风格播放器图标
全栈UI笔记 -
UI图标教程,用PS制作一个音乐图标
云中帆设计汇 -
图标设计,用PS绘制索尼PSP图标
CHEN末 -
UI图标教程,用PS制作一个音乐图标
云中帆设计汇 -
UI图标教程,用PS绘制一个独特的渐变风格播放器图标
全栈UI笔记 -
图标制作,用PS制作时尚的邮件图标
梦梦_喵喵星人 -
图标设计,在PS里制作小清新风格的天气图标
小苏打 -
图标设计,设计一款心形的APP图标
小苏打 -
玉石效果,通过PS制作太极主题玉石图标制作
PS制作小教程 -
图标设计,设计一款心形的APP图标
小苏打 -
图标设计,在PS里制作小清新风格的天气图标
小苏打 -
图标制作,用PS制作时尚的邮件图标
梦梦_喵喵星人 -
ps设计APP应用相机图标
飞特网