当前位置:首页 > PS教程 > 制作实例

Photoshop设计动态APP演示动画

  • 2022-12-24 18:13:45
  • 来源/作者:互联网/佚名
  • 己被围观

动态已成趋势,相比静态,更直观,更能展示产品效果。本教程将教你用PS制作动态演示GIF教程

点击具体项效果

步骤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演示动画

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • ps制作一枚金币 ps制作一枚金币
  • ps制作一个热带水球图片教程 ps制作一个热带水球图片教程
  • 利用黑白灰设计一张图片 利用黑白灰设计一张图片
  • ps制作一本武侠秘籍教程 ps制作一本武侠秘籍教程
  • 海报制作,制作夏日水果海报 海报制作,制作夏日水果海报
  • Photoshop制作黑胶效果的唱片教程 Photoshop制作黑胶效果的唱片教程
  • ps制作一本非常逼真的古书 ps制作一本非常逼真的古书
  • ps端午节海报制作教程 ps端午节海报制作教程