首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> GIF 动画 >> 正文

PS制作动态界面展示GIF动画效果教程

[ 作者来源:站酷 micu设计 编辑整理:PhotoShop资源网 更新时间: 2016-11-08 录入: 黄叶飞扬 ]


点击时间轴面板进行创建时间轴。然后【Ctrl+S】对文件进行保存。


按此在新窗口浏览图片


按此在新窗口浏览图片


保存完毕后我们回到之前的透视展示的画布中,可以看到所有的智能对象都进行同步了,

再次在时间面板中点击创建时间轴,这时候GIF动画就置入到透视的效果中了。


按此在新窗口浏览图片


4

调整展示细节,加强页面效果

为了让界面的透视感更为真实我们可以对所有的智能对象Ctrl+G进行编组,编组好后,双击编组添加图层样式【投影】

按此在新窗口浏览图片


在丰富一下背景光源的颜色,让整体变得更为完整。


按此在新窗口浏览图片


最后在时间面板上调整动画【工作区域】的开始结束,从而保证动画的开始和结束是循环的。【空格键】可以进行动画预览。


按此在新窗口浏览图片


制作完毕后【Ctrl+shift+Alt+S】对动画进行保存,选择GIF格式,在面板下方的循环选项中【选择永远】,这样导出的GIF才是循环播放的。

按此在新窗口浏览图片

最终效果!

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!