当前位置:首页>ps入门教程>动图教程>动画教程>教程内容

APP展示图,利用PS制作动态展示图片教程(3)

来源:站酷 作者:micu设计 学习:20856人次

“双击”图层中的【智能对象】,打开智能对象后,将之前的GIF图的智能对象拖拽到画板中。

APP展示图,利用PS制作动态展示图片教程_www.16xx8.com
<点图片看大图>

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

APP展示图,利用PS制作动态展示图片教程_www.16xx8.com

APP展示图,利用PS制作动态展示图片教程_www.16xx8.com

保存完毕后我们回到之前的透视展示的画布中,可以看到所有的智能对象都进行同步了,再次在时间面板中点击创建时间轴,这时候GIF动画就置入到透视的效果中了。

APP展示图,利用PS制作动态展示图片教程_www.16xx8.com
<点图片看大图>

4

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

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

APP展示图,利用PS制作动态展示图片教程_www.16xx8.com
<点图片看大图>

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

APP展示图,利用PS制作动态展示图片教程_www.16xx8.com
<点图片看大图>

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

APP展示图,利用PS制作动态展示图片教程_www.16xx8.com

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

APP展示图,利用PS制作动态展示图片教程_www.16xx8.com
<点图片看大图>

好了,炫酷的界面展示动画就制作完毕了,

欢迎关注MICU设计,每天学习一个小技巧,我是王铎和你们一起成长~

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序

关注大神微博加入>>

网友求助,请回答!