图标动效素材-ae一个页面多个ui怎么设置不同的图片

原创：找图网 2023-07-11 09:49:09

AE进阶教程：AE怎么制作手机图标TapBar动效？

AE软件是一款灵活的基于层的2D和3D后期合成软件包含了上百种特效及预置动画,对于视频后期制作的小伙伴而言,精通AE软件是很有必要的!而精通需要的是不断学习,无论你是零基础新手,还是有基础需要提升的老手,那么都是可以学习到AE视频后期技巧,只要跟着羽兔老师的视频指导学习就可以了,95套AE自学视频课程,新老手学习掌握完全是足够的!知识点、案例课较多,想学就来~

AE制作手机图标TapBar动效教程步骤:

一、导入素材

01.在AI里画icon并分好组→存为ai格式

02.打开ae→双击左侧空白区域,导入首页icon→导入为“合成-保持图层大小”

03.双击“首页”预合成(展开它的内容图层)

04.打开合成设置(Ctrl+K)→修改背景颜色和各参数

05.选中三个图层→右击→创建→从矢量图层创建形状

06.把原始ai文件删掉→重新命名(重命名快捷键:Enter)

二、蓝色矩形覆盖描边icon

01.把[点亮-半圆]和[点亮]图层往后拖至第5帧处

02.点击空白区域,不选中任何图层→选中椭圆工具→按着Ctrl+Shift等比画一个能覆盖icon的圆→改名为“遮罩”

03.放在[点亮]图层下面→时间条拖到第5帧

04.选中“锚点工具”,勾选上“对齐”→把锚点拖至左下角

05.按快捷键S,调出缩放属性

06.时间线放在第5帧处→点击“缩放”前的码表,打一个关键帧→把数值改为0

07.时间线往后8帧→把“缩放”改为100,打上第二个关键帧

08.选上“Alpha遮罩”首页-点亮””(把遮罩嵌到点亮图层里)

09.复制[首页-点亮]图层(Ctrl+D)→时间条挪至和[遮罩]图层第二个关键帧对应处

10.选中[点亮]、[遮罩]、[默认]图层→按alt+]键截断

11.选中[首页-点亮2]→点开眼睛→按着Ctrl键,双击锚点工具(使锚点在icon正中间)

12.按快捷键S,调出缩放属性→点击缩放码表,打一个关键帧

13.时间线往后8帧→“缩放”改为120(让icon放大弹动一下)

14.时间线往后5帧→“缩放”改为100

三、辅助图形动画

01.选中[半圆]图层→时间条拖至与[点亮2]对齐

02.时间线放在[半圆]的时间条初始处→“父级和链接”选项,选中“首页-点亮2”(让[半圆]随着[点亮2]的运动而运动)

03.快捷键S,调出缩放,打上一个关键帧,数值改为0

04.时间线往后5帧→“缩放”改为100

05.时间线往前2帧→快捷键R,调出旋转,打一个关键帧

06.按快捷键U,调出所有操作过的关键帧(方便看到)

07.时间线往后6帧→“旋转”30度

08.时间线往后6帧→“旋转”-30度(反方向旋转一下)

09.时间线往后5帧→“旋转”18度

10.时间线往后5帧→“旋转”为0

11.框选中所有关键帧→右击→关键帧辅助→缓动(让运动更加流畅自然)

首页icon动画到这里就做完了,“发现”和“学习”icon,步骤跟首页一样,源文件里也都有～

下面来说一下“我的”icon两个眼睛的动画四、“我的”icon眼睛动画

这里直接从眼睛的动画开始～

01.时间线放在[眼睛]时间条初始处→选中两个眼睛图层→父级和链接下的选项,选中[我的-点亮2](随着点亮2图层的运动而运动)

02.快捷键S,调出缩放→点击码表,打一个关键帧→把缩放改为0

03.时间线往后5帧→“缩放”改为100

04.时间线往前2帧→按快捷键P,调出位置属性→点击码表打一个关键帧

+R,调出标尺→选中[点亮]→拉一条参考线在中间

06.时间线后移6帧→选中[左眼]和[右眼]的“位置”→拖着X轴数值右移,让两个眼睛位于中间

07.选中[右眼]→拉一条参考线在它中间

08.选中“内容”下面的“路径1”→选中“添加锚点”工具→在正中间加一锚点

09.点击路径前的码表,打一关键帧

10.时间线往后5帧→点击前面小菱形,打第二个关键帧→再往后5帧→点击菱形,打第三个关键帧

