恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
用AE轻松制作酷炫的loading动图
0.0°
2018-10-26 原创文章 教程 举报 3682 26 25 0

Image title

小伙伴们我又来啦~

这次当然也是给大家带来干货啦

之前的干货基本都是PS和AI的

这次要搞点厉害的~

今天咱们用AE来做一个酷炫loading动画

只需要非常少的几个步骤就能立刻出效果

这种技术学来是极好滴!

话不多说

赶紧开始制作吧

1Image titleImage title

2

使用椭圆工具

在画布上左键单击一下

参数如图Image title

点击确定Image title

3

将这个圆拖动到画面的左上角Image title

4

将它描边改为无

并将填充色改为渐变Image title

5

在渐变窗口里做如下设置

(没有渐变的同学去窗口里找一找)Image titleImage titleImage title

有的小伙伴的渐变选项里不是彩色的

没关系做如下设置就可以了Image title

6

这样咱们就获得了一片渐变的圆Image title

按住键盘上的Alt键

左键拖动这个圆到右下角Image title

7

按住Shift将它旋转到这个角度Image title

8

选中复制得到的这个圆

在渐变面板中更改他的渐变色Image titleImage title

9

选中这两个圆

将它们的不透明度设置为70%Image title

10

这样素材就准备好了

咱们将这个文件保存为ai格式

然后关闭AI

打开AE

新建一个合成Image title

11

将刚才制作的ai文件拖放到合成中Image title

12

选中这个素材图层

为它添加效果-透视-CC SphereImage title

13

素材就变成了这样Image title

然后我们复制粘贴一下这个图层

并将上方图层的旋转设置为90°Image titleImage title

14

下面就是关键的步骤了

找到效果参数里的这三个参数Image title

在第一帧为两个图层将这三个项目打上关键帧Image title

有的小伙伴不清楚

如何在图层下方只显示有关键帧的项目

选中图层按键盘上的U键就可以了

15

接着我们将时间指示器调到时间轴的末尾Image title

16

下面发挥自己的逻辑思维

(按照自己的喜好)

为两个图层各角度的旋转圈数

因为合成有三十秒

这里建议添加15圈Image title

17

预览一下Image title

感觉有点暗

18

进到效果控件里

将两个图层的Ambient都设置为100Image title

OK!Image title

还是挺酷炫的

大家赶紧修改一下

不同的颜色

不同的数值

看看能做出怎样酷炫的动态图吧


更多优秀设计教程尽在:
https://study.163.com/course/courseMain.htm?courseId=1006084367&share=2&shareId=967647

更新:2018-10-26

收藏

26人已收藏

  • 26

    作品

  • 33

    粉丝

  • 0

    关注

  • 使用AI快速制作立体卡通风格相框
  • 使用AI制作指纹按钮
  • 正经干货:用XD轻松制作关闭按钮
  • 制作镂空文字卡片
相关标签

    猜你喜欢

      2018-10-26 原创文章 教程 举报 3682 26 25 0

      用AE轻松制作酷炫的loading动图

      0.0°

      你确定要举报用AE轻松制作酷炫的loading动图

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年10月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      25
      26
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录