Photoshop设计动态APP演示动画
- 2022-12-24 18:13:45
- 来源/作者:互联网/佚名
- 己被围观次
动态已成趋势,相比静态,更直观,更能展示产品效果。本教程将教你用PS制作动态演示GIF教程
本教程使用了PS CC,但是CS5和CS6依然能够支持本教程。
静态设计
步骤1
新建画布
步骤2
视图>新建参考线,垂直,间隔15px,左面4条,右面4条
视图>新建参考线,水平,在40px,128px,220px处设置水平参考线。
完成后效果如下图。
步骤 3
在画布上添加状态栏(也就是第一条水平参考线上方40px处),状态栏各位可以从源文件里面直接复制获取。
不过这里我用了iOS 7 UI Kit的动作包>>>>微盘下载
下一步,创建新图层,然后在40px和128px之间创建选区,填充颜色#2c3137.
步骤4
在标题栏添加应用的标题和Logo
步骤5
画一个放大镜icon,圆形结合圆角矩形即可,颜色和App Logo相同。
再画一个选项icon,圆角矩形即可,颜色和App Logo相同。
*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)
上一篇:ps设计立体舞台场景
下一篇:海报制作,制作科技感失量海报照片