请点击右上角在浏览器中打开

MG动画丨圣诞圆形小图标

veleap头像
VE Leap社区
2022-12-21
456
正文内容

ae教程,弹性表达式,amp,mg动画,圣诞节,动态,动效设计,图标设计,icon,figma,动画,可爱动画,

用一个小图标学习一下MG动画和弹性表达式,新手友好,一起来试试吧!

1.新建合成,帧速率25

ae教程,弹性表达式,amp,mg动画,圣诞节,动态,动效设计,图标设计,icon,figma,动画,可爱动画,

2.用形状图层画一个圆,大小为600

ae教程,弹性表达式,amp,mg动画,圣诞节,动态,动效设计,图标设计,icon,figma,动画,可爱动画,

3.给圆的缩放K帧,初始为0,第7帧的时候100%,缓动第二个关键帧,曲线如图

ae教程,弹性表达式,amp,mg动画,圣诞节,动态,动效设计,图标设计,icon,figma,动画,可爱动画,

4.将圆复制一层,往后移动1帧,下方的图层选择“Alpha反转遮罩”上方的图层

ae教程,弹性表达式,amp,mg动画,圣诞节,动态,动效设计,图标设计,icon,figma,动画,可爱动画,

5.为下面的图层不透明度K帧,初始为0,第4帧为100,第8帧为0

ae教程,弹性表达式,amp,mg动画,圣诞节,动态,动效设计,图标设计,icon,figma,动画,可爱动画,

6.新建一个圆,大小为500,将前面图层的缩放关键帧复制过来

ae教程,弹性表达式,amp,mg动画,圣诞节,动态,动效设计,图标设计,icon,figma,动画,可爱动画,

7.为这个缩放添加弹性表达式(复制后请将全角的*改为半角的星号):
amp = 0.015;
freq = 3;
decay = 5;

n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){
n--;
}
}
if (n == 0){
t = 0;
}else{
t = time - key(n).time;
}

if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}else{
value;
}

ae教程,弹性表达式,amp,mg动画,圣诞节,动态,动效设计,图标设计,icon,figma,动画,可爱动画,

8.将这一层的起始点移动到第2帧

ae教程,弹性表达式,amp,mg动画,圣诞节,动态,动效设计,图标设计,icon,figma,动画,可爱动画,

9.拖入素材的圣诞树,调整好位置和大小,打成预合成,将预合成的锚点放到圣诞树底部

ae教程,弹性表达式,amp,mg动画,圣诞节,动态,动效设计,图标设计,icon,figma,动画,可爱动画,

10.为圣诞树的缩放K帧:第6帧为0,第10帧为100%,并且添加和第7步一样的表达式

ae教程,弹性表达式,amp,mg动画,圣诞节,动态,动效设计,图标设计,icon,figma,动画,可爱动画,

11.将第三个圆形复制一层,放在圣诞树上方,圣诞树选择“ALPHA遮罩”上面的图层

ae教程,弹性表达式,amp,mg动画,圣诞节,动态,动效设计,图标设计,icon,figma,动画,可爱动画,

12.展开上方的遮罩层,在路径上右键,选择转化为贝塞尔曲线路径,调整遮罩的路径,让圣诞树的顶端可以完整显示出来

ae教程,弹性表达式,amp,mg动画,圣诞节,动态,动效设计,图标设计,icon,figma,动画,可爱动画,

这样我们一个Q弹的圣诞树小图标就做好啦,弹性表达式,你会用了吗?

ae教程,弹性表达式,amp,mg动画,圣诞节,动态,动效设计,图标设计,icon,figma,动画,可爱动画,

相关阅读:

AE小技巧丨体积渐变路径

MG动画丨吃豆人游戏怎么做

  • AE使用教程
  • AE教程
  • 动效设计
  • mg动画
  • 圣诞节
  • 弹性表达式
  • amp
  • 动态
/
立即打卡
点击下方”选择文件"或将文件拖拽到此区域
支持批量上传,上传格式为mp4文件
*标题:
*简介:
下载专区

温馨提示

暂不支持 系列版本下载 欢迎加入社区交流群,获取最新产品及资讯