优艾设计网

Photoshop设计动态APP演示动画

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:MartinRGB
本教程使用了PS CC,但是CS5和CS6依然能够支持本教程。 静态设计 步骤1 新建画布

步骤11

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

Photoshop设计动态APP演示动画

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

Photoshop设计动态APP演示动画

步骤12

添加图像,然后创建剪贴蒙版.

Photoshop设计动态APP演示动画

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

最后添加几个按钮图标。

Photoshop设计动态APP演示动画

步骤13

其他几个矩形同理

Photoshop设计动态APP演示动画

步骤14

先把主要区域的矩形图层全部隐藏,然后构建一个较大的矩形区域,这将应用到选择具体卡片后的细节界面。

做完后,此图层组不透明度设置为0%

Photoshop设计动态APP演示动画

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消