制作技巧-动画设置

#自由编辑器

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

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