当前位置:主页 > PS教程 > 设计教程 >

PS制作流畅的动态APP演示动画(2)

  • 2021-05-06 15:46
  • 来源/作者:UICN/MohammadJeprie
  • 己被围观

步骤8:在菜单项的左右添加箭头,使用圆角矩形即可。 步骤9:背景填充为标题栏和菜单栏的颜色,确保背景图层处于GUI元素下方。 步骤10:在主题区域中

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

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

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

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

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

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

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

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

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

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

步骤11:在形状上方画一个白色圆角矩形,我们会在这个区域放置图像。

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

设置图层样式内发光,图层样式若不满意可不设置。

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

步骤12:添加图像,然后创建剪贴蒙版

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

然后添加文本图层,利用尺寸,颜色,粗细,来营造清晰的阅读层级,最后添加几个按钮图标。

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

步骤13:其他几个矩形同理

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

(责任编辑:xiaochuan)

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

分享到:

标签(TAG) GIF 动态图设计 动画教程 

更多精彩内容

  • <font color='#FF0000'>Ps制作照片逼真投影</font> Ps制作照片逼真投影
  • <strong>如何在ps中创建令人敬畏的</strong> 如何在ps中创建令人敬畏的
  • <strong>ps去除水印</strong> ps去除水印
  • <strong>ps惊人新功能、自动着色、</strong> ps惊人新功能、自动着色、