PS打造动态APP演示效果教程(3)

来源:网络   作者:热心网友   发布时间:2016-06-21    浏览次数:1053

点击菜单分类项效果

步骤1

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

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

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

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

步骤2

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

步骤3

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




步骤4

再添加一帧,再隐藏剩下的那个描边

clip_image044

步骤5

添加新帧,隐藏tap圆

步骤6

创建新帧,将和杂志无关的内容项不透明度设置为0%(这里修改了最后一个作品)

步骤7

依旧在这一帧中,将和杂志相关项上移

步骤8

在当前帧和上一帧直接选择过渡,为了加速动效,要添加的帧数选择3

步骤9

最后一帧设置延迟1s

效果展示:

点击具体项效果

步骤1

创建关键帧,延迟0.2s,显示Tap图层组(移动到具体项位置)




步骤2

添加新帧,延迟0.1s,隐藏最细的描边

再添加新帧,隐藏次细描边

步骤 3

添加帧,隐藏Tap圆图层。

添加帧,将具体项大图不透明度设置为100%,将图中的小项不透明度设置为0%

步骤4

在当前帧和前一帧添加过渡,要添加的帧数5

效果:

嵌入到手机模板里

步骤1

时间轴面板,选择将帧数拼合到图层

每一帧都变成了图层

步骤2

在图层面板中选择所有帧,转换为智能对象,然后点击转换为视频时间轴

步骤3

将智能对象复制到模板PSD里面

步骤4

选择智能对象,按cmd+(Control-T),按住CMD/Control来调整每个点。

步骤5

保存为web所用格式,ok,成功。

(如果对效果不满意,可以导出城视频,然后导入到AE中合成)

123共3页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4278.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通