PS设计教程网欢迎你!

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

文章来源于 UICN,感谢作者 MohammadJeprie 给我们带来经精彩的文章!
设计教程/PS教程/动画教程2014-08-08
步骤7:依旧在这一帧中,将和杂志相关项上移 步骤8:在当前帧和上一帧直接选择过渡,为了加速动效,要添加的帧数选择3 步骤9:最后一帧设置延迟1s 效果展示: 5.、点击具体项效果 步骤1:创建关键帧,延迟0.2s,显示

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

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

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

步骤9:最后一帧设置延迟1s

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

效果展示:

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

5.、点击具体项效果

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

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

步骤2:添加新帧,延迟0.1s,隐藏最细的描边;再添加新帧,隐藏次细描边。

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

步骤3:添加帧,隐藏Tap圆图层。添加帧,将具体项大图不透明度设置为100%,将图中的小项不透明度设置为0%

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

步骤4:在当前帧和前一帧添加过渡,要添加的帧数5,效果:

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

6.、嵌入到手机模板里

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

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

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