Playturbo帮助中心
EN
  • 😃欢迎使用Playturbo
    • 登录指南
    • 订阅用户-页面指南
    • 定制用户-页面指南
  • 💡可玩工具-换肤编辑器
    • 作品制作-流程概要
      • 💻模板换肤编辑-案例教学
    • 作品制作-新建指南
      • 模板换肤编辑-项目新建指南
      • 定制版本制作-版本新建指南
    • 换肤编辑器-使用指南
      • 编辑页面分区介绍
        • 参数设置区
          • 参数类型介绍及操作
          • 多语言配置与智能翻译
        • 作品预览区
        • 项目操作栏
          • 换肤编辑器 -下载&推送
      • 特殊功能:3D模板
        • 3D模板-基础功能介绍
        • 3D模型工单
    • 换肤编辑器-FAQ
      • 资产替换问题
      • 素材效果问题
  • 💡可玩工具-自由编辑器
    • 作品制作-流程概要
      • 💻空白制作-交互Endcard
      • 💻空白制作-固定步骤可玩
      • 💻模板自由编辑-案例教学
    • 作品制作-新建指南
    • 作品制作-重要提示⚠️
    • 自由编辑器-使用指南
      • 编辑页面分区介绍
        • 顶部资产库
          • 项目资产
          • 资产库
            • 公共资产库
            • 我的资产库
          • 手势区域
          • 预设库
          • 全局变量
          • 玩法模板
        • 场景区
          • 全局设置
          • 普通场景
        • 图层区
        • 快捷操作区
        • 参数设置区
          • 全局设置
            • 背景常驻内容调整
            • 多语言配置与智能翻译
          • 玩法参数-场景参数
          • 场景设置-场景参数
          • 外观-图层参数
            • 图片参数
            • 序列帧参数
            • 龙骨参数
            • 文本参数
            • 粒子参数
              • 粒子贴图
              • 播放设置
              • 粒子参数
              • 物理参数
            • 视频参数
            • 音频参数
          • 动画-图层参数
          • 事件-通用参数
            • 触发事件
            • 响应事件
          • 屏幕适配方式
        • 作品预览区
          • 预览切换
          • 包体预估
          • 快捷定位
          • 参考线
        • 项目操作栏
          • 预览
          • 保存
          • 自由编辑器 - 下载&推送
      • 特殊功能:组件库&快捷排版
        • 连线组件
        • 自由画线组件
        • 擦除组件
        • 遮罩组件
        • 轮播组件
        • 快捷排版-棋盘布局
        • 快捷排版-停车解密布局
    • 自由编辑器-FAQ
      • 资产问题
      • 动画问题
      • 事件问题
      • 适配问题
      • 组件问题
      • 导出&投放问题
    • 自由编辑器-制作技巧中心
      • 模板自由编辑需知
      • 通用制作技巧
        • 制作技巧-制作流程建议
        • 制作技巧-场景制作
        • 制作技巧-资产相关
        • 制作技巧-动画设置
        • 制作技巧-事件设置
        • 制作技巧-适配相关
        • 制作技巧-玩法建议
      • 项目自查指南
  • 💡可玩工具-视频转可玩
    • 作品制作-流程概要
      • 💻视频转可玩-案例教学
    • 作品制作-新建指南
    • 视频转可玩-使用指南
      • 资产区
      • 故事板
      • 轨道区
      • 参数区
      • 预览区
      • 视频转可玩 - 下载&推送
  • 💡视频工具-视频编辑器
    • 作品制作-流程概要
      • 💻视频编辑器-案例教学
    • 作品制作-新建指南
    • 视频编辑器-使用指南
      • 创意制作-页面分区介绍
        • 资源区
          • 资产库
          • 公共资源库
            • 认识公共资源库
            • 公共资源库相关操作介绍
        • 预览区
        • 参数调整区
          • 视频资源及其参数
          • 图片资源及其参数
          • 文本资源及其参数
          • 音频资源及其参数
          • 转场资源及其参数
          • 滤镜资源及其参数
        • 轨道区
        • 操作栏
          • 详细介绍:视频导出&下载
      • 视频模板-使用建议
      • 亮点功能
        • 批量组合功能(叉乘)
          • 制作流程概括
            • 批量组合-教学视频
          • 功能分步骤介绍
            • 什么是资产组
            • 创建资产组
            • 添加资源至资产组
            • 添加资产组至轨道
            • 调整资产组及组内资源参数
              • 调整资产组参数
              • 调整组内资源参数
            • 叉乘与时序叉乘
            • 批量导出&下载推送
        • 尺寸裂变(视频编辑器)
        • 语言裂变(视频编辑器)
        • AI功能
          • AI消除
          • 智能配音
          • 字幕识别
          • 智能分镜
  • 💡视频工具-布局模版
    • 作品制作-流程概要
      • 💻布局模板-案例教学
    • 作品制作-新建指南
    • 布局模版-使用指南
      • 素材上传(含尺寸裂变-布局模板)
      • 语言裂变(通用)
      • 亮点功能:视频AI消除
  • 💡图片工具-链接生图
    • 作品制作-流程概要
    • 作品制作-新建指南
    • 链接生图-使用指南
  • 📒Playturbo-案例教学基地
    • 可玩-自由编辑器案例
      • 通用制作案例
        • 入门教学-空白制作教程
          • IEC《动态画面循环播放》教程
          • IEC《二选一决策》教程
          • 交互视频《2步滑动》教程
          • 交互视频《3步点击》教程
          • 交互视频《多结局交互》教程
          • 交互视频《3步交互》教程
        • 入门教学-模板自由编辑
          • 《动态画面循环播放》模板自由编辑教程
          • 《2步滑动交互视频》模板自由编辑教程
        • 初级教学-空白制作教程
          • 交互视频《模拟移动》教程
          • 2D playable《三选一多场景》教程
          • 2D playable《点击物品后隐藏》教程
          • 2D playable《拖拽放置》教程
          • 2D playable《多要素展示切换》教程
      • 消除匹配玩法案例
        • 棋盘布局-模板自由编辑
        • 《方块消除》模板自由制作
        • ⭐《方块三消》空白制作教程
        • 《三消装扮》空白制作教程
        • ⭐《货架三消》空白制作教程
        • 《合成新元素》空白制作教程
      • 轮播展示玩法案例
        • 轮播组件-空白制作教程
      • 跑酷玩法案例
        • 《3步交互视频》空白制作教程
        • 《左右选择跑酷》模板自由制作
        • 《情侣翻越 1》跑酷视频(分段)
        • 《情侣翻越 2》特效粒子替换
      • 装扮玩法案例
        • 《组合搭配》空白制作教程
        • 《换装搭配》空白制作教程
      • 棋牌玩法案例
        • 《纸牌接龙》空白制作教程
        • 《Skip-Bo》空白制作教程
      • 绘制玩法案例
        • 连线组件-空白制作教程
        • 自由画线组件-空白制作教程
        • 擦除组件-空白制作教程
        • 遮罩组件-空白制作教程
      • 抽奖玩法案例
        • 《翻牌开奖》空白制作教程
      • 停车解密玩法案例
        • 停车解密布局-模板自由制作
      • 其他益智玩法案例
        • 《拉环》空白制作教程
        • 《螺丝谜题》空白制作教程
    • 可玩-互动视频编辑器案例
      • 《布娃娃坠落》互动视频制作教程
    • 视频编辑器案例
      • 💻亮点功能-教学视频
        • 💻视频制作-视频批量编辑
        • 💻视频制作-文本翻译功能
        • 💻视频制作-智能字幕配音
      • 通用制作案例
        • 《叉乘&时序叉乘》教程
        • 《智能分镜》教程
        • 《尺寸联动》教程
        • 《多比例模板-快速替换》教程
      • 电商视频案例
        • 《真人产品介绍》教程
        • 《图片+视频商品展示》教程
  • 📓其他教程
    • 创意洞察
      • 创意洞察必修基础知识
        • 埋点说明
        • 指标说明
        • 数据时区说明
      • 页面模块介绍
        • 投放数据总览
        • 可玩素材分析
        • 可玩素材交互分析
          • 用户旅程分析
          • 场景分析
      • 创意洞察使用指南:分析思路与技巧
        • 通用埋点使用建议
        • 用户旅程使用建议
    • 作品投放相关文档
      • 广告账户授权与素材推送
      • 可玩广告渠道上传规范
      • Mintegral 创意操作指南
      • Mintegral 数据分析查看
      • Mintegral 素材审核标准
    • 我的账号/我的项目
      • 我的项目
        • 项目查看
        • 导出&下载历史
      • 我的资产
        • 创意资产
        • 模板资产
        • 克隆音色资产
      • 账号管理
    • 可玩模板最新资讯
    • 可玩广告-定制服务用户指南
