PS设计教程网欢迎你!

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

文章来源于 UICN,感谢作者 MohammadJeprie 给我们带来经精彩的文章!
设计教程/PS教程/动画教程2014-08-08
步骤8:在菜单项的左右添加箭头,使用圆角矩形即可。 步骤9:背景填充为标题栏和菜单栏的颜色,确保背景图层处于GUI元素下方。 步骤10:在主题区域中,划出如下图选区,填充颜色#3f464e 添加图层样式,描边,内阴影

步骤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演示动画

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa