制作技巧-动画设置

#自由编辑器

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
  • 还可添加其他资源及动画,丰富指引效果

最后更新于