动效周期表学习指南(壹)
原作者:设计师 Kazuki Akamine
动效周期表链接:http://foxcodex.html.xdomain.jp/
案例一|Orbit
1、将大圆轨道和小圆物体移动到同一位置属性,使其中心对齐;
2、修改小圆锚点位置,参数为大圆的半径,这样小圆的中心刚好位于大圆轨道上;
3、给小圆的旋转属性添加表达式time*180;
4、180表示每秒的旋转角度,当前合成时长为2s,即time*180刚好旋转一圈;
案例二|Offset
1、用形状工具创建好多边形后,将图形的参数调整为点6(边数)/外径100;
2、打开形状图层-内容-多边星形1-描边1子菜单下的描边属性,把线段端点和线段连接均调整为圆角;
3、虚线右侧点击加号,默认添加虚线/偏移属性,把虚线参数调整至100;
4、给偏移属性添加表达式time*-270;
案例三|Vegas
效果和预设 —— 勾画
1、鼠标右键添加纯色图层,点击形状工具创建矩形蒙版路径;
2、在效果和预设给这个路径添加勾画效果;
3、勾画面板调节功能参数(描边选择蒙版和路径/混合模式选择透明),调节宽度/硬度/起始点不透明度/结束点不透明度等参数;
案例四|Loop
效果和预设 —— 偏移
通过<扭曲>中的<偏移>来实现图形在原来位置上产生偏移距离的效果
1、把创建或需要偏移的对象拖到合成中;
2、在效果和预设给当前对象添加偏移效果;
3、在偏移面板中给将中心转换为打上关键帧,根据需要调节关键帧参数;
案例五|Tiler
效果和预设 —— CC Tiler
1、添加纯色图层,创建矩形蒙版(位置不要移动);
2、在效果和预设给这个蒙版添加CC Tiler效果;
3、在CC Tiler面板中给给Scale打上关键帧,根据需要调节参数(数值越小,图形的数量越多);
备注:蒙版的大小决定了缩小物体之间的间距
案例六|PolarCoordinates
效果和预设 —— 极坐标
1、创建6个平均分布的矩形并居中对齐,将6个矩形新建预合成(Command+Shift+C);
2、在效果和预设给这个预合成添加极坐标效果;
3、转换类型选择矩形到极线;
4、给插值打上关键帧,根据需要调节关键帧百分比;
案例七|LineWeight
1、用形状工具创建一个圆形;
2、给圆形的描边宽度属性添加关键帧 控制描边的宽度;
案例八|ShapeTransform
1、用多边形工具创建星形;
2、把点参数由5调整为3,再调整内外径参数分别为100,由此图形会转换为六边形;
3、给内外径分别打上关键帧(100/50),这样可以使图形由六边形变为正/倒三角形;
案例九|RepeatTransform
1、在案例八的基础上给形状图层添加40%透明度;
2、平均拖拽关键帧错位得到该效果;
案例十|Shadow
效果和预设 —— CC Scale Wipe
1、复制案例八的形状图层(包括关键帧),把描边修改为填色,Command+Shift+C 把形状新建为预合成(命名为形状图层);
2、再次复制该合成(命名为形状投影)并添加效果和预设当中的CC Scale Wipe;
3、给形状投影效果面板中的Center打上关键帧,使其图形在阴影变化中相契合;
4、最后把形状投影合成整体透明调整为20%,阴影效果完成;
案例十一|Reshape
效果和预设 —— 改变形状
1、在Ai创建好正方形/四角星形/圆形/七角星形四个形状图形;
2、Ae中右键选择创建纯色图层,将四个形状分别粘贴至纯色图层上,蒙版1模式选择相加,其他蒙版选择无;
备注:每次粘贴需重新点击选择纯色图层,防止蒙版之间覆盖
3、给纯色图层添加效果和预设当中的改变形状;
4、调整参数:将源蒙版修改为蒙版1,目标蒙版修改为蒙版2,给百分比打上关键帧,弹性选择超级流体;
5、复制三个改变形状,按顺序依次调整源蒙版和目标蒙版,形成闭环;
6、按快捷键U,打开百分比关键帧,每间隔15帧将百分比由0%调整为100%,并添加缓动(Fn+F9);
备注:绿色进度条加载完才能进行下一步,否则会出现无形状变化效果
案例十二|Easing
1、在Ae中创建好所需图形,分别为圆球/虚线/坡度线段;
2、把圆球的父子级关系绑定给虚线,选中虚线按快捷键P,在位置属性打上移动关键帧;
3、选中坡度线段并创建图形蒙版,通过蒙版路径的位置移动控制坡度线段消失的时机;
4、给全部位置关键帧添加缓动(Fn+F9)并通过调节曲线使动效节奏由快到慢;
案例十三|Rhythm
1、在合成中新建一个多边形,将点参数由5调整为4;
2、给外圆度打上关键帧,根据需要设定数值(0%-600%);
3、快捷键R打开旋转参数,在外圆度变化之前设置旋转角度;
4、全部关键帧添加缓动(Fn+F9)并通过调节曲线使动效节奏由快到慢;
案例十四|StepTime
1、在Ae中创建好所需钟表图形,分别为指针/中心/刻度/表盘;
2、刻度的绘制方法:新建矩形,确定好尺寸大小并给矩形添加中继器效果(参数:副本24/旋转15),操作好后调节位置属性,使矩形分散至合适位置;
3、打开指针的旋转属性,添加表达式Math.floor(time*5)*8;
备注:Math.floor(time*n)*m
n:每几帧旋转一次(当前是每5帧旋转1次)
m:每次旋转多少度(每次旋转8度)
4、在指针225帧时截断时间轴,使动效形成首尾循环;
案例十五|TimeDisplace
效果和预设 —— 无线电波/时间置换
1、新建纯色层,添加效果和预设当中的无线电波效果(参数:多边形/边6、波动/方向30);
2、新建预合成,在预合成中新建纯色层,右键菜单给这个纯色层添加渐变叠加,渐变类型选择角度渐变;
3、回到总合成,把渐变叠加的合成显示关闭;
4、在汇总合成中新建调整图层,添加效果和预设当中的时间置换效果(参数:时间置换图层/渐变合成/源、最大位移时间/0.5、时间分辨率/4);
备注:消失效果调节频率参数
案例十六|TipShape
效果和预设 —— 滑块
表达式 —— valueAtTime(t)
1、选择形状工具新建六边形(拖拽形状的同时可以通过方向键控制多边形边数);
备注:需要先勾选贝塞尔曲线
2、给六边形添加修剪路径,结束参数打上从0%~100%的关键帧,时间0~2秒;
3、给六边形添加效果和预设当中的滑块效果;
4、按住Alt键给结束添加表达式,再把结束表达式的父子级关系绑定给滑块;
5、新建一个大小合适的圆球;
6、在六边形路径下复制一个新路径,展开新路径下的路径并选中,Command+C复制;
7、选中圆球,快捷键P打开位置参数并选中,Command+V粘贴,这时圆球会沿着六边形路径运动;
8、给圆球位置添加表达式valueAtTime(t),注意字母大小写,框选选中t,把位置父子级关系绑定给滑块;
9、绑定父子级关系后,圆球出现了不动的情况,给表达式后面添加/100*2;
这时的位置表达式:valueAtTime(thisComp.layer("六边形").effect("滑块控制")("滑块")/100*2)
10、当圆球到六边形转折点时给滑块添加关键帧,按Fn+F9添加缓动并调节曲线使动效节奏由快到慢;
11、圆球返回的效果:把第一帧复制到后面的时间轴;
案例十七|AudioWave
效果和预设 —— 音频频谱
1、新建纯色层并创建合适大小的蒙版;
2、给纯色层添加效果和预设当中的音频频谱效果;
3、在音频层选择导入的歌曲,路径选择创建的蒙版;
4、其他参数可以根据想要的效果反复调节至合适;
5、样式效果主要调节显示选项和面选项;
案例十八|Wave
效果和预设 —— 无线电波
1、新建纯色层,添加效果和预设当中的无线电波效果;
2、样式效果主要调节频率/扩展等参数至合适;
案例十九|Link
效果和预设 —— 光束
1、新建1个大球和3个尺寸一样的小球,分别命名好并填充不同颜色,以免混乱;
2、将全部圆球放好位置后,按快捷键P打开图层位置属性;
3、新建纯色层,添加效果和预设当中的光束效果;
4、调整光束参数,长度100%/起始结束厚度2/柔和度0%,颜色根据需要自行调整;
5、展开光束参数,在起始点和结束点按住option键添加表达式;
6、给起始点和结束点分别长按属性关联器与圆球位置建立父子级关系;
7、和圆球建立父子级关系后,光束线条会随着圆球的位置移动而移动;
8、复制5个纯色层,重复与全部圆球绑定父子级关系,并给图层重新命名;
9、根据想要的效果,给圆球打上位置移动关键帧完成动效;
案例二十|Particle
效果和预设 —— CC Particle World色相/饱和度
1、新建纯色层,添加效果和预设当中的CC Particle World效果;
2、参数调整:Particle(粒子)- Particle Type(粒子类型)下选择Shaded Sphere(着色球体);
3、参数调整:Physics(物理)- Velocity(速度)修改为5;
4、新建调整图层,添加效果和预设当中的色相/饱和度效果;
5、调整图层主亮度调整为100,效果完成;
案例二十一|Grid
效果和预设 —— 网格
1、新建纯色层,添加效果和预设当中的网格效果;
2、调整网格参数,样式可以根据需要适当修改,大小依据选择滑块宽度;
3、给宽度打上关键帧,调节网格大小;
4、调整完成后,给宽度添加缓动完成动效;
案例二十二|MaskWipe
1、新建一个正圆,给缩放打上0~100%的关键帧;
2、将新建的正圆复制得到遮罩圆,把遮罩圆向后拖动;
3、点击选择正圆,在TrkMat下选择Alpha反转遮罩“遮罩圆”;
4、这时完成了从圆出现到消失的效果; 5、再给缩放添加缓动完成动效;
案例二十三|Shatter
效果和预设 —— 碎片/色调
1、新建纯色层,添加效果和预设当中的碎片效果;
2、在视图选择已渲染/形状-图案选择玻璃;
3、把形状/物理学等分类下参数调整至合适;
4、再给纯色层成添加效果和预设当中的色调效果;
5、在色调参数下调整背景和破碎颜色,效果完成;
案例二十四|Card Dance
效果和预设 —— 卡片动画
1、新建尺寸140*180的矩形,添加效果和预设当中的卡片动画效果;
2、在行数和列数中选择独立,行数调整为11/列数12(可根据实际矩形大小灵活调整);
3、给矩形的Y轴旋转/Z轴旋转分别打上关键帧调整偏移参数并控制动效时机;
4、复制矩形(形状图层1)得到形状图层2,同上步骤给X轴旋转打上关键帧;
5、给所有关键帧添加缓动完成动效;
第一部分就结束啦
下期再见👋









































































