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

Photoshop设计动态APP演示动画

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

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

步骤6

在128和220px水平参考线之间的区域创建选区,填充颜色和上一选区颜色一样。

然后在两个区域之间添加2px,不透明度80%的亮色的分割线。

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

步骤7

选择文字工具,添加分类。

为了暗示所选中的分类,所选中的分类要用粗体、亮色。

其他用普通粗细,暗色。

然后“杂志”复制一份,使用粗体+亮色,然后不透明度设置为0%,暂时隐藏

“首页复制一份”,常规体+暗色,不透明度设置为0%,暂时隐藏

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

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

步骤8

在菜单项的左右添加箭头,使用圆角矩形即可。

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

步骤9

背景填充为标题栏和菜单栏的颜色,确保背景图层处于GUI元素下方。

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

步骤10

在主题区域中,划出如下图选区,填充颜色#3f464e

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

添加图层样式,描边,内阴影,外发光。具体参数如下。

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

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

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

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

更多精彩内容

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