您当前的位置:首页 > 计算机 > 软件应用 > 视频音像

AE制作3D搜索图标教程

时间:01-15来源:作者:点击数:

效果图

AE制作3D搜索图标教程

STEP.1-新建合成

新建800*600合成,帧速率25,命名为“搜索”

AE制作3D搜索图标教程(1)

STEP.2-绘制图标

在合成内新建纯色,用来添加“3D Stroke”效果

AE制作3D搜索图标教程(2)

命名为“icon”

AE制作3D搜索图标教程(3)

打开“效果-RG Trapcode-3D Stroke”,添加到纯色“icon”图层

AE制作3D搜索图标教程(4)

选择“icon”图层,使用圆形工具和钢笔工具,绘制搜索图标。

AE制作3D搜索图标教程(5)

STEP.3-制作动效

找到3D Stroke的属性,调整线条粗细,并在Y轴旋转属性上K帧

AE制作3D搜索图标教程(6)

到第7帧的地方,将y轴旋转改为90,选中两个关键帧,按F9添加缓动曲线,图标旋转动画初步制作完成

AE制作3D搜索图标教程(7)

STEP.4-添加表达式

按住alt键点击秒表按钮,打开表达式窗口,添加表达式:

amp = .50;

freq = 2.0;

decay = 5.0;

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制作3D搜索图标教程(8)

3D图标的动效完成

AE制作3D搜索图标教程(9)

STEP.5-添加亿点细节

打开透明度属性,添加闪烁的动效

AE制作3D搜索图标教程(10)

最后加上背景和搜索框,制作完成。

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门