UILEO
要学要学 
每人每天仅限5票，快给你心仪的作品鼓励的一票。
投票
0.0°
一、确定所需要做的动效
1、制作logo背景形状动效
2、制作U的动效
3、制作I的动效
4、制作消失动效
假如卡在一个地方可以进群或者私信我
二、制作logo背景形状动效
1、”合成 - 新建合成“ 新建一个1000*800的合成
2、“图层 - 新建 - 纯色”创建一个#00A8FF的图层
3、在AI中绘制一个六边形，具体怎么绘制就自己百度吧
4、复制AI中的这个形状，粘贴到AE中，一个六边形就出来啦
5、选中纯色图层，选择“S”，在初始点打上关键帧并且调整为0，然后选择“R”，在初始点打上关键帧，然后选择“U”即可显示所有的活动帧
6、在“15F”处将缩放调整到100，旋转调整到1X
7、可以打开"Form"调整“缩放”的动画曲线具体教程可以看“AE教程：汽车开动&弹性动画【重要】”http://www.ui.cn/detail/361480.html
7、打开运动模糊可以减少生硬感
三、制作U的动效
由于要用钢笔进行描边，所以可以将UI中国logo放进AE合成中用钢笔工具“G”进行描边
打开添加后的“修剪路径”
打开修剪路径，在“15F”处打上“结束”的关键帧，并且调整为0，然后在01：10f处调整为100，打开“Form”选择缓动曲线替换上去
接下来需要创建圆球掉落的效果，新建一个圆形，“图层 - 新建 - 新建形状图层”，然后在添加中选择“椭圆”、“填充”
将其圆点缩放到适合大小并且放到U上方
将其红点改为白点，打开位置“P”属性，在15F处打上关键帧，然后在01:00F处移到U的上方
打开"Form"选中缓动曲线替换上去
可以选择“效果 - 时间 - 残影”并且调整参数，残影时间“-0.001”数量“50”
接下来调整U的时间轴，将其后移。
四、制作I的动效
首先制作I的动效
可以按照上面做U的步骤继续用钢笔沿着I进行描边，并且做出动效，可以在I加上一个缓动，由快到慢
接着可以绘制圆点的位置，从U的右侧飞上后掉到I的上部
可以复制之前掉落的那个小圆球，删掉之前的动画后移到右侧U的右侧顶部
现在来想办法如何让圆球按照之前的轨迹进行移动
首先“图层 - 新建 - 纯色”新建一个纯色图层，然后用钢笔进行绘制一个半圆形
选中纯色的蒙版下方的蒙版路径，Ctrl+C进行复制
选择点下方的位置属性粘贴其路径
可以看到有几个问题
1、圆点应该需要先消失等U形走完再出现
2、圆点的移动太过于缓慢
3、圆点的右侧会有明显的拐角
首先解决第一个问题
在U形走完的时候，选择这个圆点，按下“T”调整不透明度为0，1帧后调整为100%
接下来解决第二个时间缓慢的问题
可以看到圆点的起始点和终点，将终点往左挪动，整体的时间点即可减少
继续解决第三个圆点拐角的问题
选择画板的第四个点或者时间轴的第四个点进行删除，拐角即可消失
进行最终的调整
将I的时间轴往后进行调整，让右侧圆点掉落的时候I才会运动
为了让整体的运动有个循环，需要让整体旋转并缩放到0
可以将所有图层选中，右键预合成处理
选中预合成后选中“T”在I运动结束后面1秒打上关键帧，并且在15f处调整透明度到0
这个教程也是我现学现卖，希望大家能一起进步
版权申明：本文为我的原创文章，如有转载请附上作者和链接哦~
也欢迎加入设计群， 一起交流设计
全部评论：30条
更多作品
发表评论