赞助黄金VIP免广告免费下载
赞助小龙VIP可参加【互赢计划】赚钱

           点击文字这里赞助一下吧!小龙感谢您的支持

卷轴动画效果后续教程

一、视觉解构:从山水卷轴到动画元素拆分

观察画面:青绿背景下,木轴(旋转主体)、画芯(动态焦点)、山水背景(氛围衬托) 构成核心。制作前需明确:

  • 轴的运动:收起时顺时针 / 逆时针旋转,需定义旋转中心(轴的圆心,决定旋转是否自然)。
  • 画芯的变化:模拟 “卷纸” 效果,需从完整显示→逐步收缩,需拆解为可变形的图形元件(如上下两部分向轴卷动)。
  • 背景的作用:青绿纯色背景突出卷轴主体,动画中可通过渐变或模糊增强空间感,避免单调。
卷轴动画效果后续教程

二、Animate 动效核心:关键帧与运动逻辑

1. 素材与元件准备

  • 用 PS 分层导出:画芯(单独层,保留透明通道)、木轴(单独层)、背景(纯色可直接在 Animate 绘制)。
  • 转换为元件:轴设为影片剪辑(方便控制旋转),画芯设为图形元件(支持变形编辑),背景设为静态图形。

2. 关键帧与补间设计

  • 轴的旋转
    • 第 1 帧(初始):轴静止,旋转度数为 0。
    • 第 30 帧(收起完成):设置旋转度数为360°(或多圈,根据收起速度调整),添加 **“旋转” 补间动画 **。
    • 细节:通过 “属性面板” 调整旋转方向(顺时针 / 逆时针),用 “缓动” 让旋转先快后慢,模拟真实卷动惯性。

扫码访问小程序中的本文

微信小程序二维码
© 版权声明
THE END
喜欢就支持一下吧
点赞64 分享