制作技巧-动画设置
#自由编辑器
最后更新于
#自由编辑器
最后更新于
手指动画 | 图示 | 制作步骤 | 图示 |
---|---|---|---|
1)选中人物图层,将锚点修改为(50,100)
2)为人物图层添加动画-通用-缩放缓动,具体参数设置如下:
注:可根据实际需求,通过调整【结束比例】来控制人物缩放幅度的大小
1)准备两张图片:底图+进度条
注意:进度条图片左右需贴边,不能留空
2)选中进度条图层,将锚点修改为(0,50),并调整到合适位置
3)为进度条图层添加动画-通用-缩放缓动,重要参数设置:播放1次 / 起始比例X轴设为0,Y轴不变默认为1,结束比例不变默认为1。
具体参数设置如下:
1)准备两张图片:底图+血条
注意:血条图片左右需贴边,不能留空
2)选中血条图层,将锚点修改为(0,50),并调整到合适位置
3)为血条图层添加动画-通用-缩放缓动,重要参数设置:播放1次 / 起始比例不变,结束比例Y轴不变,都默认为1,仅调整结束比例X轴的数值即可(此处的数值代表最终血量)。
具体参数设置如下:
以螺丝解谜玩法为例,想实现:以螺丝为原点,木板向右旋转180°的效果
1)点击空白位置,新建一个内容为空的组图层
2)将组的位置移动到螺丝所在的位置,即旋转原点的位置(可使用复制粘贴功能,快速复用螺丝的位置)
3)选中group组,添加"旋转缓动"动画
4)旋转动画参数设置参考下图,可根据实际情况自行调整参数
5)将木板图层拖进group组即完成设置
举例:我有一个角色原地奔跑的序列帧,怎么实现角色来回奔跑的效果?
动画设置核心逻辑:使用位移动画+缩放动画,角色位移到终点时将缩放动画的值从(1,1)改为(-1,1)。具体参数设置如下:
原地点击
手指图片:添加动画-通用-缩放缓动,参数设置如右图1
点击特效图片(选做):添加动画-通用-缩放缓动,参数设置如右图2;继续添加透明度缓动,参数设置如右图3;若想实现双层光圈效果,可再复制一个光圈图层,将两个动画的“延迟时间”改为0.2s即可
移动点击
手指图片:添加动画-通用-位移缓动,参数设置如右图
按钮二选一
手指图片:添加动画-通用-位移缓动,参数设置如右图1;继续添加缩放缓动,参数设置如右图2
选项按钮:为左侧按钮组添加动画-通用-缩放缓动,参数设置如右图3;复制该动画到右侧按钮组,调整动画曲线为反方向即可,参数设置如右图4
按钮四选一
手指图片(横向运动):添加动画-通用-位移缓动,参数设置如右图1;(选做)继续添加缩放缓动&透明度缓动,参数设置如右图2&3
手指图片组(纵向运动):添加动画-通用-位移缓动,参数设置如右图4
选项按钮:添加动画-通用-缩放缓动,依次调整曲线即可
左右滑动
手指图片:添加动画-通用-位移缓动,参数设置如右图
滑动切割
手指组:添加动画-通用-位移缓动,参数设置如右图1;继续添加透明度缓动,参数设置如右图2
拖尾效果(选做):可直接将拖尾图片置于手指组内,跟随组动画一起运动
八字滑动
手指图片(横向运动):添加动画-通用-位移缓动,参数设置如右图1
手指图片组(纵向运动):添加动画-通用-位移缓动,参数设置如右图2
从A点拖到B点
手指图片:添加动画-通用-位移缓动,参数设置如右图1
开头结尾透明度效果(选做):在手指组上添加动画-通用-透明度缓动,参数设置如右图2;继续添加透明度缓动,参数设置如右图3