11.在第三个关键帧处→选中“路径1”→框选中间的锚点,往左边移动

12.时间线放在第二帧处→把第三个关键帧复制过来(Ctrl+C,Ctrl+V)

13.选中上锚点下移→选中下锚点上移,使汇聚到中间成一条线

14.快捷键U,展开所有关键帧→全部框选→右击,关键帧辅助,缓动。到这里就完成啦～最终效果图:

关于“AE进阶教程:AE怎么制作手机图标TapBar动效?”的内容本期就简单分享这么多,步骤都说的很清晰,希望你能学会!AE视频后期制作处理如果能够掌握的好,特效吸睛的视频快速制作还不是信手拈来?想学AE,想系统学AE,想专业学AE,就来羽兔!点击链接即可获取全部AE视频课程,不同阶段,自由选择:

AE数据图表可视化动效怎么做？AE数据图表可视化动效制作教程

AE是一款图形+视频结合的后期制作软件,在当下短视频行业发展趋势带动下,学习制作视频特效的小伙伴很多,相信来到此页面的你也是其中一员!如果你准备学习,或者是刚入门学习,又或者是想要进阶提升,那么我建议你看一看的AE自学视频课程!94套综合系统课,课程学习人数最高可达8.17万,可谓是热门好课了~

AE数据图表可视化动效制作教程:

1.打开AE软件,【新建合成】Info,宽度和高度为1920×1080像素,帧速率为30帧/秒,持续时间为10秒。

2.使用【文字工具】打出“$”,调整位置大小,对齐画面中心。

3.使用【矩形工具】在后方绘制与“$”等大的矩形,设置【轨道遮罩-Alpha遮罩】,使用【锚点工具】将其锚点移至中间底部。

4.使用【文字工具】打出“100”,添加【效果和预设-滑块控制】效果,【按住Alt键点击】【源文本】左侧的秒表,将表达式【绑定】至滑块控制上。

5.打上【滑块控制】关键帧,调整参数做出数值逐渐变大的效果。

6.【按住Alt键点击】【滑块控制】左侧的秒表,在表达式尾部增加.(),使数值始终为整数。

7.【按住Alt键点击】形状层【缩放】左侧的秒表,【绑定】至滑块控制上,修改表达式中的temp为100,做出高度的动画效果。

8.打开【标题/动作安全】,调整两个文字的位置大小,【复制层】“$”层并移至底层,【复制层】“60”并修改文本为“%”。

9.为形状层添加【梯度渐变】和【投影】效果,调整做出效果,具体参数

10.使用【文字工具】打出文字并调整,【新建-纯色】作为背景,添加【填充】并调整颜色。

11.【复制层】底层的“$”层,改为绿色描边形式,放大放在右侧,【复制】【梯度渐变】效果并【粘贴】给它。

12.将视频素材放在背景图层上方,调整大小,降低【不透明度快捷键:T】至10%。

13.【隐藏】所有图层,【显示】背景层,打上【位置】关键帧并调整,做出纯色上移的效果,将视频图层移至背景图层下方,设置【轨道遮罩-Alpha遮罩】。

14.【复制层】背景层并移至底层,然后显示制作“$”的三层,将它们【绑定】至【新建-空对象】,为空对象层打上【位置】和【旋转】关键帧,做出它旋转并上移的效果。

15.调整各层的时间,然后为右侧的文字打上【不透明度】关键帧并设置【缓动】,做出它们逐渐显现的效果。

16.为空对象层的关键帧也设置【缓动】,选中关键帧后在【图表编辑器】调整曲线来调整动效的速率。

17.为右下侧文字打上【位置】和【不透明度】关键帧,调整参数做出上移并显现的效果,同样设置【缓动】,选中关键帧后在【图表编辑器】调整曲线来调整动效的速率。

18.同样使用【位置】和【旋转】关键帧,为右侧的描边“$”制作旋转并移入的效果,设置【缓动】,选中关键帧后在【图表编辑器】调整曲线来调整动效的速率,即可完成制作。

19.最终效果如图所示:

以上就是今天的精彩内容“AE数据图表可视化动效怎么做?AE数据图表可视化动效制作教程”详细分享了,希望对于每一位学习AE视频后期制作的小伙伴都或多或少带来一定的效果作用~AE软件,和PR、剪映等视频软件一样,在当下视频行业发展的催动下,拥有着十分可观的前景。如果你想要学会AE,并且制作出优质炫酷的视频效果,那么一定要多学多练,点击链接: