AE动画教程,简单的loading动画教程

PS教程 9个月前 https://55wd.com
525

ae教程

N多年前,大把大把时间学会了PS和AI;N多年后的今天,想学AE,好难。。时间成本耗不起啊~~各种教程和视频。。只能说太高估我的智商了。。其实我想要的真的只是傻瓜式。。其实我真的只是小白。。嗷嗷嗷~~福利来啦~~超实用,超简单,技能get~

AE动画教程,简单的loading动画教程

1、小白第一步开始啦~

首先打开AE界面,Ctrl+N,新建合成。宽400px,高300px。

AE动画教程,简单的loading动画教程

2、调出字幕/活动安全框(方便拉辅助线与定位)

AE动画教程,简单的loading动画教程

3、拉参考线(横向:150px;纵向:100px、200px、300px)(显示参考线快捷键:Ctrl+;)

AE动画教程,简单的loading动画教程

4、新建形状图层,画出红色大圆圈,缩放100%。然后再以复制图层的方式,绘制出黄色和绿色圈,大小为红色圈缩放70%。(直接在“变换”——“缩放”当中进行设置。)中心点位置对准上一步拉的参考线十字交叉点。

AE动画教程,简单的loading动画教程

5、制作黄球动画,依次按照下图位置,打上关键帧,黄球的运动轨迹为黄——红——蓝——黄,按照这个轨迹来控制运动与球的大小。

AE动画教程,简单的loading动画教程

step1

AE动画教程,简单的loading动画教程

step2

AE动画教程,简单的loading动画教程

step3

AE动画教程,简单的loading动画教程

step4

AE动画教程,简单的loading动画教程

6、制作红球、绿球动画。按照制作黄球动画的方式,在同样的时间点打关键帧,同样制作红球和绿球动画。球运动到中间时,缩放100%,运动到两边时,缩放70%。下图为红球、绿球的运动轨迹。

红球运动轨迹

AE动画教程,简单的loading动画教程

绿球运动轨迹

AE动画教程,简单的loading动画教程

当我们把3个小球的动画都做好时,发现一个问题,就是三个小球的前后关系混乱。运动的小球没有办法在最后一层。这里,我们需要进行调整。

7、首先复制红球图层,并把所复制的图层调整到绿球图层下面。

AE动画教程,简单的loading动画教程

8、对球-红,动作进行调整。在下图位置打关键帧,透明度为0。继续,在下一关键帧位置,也把透明度变为0。

AE动画教程,简单的loading动画教程

AE动画教程,简单的loading动画教程

9、复制绿球图层,并把所复制的图层调整到最顶层。

AE动画教程,简单的loading动画教程

10、对球-绿,动作进行调整。在下图位置打关键帧,透明度为0。继续,在下一关键帧位置,透明度变为0。

AE动画教程,简单的loading动画教程

11、复制黄球图层,并把所复制的图层下移。

AE动画教程,简单的loading动画教程

12、对球-黄,动作进行调整。在下图位置打关键帧,透明度为0。继续,在下一关键帧位置,透明度变为0。

AE动画教程,简单的loading动画教程

13、选中关键帧,点击右键,设置成“缓出”。

AE动画教程,简单的loading动画教程AE动画教程,简单的loading动画教程

14、点击播放,就可以预览咯~

AE动画教程,简单的loading动画教程

大功告成啦~~小白学AE,So easy~~O(∩_∩)O~~

AE动画教程,简单的loading动画教程

画了多年的流程图,你真的画规范了吗?

流程有哪些作用?我们为什么要画流程图呢?正确的画流程图规范是什么?流程图是一个很强大的工具,在我们的日常工作中经常会使用到。但我

作为团队负责人,为什么你总是最累的那个?

在管理成员的过程中,经常会看到的情形是,有些领导每天疲于奔命,把握每个工作任务的执行;有些管理者工作状态却比较轻松,他们只把控关键

掌阅iReader A6阅读器值得买吗 掌阅iReader A6阅读器

电子阅读器如今已成为了一个普及度相当高的产品,其中,国外有亚马逊Kindle这个很大一部分同学的电纸书领路人,国内也有像掌阅这样的厂

GLE api

# -*- coding: utf-8 -*-# @Time : 2018/03/09 12:25# @Author : cxa# @File : gle.py# @Software: PyCharmimport req

搜狗搜索日志分析

1. 概述 本文利用搜狗搜索日志的500w条数据,对搜索日志进行了一系列的分析。主要分为两个阶段,第一阶段是数据准备、数据预处理

文章回顾

大家看了本文AE动画教程,简单的loading动画教程的精彩教程资源内容,是不是对AE动画教程,简单的loading动画教程了解更多,真心希望AE动画教程,简单的loading动画教程能帮助到你, 小编会一直给你带来更多教程资源文章信息。

版权声明:ab87a6055863d88d 发表于 2019-12-27 8:44:20。

本文由第三方用户分享仅代表作者观点,不代表本网站立场,秉承互联网开放分享的精神,目的在于传递更多信息,加强各行业互通交流,但对内容不作任何保证或承诺,请读者自行参考斟酌。网站发布的信息(包含但不限于版式、图片、字体、文章等素材)由第三方用户分享,版权归原作者所有,本站不承担任何相关的版权纠纷等相关责任。如您认为本篇内容侵犯了您的权益,请与我们联系,我们会及时处理。

豌豆资源网专注分享全网综合资源网站大全,致力于超实用的内容资源搜索。

转载请注明:
本文标题:AE动画教程,简单的loading动画教程
本文地址:https://55wd.com/s12233/

你可能感兴趣

随便逛逛