由 GitBook 提供支持
在本页
  • 一、动画的使用
  • 1.添加动画
  • 2.预览动画
  • 3.替换/删除动画
  • 4.复制动画
  • 5.应用到同层级的全部图层
  • 二、动画的类别及参数
  • 1.循环次数/延迟时间/持续时间/自动播放/动画名称/位移/缩放/透明度/旋转角度/颜色变化
  • 2.特别说明:变化曲线
  • 三、支持添加动画的资产类型
  1. 可玩工具-自由编辑器
  2. 自由编辑器-使用指南
  3. 编辑页面分区介绍
  4. 参数设置区

动画-图层参数

动画参数 不区分资产类型

最后更新于1个月前

动画是什么?为什么要添加动画?

动画是指在静止图片上添加一些过渡或强调效果,使图片看起来像是在运动。

在制作可玩素材时,我们几乎都会使用到静帧图片,通过给静帧图片设置动画,画面能够变得更加生动,指引性更强,从而提升内容的吸引力和用户的试玩体验。例如,利用动画可以模拟物体的移动、缩放、旋转等动态效果,达到更具表现力的视觉效果。

一、动画的使用

1.添加动画

1)选中需要添加动画的 单个图层 或 组图层

2)点击【+添加动画】,从四种动画类型中选择合适的动画即可

