PS设计教程网欢迎你!

Photoshop制作动态界面展示GIF动画效果(3)

文章来源于 站酷,感谢作者 Micu设计 给我们带来经精彩的文章!
设计教程/PS教程/动画教程2016-11-08
点击时间轴面板进行创建时间轴。然后【Ctrl+S】对文件进行保存。 保存完毕后我们回到之前的透视展示的画布中,可以看到所有的智能对象都进行同步了, 再次在时间面板中点击创建时间轴,这时候GIF动画就置入到透视的

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

Photoshop制作动态界面展示GIF动画效果

Photoshop制作动态界面展示GIF动画效果

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

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

Photoshop制作动态界面展示GIF动画效果

4

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

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

Photoshop制作动态界面展示GIF动画效果

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

Photoshop制作动态界面展示GIF动画效果

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

Photoshop制作动态界面展示GIF动画效果

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

Photoshop制作动态界面展示GIF动画效果

最终效果!

Photoshop制作动态界面展示GIF动画效果

进入论坛交作业:http://www.missyuan.com/thread-795134-1-1.html

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa