Photoshop设计动态APP演示动画

2023-11-12 09:26:39 来源/作者: / 己有:3人学习过

点击具体项效果

步骤1

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

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

步骤2

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

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

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

步骤 3

添加帧,隐藏Tap圆图层。

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

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

步骤4

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

效果:

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

嵌入到手机模板里

步骤1

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

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

每一帧都变成了图层

步骤2

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

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

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