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

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

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

教大家制作一个动态的界面展示效果图片,教程主要讲解动态图片的制作方法,分享给UI设计者了。

老王说:很多时候我们在网站上看到很多炫酷的动态界面效果,他们呈现着立体的效果,不仅是界面有着动画,并且在侧面我们也能清晰的看到随着页面动画也在发生变化。这么炫酷的效果到底是如何制作出来的呢?

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

1

导入GIF转为智能对象

首先吧GIF动画图丢入到PS中,在【窗口】里面的打开【时间轴】面板。

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

点击时间轴面板里左下角点击【转为时间轴】按钮,将帧动画显示调整到时间轴的显示效果。

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

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

选中所有的图层,右击图层【转换为智能对象】

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

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

2

制作展示透视图

新建一个800x600像素,分别率为72的画布。

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

选择一个合适的前景色,Alt+Delete将前景色填充到画布中。

学习 · 提示

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

关注大神微博加入>>

网友求助,请回答!