使用Photoshop构建动态演示GIF动画(3)

步骤3

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

步骤4

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

步骤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中合成）