熟练运用AE软件做几个偏技巧性并且可以举一反三的超简单小动画,教大家如何制作一个带有动画效果村庄烟雾,你学会了这些小动画,不仅可以熟练运用AE软件,还能对动画制作有深入的了解。

第一步:在AI中绘制插画

打开AI软件,用钢笔工具和形状工具绘制村庄矢量图形,填充好颜色,因为在AE中整个插画视为一层(不需要分层),所以给图层编组ctrl+g。快速调整图层前后关系的方法是:选中该图层,剪切ctrl+x,再选中要置于该层之上或之下的图层,原位粘贴ctrl+f,默认粘贴到图层之上,如果要置于图层之下按 ctrl+[ 即可。

如何分层?

如果我们要将矢量插画分层导入AE中(即AI中的一个图层对应AE中一个图层),则需要在AI中对图形分层。打开图层面板,点击“右上角菜单图标>释放到图层(顺序)”,然后全选子图层,向下拖到图层面板的空白区域,删除空白的顶层,即完成了分层处理。

第二步:将AI图形导入到AE中,并创建合成

最好新建一个文件夹,用于存放AI素材和AE文件,避免更改或删除AI文件后,AE内的素材丢失。

保存好AI文件之后,将素材导入到AE中,点击“文件>导入>文件”,也可以双击合成面板,选择AI素材,然后选择“合成-保持图层大小”,点击导入。

双击合成,即可调出时间轴面板。这里不用更改帧速率。

第三步:绘制形状,设置关键帧

点击图层面板的空白区域(目的是不选择任何一个图层),选择圆角矩形工具绘制,如图大小,放置在如图位置,再使用锚点工具,将圆角矩形的锚点拖动到右下方,如图位置。

使用椭圆工具画一个圆,如图大小,放置在如图位置,将圆形的锚点移动到下方,如图位置。

设置关键帧:

将时间指针移动到0s位置,选中圆角矩形图层,按P,调出位置参数。在0s处,创建关键帧;在3s处,将形状移动到左上方,创建关键帧;在6s处,将形状移动到右上方,创建关键帧;在12s处,将形状移动到左上方,创建关键帧,调节路径锚点使其平滑。

按S键,调出缩放参数,在0s处,创建关键帧,缩放值为0;在6s处,缩放值为100,创建关键帧;在12s处,缩放值为0,创建关键帧。

选中圆角矩形图层,按U键,显示所有的关键帧,将圆角矩形的关键帧粘贴到圆形图层上,首先将时间指针放置在0s处,只框选圆角矩形的所有关键帧,ctrl+c,选中圆形图层,ctrl+v。

设置循环表达式:按住alt键,鼠标点击圆角矩形位置参数前的时间图标,如图

在表达式输入框内输入 loopOut(“cycle”); ,注意,在英文状态下输入哦。

然后对缩放参数设置相同的表达式。

对圆形图层的位置和缩放参数也设置同样的表达式。

然后将圆形图层的时间轴向右拖动一点,形成运动的时间差。如果时间轴拖不动,并且出现双向箭头图标,可以保存项目后关闭,再次打开就可以拖动了。

然后依次选中圆角矩形和圆形图层,ctrl+c,ctrl+v,放置在原来两个图层之下,将这两个图层一起向右移动一段距离,重复上述操作,直到最后一组图层超过12s位置。

按空格键播放视频,可预览效果。将工作区调节到16s~19s位置,播放预览,可以左右微调工作区,选取一段首尾不卡顿的视频即可。

第四步:导出视频,制作gif动画并发布

点击“文件>导出>添加到渲染队列”,点击“无损”,输出设置选择“QuickTime”,点击“输出到”,可以选择保存路径,然后点击渲染,即完成视频保存。

打开PS,将视频拖入画布,点击“文件>导出>存储为Web所用格式(旧版)”,格式选择“GIF”,循环选项选择“永远”,点击存储,到此烟雾小动画就制作完成啦。

总结

1. 如果圆形和圆角矩形两个图层的时间轴错位距离太小,烟雾就会特别密集。

2. 设置好关键帧之后,复制两个图层一定按照顺序选择,然后粘贴复制,调整图层上下位置,并向右移动时间轴,按照该操作无限复制,直到最后一个图层的起始位置在12s之后。

3. 最后的动画效果如下图。

以上内容来源于网络由轻备学院为大家整理分享的教程啦,主要是教大家如何学习使用AE制作影视特效的教程,教程非常简单,相信这篇教程肯定会大家有所帮助,赶紧来看看吧!想要更多免费视频请关注腾讯课堂轻备学院。

ae怎么做圆一圈圈扩散效果_轻备学院AE特效基础教程 - 如何制作一个带有动画效果村庄烟雾...相关推荐

  1. 【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个电风扇动画效果~适合初学者~超简单~ |前端开发|IT软件

    b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个电风扇动画效果~适合初学者~超简单~ |前端开发|IT软件 效果图: 完整代码: <!DOCTYP ...

  2. 怎么做圆一圈圈扩散效果_推广为什么没有效果,网络推广怎么做才有效果?

    那么,想要网站推广效果好,应该怎么做呢?很简单,一要团队,二要分工.网站推广主要包括三个方面:内容.外链和需求客户.那么,分别有专人在这三个方面负责,术业有专攻,如此,才能不断摸索中见到效果. 网站内 ...

  3. 怎么做圆一圈圈扩散效果_软文推广怎么样做才有效果?

    网络营销的发展已经趋于成熟,口碑时代全面来临.无论是新品牌还是有一定知名度的老品牌,在网络上的口碑和舆情非常重要,而在网络推广的多种方式当中,软文营销是最经济也是最有效果的推广方式之一. 利用软文营销 ...

  4. 微信小程序:如何制作一个带动画效果的按钮

    App制作者希望有一些按钮,引导用户去操作,那么带动画会起到一定的引流作用吧! 本主编就在此分享一款.效果如下,如果是你需要的,请继续往下看代码.不是需要的朋友就不用看了. WXML <view ...

  5. HTML5实现一个时钟动画,利用html5制作一个时钟动画效果

    我们先来看下效果图(不考虑颜色搭配): (学习视频分享:html5视频教程) 我们首先要理解如何去实现这个时钟,暂时不要考虑动画,学着将问题进行拆解,一步一步实现. 首先我们需要画个方形,有个边框,给 ...

  6. videoleap自带素材_videoleap教程:制作电影帷幕开场效果细解

    大家晚上好,我是Mr.吴 劳模吴又熬夜来给大家更新教程了 今天给大家带来的教程是 --如何制作电影开场的效果 这里我先放一个上周末出去约拍 记录的一个vlog成品杭州印打卡--WABF小分队https ...

  7. matlab车轮滚动动画,Fireworks动画教程:简单制作轮子滚动动画效果

    本教程是向大家介绍利用Fireworks简单制作轮子滚动动画效果,方法很简单,主要想通过这一实例向大家介绍fw mx如何让我们的web design变得更easy,希望大家通过本篇教程能有收获! 一直 ...

  8. php多张图片制作成视频教程,ps把相片制作成视频动画效果

    这篇教程是向的PHP中文网朋友介绍ps把相片制作成视频动画效果方法,教程制作出来的动画效果非常漂亮,而且难度不是很大,推荐到PHP中文网,喜欢的朋友可以跟着教程一起来学习 如果想要把图片或者相片制作成 ...

  9. android led闪烁功能,如何在Android应用层中制作一个LED指示灯效果

    如何在Android应用层中制作一个LED指示灯效果 发布时间:2020-12-08 16:12:59 来源:亿速云 阅读:86 作者:Leah 本篇文章给大家分享的是有关如何在Android应用层中 ...

最新文章

  1. python遍历循环选择题_19道Python循环遍历,while,for语句测试题,网上看到的题目,自己不看答案全部做了一次,总共3个小时左右...
  2. 读书笔记《数据挖掘概念与技术》第2章 数据预处理 2.4 数据集成和变换
  3. 女性人均存款56.3万,中国女性存款为何比男性高?
  4. 恶意代码入门知识汇总
  5. ef sqlserver切换到mysql_可以为MySql和SqlServer使用EF上下文吗?
  6. python jieba词频统计英文文本_python实战,中文自然语言处理,应用jieba库来统计文本词频...
  7. aboboo 上一句 快捷键_电脑软件推荐|这几个快捷键你一定能用得上
  8. JavaScript学习(八十)—请写一段JS程序提取URL中的各个get参数(参数名和参数个数不确定),将其按key-value形式返回到一个json结构中
  9. python必须要记住的代码_好用到哭!请记住这20段Python代码
  10. 安卓 电话黑名单拦截
  11. 计算机无法安装新字体,xp系统电脑安装新字体后无法使用的解决方法
  12. 心理学中的效应简单解读(r12笔记第24天)
  13. 对JavaScript中的 事件 进行疯狂 处理
  14. 360网上商城:链接生态与终端
  15. 深度卷积神经网络最新进展综述
  16. html内嵌式选择器,CSS样式 CSS选择器(Cascading Style Sheet)
  17. 计算机一级wps office考试题库,2017计算机一级WPSOffice复习题(含答案)
  18. JavaScript中用数组实现键值对
  19. 免费python全套教程百度云-老男孩Python视频教程全套完整版!无偿分享~
  20. 【IPFS应用开发】ipfs安卓节点编译 ipfs andriod node

热门文章

  1. python培训比较好的机构-西安比较好的python培训机构推荐
  2. python自学入门教程-Python自学入门基础教程-数据类型
  3. python入门指南 许半仙 txt-第1题_峥嵘_玄幻奇幻_百家网
  4. 苹果电脑安装python-在Mac上安装Python环境
  5. 编程中python怎么读-对Python新手编程过程中如何规避一些常见问题的建议
  6. python编程基础教程-史上最全Python编程基础入门教程
  7. python作者叫什么-Python18:什么是字典
  8. python获取excel某一列-Python 读取excel指定的列
  9. python软件安装步骤-Linux中Python 环境软件包安装步骤
  10. python从小到大的顺序输出-python从小到大的顺序输出