ae海报实例教程,用ae设计动态海报实例教程

2016-6-12 09:36

之前发布了一个中国风动态倒计时海报的作品,有人问是怎么做的。整好自己也想整理一下文件,其实很简单,就拖拖拉拉做了一篇教程出来了。 www.29jc.com 首先找好素材用PS完成一份完整的设计稿,这是装逼的第一步 ...

之前发布了一个中国风动态倒计时海报的作品,有人问是怎么做的。整好自己也想整理一下文件,其实很简单,就拖拖拉拉做了一篇教程出来了。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>www.29jc.com

首先找好素材用PS完成一份完整的设计稿,这是装逼的第一步,也是很重要的一步。确定整理风格,保证后期的美感。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

考虑好你的画面要怎样“动”。

例如这里我需要荷花微微摇摆,但是后面的荷叶不动,那就需要把荷花抠出来,把荷叶空白的地方补齐。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

接下来就是正片开始,简单的小白式动效教程。

说明一下,AE目前是有官方中文版的。

我使用英文版不是装逼,而是因为当初学的时候还没有中文,一直使用英文版,现在用中文一些翻译对不上号,有点不习惯。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

导入PSD

在AE中选择File-Import-File...(文件-导入-文件...),快捷键Ctrl+I,选择刚才保存的PSD。

此时会弹出一个对话框,如下图

选择Composition - Retain Layer Sizes(合成-保持图层大小)

Editable Layer Styles(可编辑的图层样式)。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

点击OK之后,PSD就以一个合成的方式导入到了AE之中。

AE的工作方式也是“层”,类似PS,很好上手。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

接下来就要开始做动效了,不过第一步我们要做一个预合成。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

选中荷花图层,然后菜单选择 Layer - Precompose...(图层 - 预合成...),快捷键Ctrl+Shift+C,

此时会弹出一个对话框,选择Leave all attributes in“08”(将所有属性保留在“08”),点击OK。

这样荷花图层就嵌套进了一个合成里面,我们再对这个合成加特效,

至于为什么不直接对荷花图层加特效,你自己试试就知道了(懒癌发作)。

至此,我们的整个合成结构应该是这样的。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

如果你进入“荷花 Comp 1”,会发现合成大小刚好是荷花大小,这样荷花摇动的时候就会“出界”,所以我们需要调整合成大小。

AE海报教程,用AE设计动态海报教程_www.29jc.com

点击合成08,双击【荷花 Comp 1】(确保你是双击,进入了此合成,而不是选中)。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

然后菜单选择 Composition - Composition Setitngs...(合成 - 合成设置),快捷键Ctrl+K。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

调整宽度和高度,让我们的小花有足够的空间去摇摆,然后点击OK。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

接下来添加特效,回到合成08,选中【荷花 Comp 1】

然后菜单 Effect - Distort - CC Bend It(效果 - 扭曲 - CC Bend It)

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

接下来特效控制台出现了,调整一下第一项数值试一试,荷花是不是已经摇摆起来了。纳尼,荷花方了?!不要方,我们再来调整。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

Start项按一下定位的小图标,

AE海报教程,用AE设计动态海报教程_www.29jc.com

再单击荷花的根部略低一些的位置,这是运动的起始点。

End项同样,调整到荷花的顶部略高一些的位置,让荷花完整显示出来。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

接下来,神奇的表达式该出场了。我们不需要去key帧,一个表达式就可以让荷花随机摇摆。

首先,Bend项的数据归零,然后按住Alt键,鼠标左键点击Bend前面的小秒表图标。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

你会发现数据变红了,并且时间轴下面多出来一串神秘代码。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

删掉这段代码,写上 wiggle(2,5)

这段表达式就是让Bend这一项的数值随着时间轴随机变化,频率是每秒2次,幅度是5,你也可以根据你自己的情况来设置不同的数值。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

现在拖动一下时间轴,荷花已经摇摆摇摆了。

接下来把花蕾也用同样的步骤摇摆起来,甚至荷叶也可以动一动,但是把握好尺度,不要太鬼畜。

最后呢,再图层的最下面加点游来游去的小鱼素材,大功告成。

啊不,还要导出。

按合成设置,之前讲过,Ctrl+K,设置好时长,例如这里我需要6秒钟,将Duration设置为0:00:06:00,这里的意思是【小时:分钟:秒:帧】,点击OK。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

接下来按Ctrl+M,将合成添加到渲染队列。

Render Settings这里我们不需要更改,Output Module这里为了保证效果我们也不做更改,默认的无损输出就好(输出结果会很大), Output To这里更改文件的导出位置,然后点击Render渲染。

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

渲染完成后感受一下,6秒钟的视频就有八百多兆了。

AE海报教程,用AE设计动态海报教程_www.29jc.com

打开PS,把视频丢进去。没错,PS是可以直接处理视频文件的。储存为web所用格式,选gif,根据自己的需求调整一下大小和颜色。不要太大。

AE海报教程,用AE设计动态海报教程_www.29jc.com

AE海报教程,用AE设计动态海报教程_www.29jc.com
<点图片看大图>

储存,完成。

AE海报教程,用AE设计动态海报教程_www.29jc.com

整完之后发现好像忘了说文字的效果了,经过了两秒钟的思想斗争我决定下次再说。(懒癌再次发作)

第一次写教程,为了没接触过AE的也能看懂,写得有点啰嗦。以后有机会的话会更一些更高级的内容。

就这样。

全教程完,学完记得交作业。如果本教程对您有所帮助,请推荐给你的朋友。

关注我们的百度云盘,视频教程免费看,平面设计素材免费下载!百度云盘:http://yun.bAIdu.com/share/home?uk=3037027589&view=album
关闭

站长推荐 上一条 /1 下一条



Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 桂ICP备12007517号-1 )