一、确定所需要做的动效

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

8、打开运动模糊可以减少生硬感

三、制作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

这个教程也是我现学现卖,希望大家能一起进步

编辑:千锋UI设计

作者:UILEO

来源:UI中国主页

转载于:https://www.cnblogs.com/leolei/p/9378128.html

AE教程:学会这个,你做的Logo就可以单独出道了相关推荐

  1. 【GZH逸佳君】:送你300集基础AI教程+6套高级设计教程+20G素材,学会就能做设计

    就目前市场形势以及互联网势头正盛而言,谁获得广告宣传,谁就拥有主导市场的能力.所以,不论大中小企业公司,都想要在广告宣传方面拔得头筹,引入更多客源. 但是,问题来了,这些广告设计.logo.VIS,海 ...

  2. AE教程丨1分钟学会制作信号故障风特效

    信号故障风近几年还是很流行的,如何让自己的设计里也能有一些信号故障风的风格呢?今天的教程就来帮助大家学习AE制作故障风视频. AE制作信号故障风视频效果教程 1.在绘图工具内制作相应的文字海报并导入到 ...

  3. 进度条上的小圆点怎么做_傲视网:【AE教程】如何制作环形进度条(第一讲)...

    原标题:傲视网:[AE教程]如何制作环形进度条(第一讲) 大家好,福利来啦!这里将分享如何制作环形进度条,教你如何从入门到精通学AE. 环形进度条是个特殊的动画,在旋转的基础上还要选择性地显示部分区域 ...

  4. android 图标弹跳动画,动效教程 | 5 分钟快速做个弹跳加载小动画

    小编:APP的动效现今是越来越重要了,以前是加分项,现在是必会技能-今天给大家带来的是AE动效教程 -- 5 分钟快速做个弹跳加载小动画,一起来学习学习吧-- 前言 哈喽,今天给大家解禁一个墨染动效特 ...

  5. AE教程丨毛玻璃动态效果

    2021年Windows11发布,不少人更新了Win11,除了尝鲜,Win11也更新了其动效,系统体验变得更加流畅.毛玻璃效果从Windows7到现在的Windows11一直延续了下来,可以看到毛玻璃 ...

  6. 自学python能学成吗-没有任何编程基础可以直接学习python语言吗?学会后能够做什么?...

    很明确的说 python非常适合没有任何编程基础的人入门.. 目前应用最多的:全栈开发.数据分析.运维开发,今天我们就以这三个重点的岗位来做一下自学Python的规划,希望你在学之前就能有结果的来走得 ...

  7. 自学python能干些什么副业-学会python能干嘛 学会python可以做哪些兼职?

    学会python可以干什么都希望一段感情会有结果,谁都不希望美好的爱情最后是一场痛,但是如果一开始就想着不在乎天长地久,只在乎曾经拥有"的态度,再美好的感情也不会有好的结果. 从入门级选手到 ...

  8. 彩色飘带字体怎么制作?AE教程教给你

    不少朋友想要做一个炫酷的片头,但是却不知道怎么做,今天来给大家分享一下3D彩色飘带字体的制作过程,废话不多说,咱们直接上干货: 1.制作背景层以及彩色飘带文字2D版本,将其导入到AE: 2.将文字层生 ...

  9. AE教程丨星球文字环绕特效

    不少人最近看到了炫酷的星球环绕文字特效,但是不知道应该如何制作,今天就来教大家AE星球环绕文字效果. 星球环绕文字效果AE教程 1.绘图工具制作星球背景.空间格子.环绕文字,并将其导入到AE当中: 2 ...

最新文章

  1. 数组元素数组中的元素通过解析字符串参数获得
  2. python进程\协程\异步IO
  3. python字符串转化为数字-python 中判断字符串能否转换为数字类型
  4. MyBatis源码分析(三):MyBatis初始化(配置文件读取和解析)
  5. 【DS】线段树HDU-1166
  6. 微信地位,牢不可破?
  7. Crtmpserver编译
  8. laravel 配置邮件发件人_Jenkins中配置自动化测试项目
  9. db4o_8.0对象数据库官方文档翻译_学习笔记四
  10. Java基础:网络编程的简单总结
  11. 华三服务器bios修改兼容模式,bios怎么设置兼容模式
  12. 4.29 笔记+day7作业
  13. Widows下安装SCALA
  14. 电路分析第二章 二端口网络
  15. JavaScript Web APIs
  16. licenses.licx文件
  17. 深度学习预测酶活性参数提升酶约束模型构建从头环境搭建
  18. C语言100题练习计划 31——计算两数的和与差(函数实现)
  19. php后台跨域token,JSON Web Token(JWT)目前最流行的跨域身份验证解决方案(PHP)类...
  20. 邮件中html内嵌图片,邮件内嵌html

热门文章

  1. JBoss、Tomcat Classloader不完全分析
  2. Python自定义函数的创建、调用和函数的参数详解
  3. 现代C++函数式编程
  4. Deep Learning科普帖
  5. 目标检测中背景建模方法
  6. 《神魔降世》隐私政策
  7. python 内置模块:collections
  8. iOS程序员眼中的客户端免登陆(数据迁移已更新)
  9. 阿里云服务器配置开发环境第一章:Centos7.3安装git 和 zsh
  10. LNMP(nginx php-fpm mysql) 环境部署——mysql