3种做循环动画最高效的制作方法

用户头像
上海/设计爱好者/4年前/835浏览
3种做循环动画最高效的制作方法

这应该 最常用的 最有用的 最实用的 制作循环动画的3种方法了

前言


我们生活中,工作中都经常会遇到一些循环动态,尤其是动画工作中,循环动画司空见惯,它既可以让你头疼,又能让出高效。



比如:人物的步进动画



比如:自行车轮和蹬轮子的双腿



比如:汽车轮胎



比如:蝴蝶扇动的翅膀


......

还有很多很多...



那这种循环动画,如何快速高效的制作出来呢?



以蝴蝶为例

我将汇总自己汇总的3种常用制作方法分享给大家,希望对动画有兴趣的伙伴们能有所帮助。




3种做循环动画制作方法


1.pingpong表达式

2.cycle循环表达式

3.时间重映射+cycle循环表达式



一、pingpong表达式


1.首先k好蝴蝶翅膀 上 下 半个周期扇动的动作


2.按Alt键,点击“计时”图标


3.点击三角图标--选中property--选loopout(...),如下图


4.将cycle改成pingpong,即可




二、cycle循环表达式


1.首先k好蝴蝶翅膀 上 下 上 一个循环扇动动作


2.按Alt键,点击“计时”图标


3.点击三角图标--选中property--选loopout(...),即可,如下图




三、时间重映射+cycle循环表达式


1.首先k好蝴蝶翅膀 上 下 上 一个循环扇动动作


2.将合成时长设置成蝴蝶扇动翅膀一个周期的时长,这里是20帧


3.去到此合成的父级合成中


4.选中合成--右键--time(时间)--时间重映射,如下图


5.给时间重映射的两个帧加循环表达式 ,选中帧--property--loopout(..)见下图


使用上面的方法,就能使蝴蝶的翅膀  不停地  扇动起来了


补充:时间重映射的方法,也可用在动画整体展示上,一般做好一个动画后,用作展示都会播好多遍,大多都是这么设置的,播放的次数少还好,播放次数多的话,使用时间重映射+循环帧的方法可提高很多效率。




最后


1.个人常用pingpong表达式,因为k帧最少,只需半个周期就行

2.其实cycle表达式更快捷的是 直接写:loopout()即可





THE END

谢谢观看




-----------------少侠请留赞!-------------------女侠请留赞!-----------------少侠请留赞!-----------------





9
举报
|
36
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
APP/小程序商业项目UI模板|99个高保真UI+79个原型
UI 登录界面设计模板包
UI界面 组件
钱包ui模板
高级表盘系列UI源文件
【新年UI图标】体育icon
3D渐变流体抽象矢量UI背景图
新能源APP应用UIKit
高级感金属拟物 UI设计组件库
我的钱包-UI界面设计-app
【新年UI图标】礼物/活动icon
【新年UI图标】家具icon
科技医疗透明柜UI界面设计
智能家居中心 简约 UI设计组件库
【新年UI图标】积分icon
新拟态风格 UI设计组件库
户外旅行飞机情侣假日出行
Security Camera UI kit
盲盒APP UI设计
森系3D渐变流体抽象矢量UI背景图
【新年UI图标】旅行icon
手表表盘UI系列
【新年UI图标】美妆icon
【新年UI图标】美食icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
你可能喜欢
相关收藏夹
大家都在看
登录注册