3)进一步调整动画参数,完成动画的设置

2.预览动画

1)点击图示按钮或【播放】,可在画布内预览当前单个动画

2)若同一图层有多个动画,可点击【播放全部动画】在画布内预览该图层的所有动画

3)点击【停止】或【停止动画播放】,暂停预览动画,动画回到初始状态

3.替换/删除动画

点击图示按钮,可替换当前动画类型/删除动画

4.复制动画

1-1)复制单个动画:点击图示按钮,复制当前单个动画

1-2)复制多个动画:选中有动画的图层,点击复制按钮

2)而后选中需要应用该动画的图层>>>粘贴>>>仅粘贴图层动画

5.应用到同层级的全部图层

点击图示按钮【应用到同层级的全部图层】,可将当前选中图层的所有动画一键复制粘贴到和该图层同一层级的所有图层下

(当您有较多同一层级的图层 需要制作相同的动画时,可使用该功能快速复用)

二、动画的类别及参数

动画包含【进场动画】【退场动画】【强调动画】【通用】4种动画类型,不同的动画其参数也不相同

1.循环次数/延迟时间/持续时间/自动播放/动画名称/位移/缩放/透明度/旋转角度/颜色变化

截图
参数类型
参数说明
补充说明

循环次数

支持3种选项:

播放1次

单向循环

双向循环

1.播放1次:动画仅播放1次,播完停止

延迟时间

动画延迟出现/播放的时长

进入动画所在的场景后开始自动计时

持续时间

完整播一次动画所需要的时长

同一个动画,其持续时间越长,动画播放速度越慢;反之则越快

自动播放

默认自动播放;

支持关闭自动播放

1.自动播放:进入动画所在的场景后开始自动播放

