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.制作"资产围绕某一原点旋转"的效果
  • 6.制作"模拟角色来回奔跑"的效果
  • 7.位移动画制作 不规则/曲线运动路径
  1. 可玩工具-自由编辑器
  2. 自由编辑器-制作技巧中心
  3. 通用制作技巧

制作技巧-动画设置

#自由编辑器

最后更新于7个月前

1.常用操作指引(手指动画)

手指动画
图示
制作步骤
图示

原地点击

  • 手指图片:添加动画-通用-缩放缓动,参数设置如右图1

  • 点击特效图片(选做):添加动画-通用-缩放缓动,参数设置如右图2;继续添加透明度缓动,参数设置如右图3;若想实现双层光圈效果,可再复制一个光圈图层,将两个动画的“延迟时间”改为0.2s即可

移动点击

  • 手指图片:添加动画-通用-位移缓动,参数设置如右图

按钮二选一

  • 手指图片:添加动画-通用-位移缓动,参数设置如右图1;继续添加缩放缓动,参数设置如右图2

  • 选项按钮:为左侧按钮组添加动画-通用-缩放缓动,参数设置如右图3;复制该动画到右侧按钮组,调整动画曲线为反方向即可,参数设置如右图4

按钮四选一

  • 手指图片(横向运动):添加动画-通用-位移缓动,参数设置如右图1;(选做)继续添加缩放缓动&透明度缓动,参数设置如右图2&3

  • 手指图片组(纵向运动):添加动画-通用-位移缓动,参数设置如右图4

  • 选项按钮:添加动画-通用-缩放缓动,依次调整曲线即可

左右滑动

  • 手指图片:添加动画-通用-位移缓动,参数设置如右图

滑动切割

  • 手指组:添加动画-通用-位移缓动,参数设置如右图1;继续添加透明度缓动,参数设置如右图2

  • 拖尾效果(选做):可直接将拖尾图片置于手指组内,跟随组动画一起运动

八字滑动

  • 手指图片(横向运动):添加动画-通用-位移缓动,参数设置如右图1

  • 手指图片组(纵向运动):添加动画-通用-位移缓动,参数设置如右图2

从A点拖到B点

  • 手指图片:添加动画-通用-位移缓动,参数设置如右图1

  • 开头结尾透明度效果(选做):在手指组上添加动画-通用-透明度缓动,参数设置如右图2;继续添加透明度缓动,参数设置如右图3

2.如何设置人物呼吸感动画

1)选中人物图层,将锚点修改为(50,100)

2)为人物图层添加动画-通用-缩放缓动,具体参数设置如下:

注:可根据实际需求,通过调整【结束比例】来控制人物缩放幅度的大小

3.如何制作进度条

1)准备两张图片:底图+进度条

注意:进度条图片左右需贴边,不能留空

2)选中进度条图层,将锚点修改为(0,50),并调整到合适位置

3)为进度条图层添加动画-通用-缩放缓动,重要参数设置:播放1次 / 起始比例X轴设为0,Y轴不变默认为1,结束比例不变默认为1。

具体参数设置如下:

4.如何制作血条

1)准备两张图片:底图+血条

注意:血条图片左右需贴边,不能留空

2)选中血条图层,将锚点修改为(0,50),并调整到合适位置

3)为血条图层添加动画-通用-缩放缓动,重要参数设置:播放1次 / 起始比例不变,结束比例Y轴不变,都默认为1,仅调整结束比例X轴的数值即可(此处的数值代表最终血量)。

具体参数设置如下:

5.制作"资产围绕某一原点旋转"的效果

以螺丝解谜玩法为例,想实现:以螺丝为原点,木板向右旋转180°的效果

1)点击空白位置,新建一个内容为空的组图层

2)将组的位置移动到螺丝所在的位置,即旋转原点的位置(可使用复制粘贴功能,快速复用螺丝的位置)

3)选中group组,添加"旋转缓动"动画

4)旋转动画参数设置参考下图,可根据实际情况自行调整参数

5)将木板图层拖进group组即完成设置

6.制作"模拟角色来回奔跑"的效果

举例:我有一个角色原地奔跑的序列帧,怎么实现角色来回奔跑的效果?

动画设置核心逻辑:使用位移动画+缩放动画,角色位移到终点时将缩放动画的值从(1,1)改为(-1,1)。具体参数设置如下:

7.位移动画制作 不规则/曲线运动路径

做非直线的位移动画,制作逻辑是:给物品图片编组,在图片和组图层上分别设置位移动画(一个用来做横向的运动,一个用来做纵向的),两个动画一起播放来实现效果。

🌟以上图手指指引动画为例:

  • 为手指图片[gf_hand]添加位移动画,用来做横向的运动轨迹

  • 为组图层[group_hand]添加位移动画,用来做纵向的运动轨迹

  • 还可添加其他资源及动画,丰富指引效果

注意:物品具体的运动轨迹 取决于的设置

💡
变化曲线
缩放动画曲线样式示意
位移缓动X
位移缓动Y