当前位置:首页 > PS教程 > 版本教程

Photoshop设计动态APP演示动画

  • 2022-12-24 20:14:08
  • 来源/作者:互联网/佚名
  • 己被围观

动态已成趋势,相比静态,更直观,更能展示产品效果。本教程将教你用PS制作动态演示GIF教程

本教程使用了PS CC,但是CS5和CS6依然能够支持本教程。

静态设计

步骤1

新建画布

Photoshop制作流畅的动态APP演示动画

步骤2

视图>新建参考线,垂直,间隔15px,左面4条,右面4条

视图>新建参考线,水平,在40px,128px,220px处设置水平参考线。

完成后效果如下图。

Photoshop制作流畅的动态APP演示动画

步骤 3

在画布上添加状态栏(也就是第一条水平参考线上方40px处),状态栏各位可以从源文件里面直接复制获取。

不过这里我用了iOS 7 UI Kit的动作包>>>>微盘下载

Photoshop制作流畅的动态APP演示动画

下一步,创建新图层,然后在40px和128px之间创建选区,填充颜色#2c3137.

Photoshop制作流畅的动态APP演示动画

步骤4

在标题栏添加应用的标题和Logo

Photoshop制作流畅的动态APP演示动画

步骤5

画一个放大镜icon,圆形结合圆角矩形即可,颜色和App Logo相同。

再画一个选项icon,圆角矩形即可,颜色和App Logo相同。

Photoshop制作流畅的动态APP演示动画

 1/9    1 2 3 4 5 6 下一页 尾页

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • 斗转星移陈妍希明星合成教程(10P) 斗转星移陈妍希明星合成教程(10P)
  • 变老教程,利用ps把年轻人变成老年人效果 变老教程,利用ps把年轻人变成老年人效果
  • ps超酷水墨字效果 ps超酷水墨字效果
  • 特色风格,用滤镜做GTA5风格图片 特色风格,用滤镜做GTA5风格图片
  • PS使用纹理图片调色方法 PS使用纹理图片调色方法
  • cs6抠头发丝教程 cs6抠头发丝教程
  • 做投影,教你用ps做最近十分流行的长阴影 做投影,教你用ps做最近十分流行的长阴影
  • ps鼠绘网球教程 ps鼠绘网球教程