(注意: 若动画所在图层的初始状态为"隐藏"状态,则动画会在图层初次显示时自动播放)

2.关闭自动播放:关闭后,动画默认不播放,需通过设置事件控制动画的播放

动画名称

支持自定义动画名称

Tips:当项目内添加了较多动画,可重命名动画,方便在设置事件时查找使用

透明度

需设置"起始状态"和"结束状态"数值

数值范围0%~100%

0%:完全透明

100%:完全显示

缩放

需设置"起始比例"和"结束比例"数值;

支持起始/结束比例设置成当前值

Scale X:图层横向的比例

Scale Y:图层纵向的比例

位移

1.需设置X轴和Y轴的位移距离:正数为向下/向右;负数为向上/向左;

可点击图示标红箭头微调位移距离;

2.支持快捷编辑位移结束位置:点击【编辑结束位置】,在画布中将半透明图层拖拽到目标位置后【保存结束位置】即可

3.位移距离支持横竖屏拆分设置:

默认勾选,勾选则代表竖屏与横屏的位移距离需分别调整(如已经在竖屏下设置好的位移距离不会应用于横屏);

取消勾选代表横竖屏共用相同的位移距离,无需切换调整

旋转角度

需设置"起始状态"和"结束状态"数值

数值无要求,可设置任意角度

颜色变化

需设置"开始颜色"和"结束颜色"

在色板中选取颜色或使用取色器快捷选色

2.特别说明:变化曲线

【通用】类动画额外支持编辑动画的 变化曲线

2.1 什么是变化曲线?

"变化曲线"是对动画的自定义、精细化编辑。若当前预设的动画都无法满足您的制作需求,可通过自定义"变化曲线"来制作更高阶更复杂的动画

2.2 编辑变化曲线

1)点击曲线缩略图打开曲线编辑器:

  • 横轴代表时间,纵轴代表动画对应的各种变量(位移、透明度、缩放比例、旋转角度等);

  • 起点(0, 0)为动画运动的默认初始状态,终点(1, 1)为动画运动的默认结束状态;

  • 横向移动锚点会直接改变物体运动时间,调整曲线斜率会直接改变物体运动速度的分布(曲线越陡峭速度越快,曲线越平缓速度越慢)

2)编辑曲线样式:

  • 选择曲线模板:曲线编辑器预设了6种曲线样式,点击即可使用

  • 自定义曲线样式:

    • 在曲线的任意位置双击可添加关键帧

    • 选中关键帧,拖拽手柄或点击右侧选项可调整曲线弧度

    • 选中关键帧后支持删除当前关键帧

    • 针对自定义的曲线样式,可点击【保存当前曲线】并编辑名称,将曲线样式设为模板,方便后续调用

  • 曲线设置完成后,需点击【保存】才会生效

2.3 举例说明

以动画位移缓动为例,横轴代表时间,纵轴代表位移距离,下面列举2个常见动画的调整方法

a. 物体在起点停留一段时间后,再开始运动

b. 物体在始末位置停留一段时间,并来回运动

将曲线起点向右移动(延迟动画开始时间),物体会在红框时间段内完成移动;

① 动画【循环次数】选择:双向循环;

② 将曲线起点向右移动,并将曲线终点向左移动(延迟动画开始时间并提早结束动画),物体会在红框时间段内完成移动;

更多常用动画的设置方法可查阅 制作技巧-动画设置

三、支持添加动画的资产类型

资产类型决定了其是否支持添加和使用动画,详情如下:

资产类型
动画功能支持情况

图片

✅

文本

✅

序列帧

✅

粒子

✅

龙骨

✅

组图层

✅

视频

不支持动画

音频

不支持动画

背景音乐

不支持动画

手势区域

不支持动画

场景

不支持动画

2.单向循环:重复K1~K3的动画 3.双向循环:从K1到K3后,再从K3回到K1,如此往复

👉推荐阅读: 动画问题 制作技巧-动画设置

💡
8.动画icon