创建一个简单的动画

常用快捷键:command + 3 打开预览界面;空格键 直接预览

1、 command + N 创建一个工作空间,尺寸选择 720 x 1280
或者如图在当前工作空间右键 New Composition

2、在下方工作空间中右键New –> Solid –> ok,新建一个正方形于工作区间。如图

3、打开刚刚新建图层的选项,直至最后一级,我们可以看到Anchor Point,Position,Scale,Rotation,Opacity等动画变换。
接下来我们做一个简单的位移动画。
如图点击Position,如图左侧一个菱形图标是打点的东西,打点是记录当前图形位置的重要操作。

4、拖动进度指示器至某一时间点,再次打点,通过拖动这个图形,发现Position的位置已经改动。
这时候一个简单的动画已经完成,将进度指示器归置为初始位置0,点击空格进行预览。
其他旋转,伸缩简单变换同理。慢慢折腾吧,哈哈。

5、导出json文件
点击Window –> Extensions –> Bodymovin,如图

6、渲染并导出,如图,选中素材,设置导出目录,渲染就可以输出到指定目录了。

这时候如果遇到一个如图的警告,很有可能是软件写文件的权限设置没打开,按照提示操作即可,有可能在Edit目录下找不到这个设置选项,那么试试下面这个目录一定就有了。
Affect Effects CC —> Preferences—> General—> Allow Scripts To Writr Files ….

7、 什么?你觉得麻烦,ok,下面我们用airbnb现成的动画资源来试一下

利用airbnb 开源库提供的资源

1、 Git clone 一份资源到本地,找到目录 After Effects Samples/TwitterHeart.aep
将这个资源拖入AE 工作区间。双击选中,点击空格 进行预览

2、同上6,导出json文件即可

AE 制作一个简单的动画相关推荐

  1. pr如何跳到关键帧_PR教程 如何利用pr制作一个简单的动画

    Adobe Premiere Pro简称PR,是一款非常不错的视频制作编辑软件,如何如何利用pr制作一个简单的动画,这里小编为大家带来了pr动画制作教程--利用pr制作动画,一起来学习一下吧! Ado ...

  2. 用计算机制作动画,如何使用制作工具制作一个简单的Flash动画-电脑自学网

    怎么制作Flash动画?通过Adobe Flash我们可以制作出非常有趣好看的动画,也可以制作一键简单的小动画,下面给大家介绍如何使用制作工具制作一个简单的Flash动画. 操作方法: 1.打开fla ...

  3. 计算机动画制作简单动画视频教程,如何制作一个时钟转动动画视频?电脑制作动画的软件制作时钟转动的小视频的方法...

    今天小编要来介绍的是制作动画的软件,可以用于制作时钟转动的动画效果,之前小编就介绍过时钟动画制作的方法,但今天的方法更先进哦,这里的时钟的样式还有颜色都可以自定义的哦.制作动画的软件是什么?不是手机自 ...

  4. 制作一个简单的canvas动画

    制作一个简单的canvas动画 作者:旺仔 一上来先话不多说上代码,代码能看的懂得,ok,就当我下面所有的内容为废话,代码看的不太懂的,没关系我会一点一点让你懂,不过前提是你有一定的html+css+ ...

  5. 运用计算机来动画制作的视频,如何制作一个时钟转动动画视频?电脑制作动画的软件制作时钟转动的小视频的方法...

    今天小编要来介绍的是制作动画的软件,可以用于制作时钟转动的动画效果,之前小编就介绍过时钟动画制作的方法,但今天的方法更先进哦,这里的时钟的样式还有颜色都可以自定义的哦.制作动画的软件是什么?不是手机自 ...

  6. Python制作一个简单的抽奖软件(二)

    Python制作一个简单的抽奖软件(二) 认识QT 因为都对 QT和tkinter都没用过,之前简单使用tkinter后发现,界面调整不太好弄.然后度娘了之后,QT是强大GUI库之一,很多人都推荐它. ...

  7. 使用 Flutter 制作一个简单的笑话生成器应用程序

    在本教程中,我将向您展示如何使用 Flutter 制作一个简单的笑话生成器应用程序 对于这个项目,我们将从 RESTful API 获取数据 API的链接: 随机笑话 对于这个项目,我不会关注应用程序 ...

  8. 实例学习SSIS(一)--制作一个简单的ETL包

    http://www.cnblogs.com/tenghoo/archive/2009/10/archive/2009/10/archive/2009/10/16/ssis_lookup.html 导 ...

  9. python计算器教程,用Python程序制作一个简单的计算器

    用Python程序制作一个简单的计算器 在此示例中,您将学习创建一个简单的计算器,该计算器可以根据用户的输入进行加,减,乘或除. 要理解此示例,您应该了解以下Python编程主题: 通过函数创建简单计 ...

  10. 32位mips运算器logisim_大神教你制作一个简单的16位CPU

    如何制作一个简单的16位CPU,首先我们要明确CPU是做什么的,想必各位都比我清楚,百度的资料也很全..... 如果想要制作一个CPU,首先得明白下计算机的组成结构(或者计算机的替代品,因为并不是只有 ...

最新文章

  1. python判断日期_python如何判断日期的合法性?
  2. 老师学python可以干嘛-学 Python 都用来干嘛的?
  3. 【caffe解读】 caffe从数学公式到代码实现4-认识caffe自带的7大loss
  4. 亚马逊标题自动抓取_15分钟内开始使用Amazon Web Services和全自动资源调配
  5. 51nod 1907(多项式乘法启发式合并)
  6. 匿名内部类 handler
  7. keepass+onedrive打造密码管理器
  8. 餐饮后厨计算机应用,美萍餐饮管理系统,餐饮管理软件,餐饮软件,酒店收银系统,饭店点菜系统 --- 管理软件 美萍是专家!...
  9. 计算机证件照颜色,更换证件照底色只需10秒,关键还不要钱!这4种方法你一定要学...
  10. 未明学院:学员来稿 | 2019年中国电影分析报告
  11. 当心长角怪生物...闪动你的招牌...
  12. Curling 2.0{
  13. Linux 安装VMware Tools(open-vm-tools)实现桌面全屏、跨平台复制等功能
  14. 【Word】如何在数学公式同一行末尾填写编号
  15. 带符号的矩阵进行运算时,出现conj
  16. 物联网学习笔记(一)
  17. 区块链游戏为何如此火?大概是因为投机者和“韭菜”太多
  18. 世界第一台计算机是多少位,世界上第一台计算机的字长是多少位?
  19. shell脚本实现分日志级别输出
  20. Chrome浏览器多开

热门文章

  1. insert on duplicate key update命令
  2. Python 五角星的画法 five star
  3. 能耗监测管理系统作用
  4. 小学课本的“七桥问题”
  5. html文件在线打开word,html打开word程序 html直接打开word文档
  6. 硬件加速 setlayertype
  7. linux 火狐 jre插件,[原]再谈Firefox安装java插件的问题
  8. Google SketchUp SKP文件转OBJ 专业版注册机
  9. [BJWC2008]王之财宝
  10. 关于travis scott的网名_异地恋情侣网名甜蜜秀恩爱