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

__聤丠ｂ¨﹖ · 发表于 2014-8-9 02:20:00

播放一下，不要忘记循环次数选择永远，更好地观摩效果以便调试

__聤丠ｂ¨﹖ · 发表于 2014-8-9 02:20:01

步骤8
现在我们想让界面滚动回来，我们需要复制第二帧到最后一帧
拷贝单帧
选择粘贴单帧，将其移动到最后一帧。

__聤丠ｂ¨﹖ · 发表于 2014-8-9 02:20:02

步骤9
同步骤7，选择过渡

__聤丠ｂ¨﹖ · 发表于 2014-8-9 02:20:03

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

__聤丠ｂ¨﹖ · 发表于 2014-8-9 02:20:04

效果演示：

__聤丠ｂ¨﹖ · 发表于 2014-8-9 02:20:05

点击菜单分类项效果步骤1
现在想要设置点击菜单项后的效果。首先，创建新的帧0.5s。
然后再创建一个帧，在这个帧里面，
将首页加（粗版）不透明度设置为0%，常规从0%->100%
杂志（粗版）不透明度设置为100%。常规从100%->0%

__聤丠ｂ¨﹖ · 发表于 2014-8-9 02:20:06

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

__聤丠ｂ¨﹖ · 发表于 2014-8-9 02:20:07

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

__聤丠ｂ¨﹖ · 发表于 2014-8-9 02:20:08

步骤4
再添加一帧，再隐藏剩下的那个描边

__聤丠ｂ¨﹖ · 发表于 2014-8-9 02:20:09

步骤5
添加新帧，隐藏tap圆

__聤丠ｂ¨﹖ · 发表于 2014-8-9 02:20:10

步骤6
创建新帧，将和杂志无关的内容项不透明度设置为0%（这里修改了最后一个作品）

__聤丠ｂ¨﹖ · 发表于 2014-8-9 02:20:11

步骤7
依旧在这一帧中，将和杂志相关项上移

__聤丠ｂ¨﹖ · 发表于 2014-8-9 02:20:12

步骤8
在当前帧和上一帧直接选择过渡，为了加速动效，要添加的帧数选择3
步骤9
最后一帧设置延迟1s

__聤丠ｂ¨﹖ · 发表于 2014-8-9 02:20:13

效果展示：

__聤丠ｂ¨﹖ · 发表于 2014-8-9 02:20:14

点击具体项效果步骤1
创建关键帧，延迟0.2s，显示Tap图层组（移动到具体项位置）

账号		自动登录	找回密码
密码			注册

[广告包装设计] Photoshop制作流畅的动态APP演示动画