优艾设计网

Photoshop设计动态APP演示动画

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

步骤9

同步骤7,选择过渡

Photoshop设计动态APP演示动画

添加新帧,隐藏Tap图层组。

Photoshop设计动态APP演示动画

效果演示:

Photoshop设计动态APP演示动画

点击菜单分类项效果

步骤1

现在想要设置点击菜单项后的效果。首先,创建新的帧0.5s。

然后再创建一个帧,在这个帧里面,

将首页加(粗版)不透明度设置为0%,常规从0%->100%

杂志(粗版)不透明度设置为100%。常规从100%->0%

Photoshop设计动态APP演示动画

步骤2

激活Tap图层组,将其移动到杂志选项附近,然后将帧延迟设置成0.2s

Photoshop设计动态APP演示动画

步骤3

创建新帧,延迟0.1s,隐藏tap图层组中最细的描边

Photoshop设计动态APP演示动画

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

精彩评论

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