AE怎么制作动态网页插画效果?怎么做?

如题所述

AE软件是一款灵活的基于层的2D和3D后期合成软件包含了上百种特效及预置动画,对于视频后期制作的小伙伴而言,精通AE软件是很有必要的!而精通需要的是不断学习,无论你是零基础新手,还是有基础需要提升的老手,那么都是可以学习到AE视频后期技巧,只要跟着羽兔老师的视频指导学习就可以了,95套AE自学视频课程,新老手学习掌握完全是足够的!知识点、案例课较多,想学就来~

AE制作动态网页插画效果步骤:

Step01画面元素的运动

新建合成,大小为1920x1080,帧速率30,时长6s左右(根据自己需求灵活变化)。

将AI文件分好层后,导入AE,勾选连续栅格化,调整好合成大小画面。

接着将所有图层进行单独的预合成,将其命名好,以便我们进行单独的物体动态制作。

接着我们进行物体随水流飘动的运动制作。这里挑几个比较特殊的例子进行示范,其他的按照这个步骤进行制作即可,可根据自身需求自由发挥

1.柳叶的摆动

进入其中一个柳叶的预合成,我们点击上方的木偶工具,对柳叶打上操控点,注意,要顺着柳叶的根部向上进行操控点的嵌入,直到顶端后停止。

接着我们使用autosway插件对其进行摆动的制作(autosway插件需要自行上网进行安装),选中所有刚才打上的操控点后,点击插件中的apply,会自动生成几个绑定图层,选中最上方的参数调整图层,进行如下所示的参数调整。

各参数的大小请根据自身需求自行进行试验调整。

接着我们使用锚点工具将柳叶的中心放置在其中央,然后在效果栏内键入摆动,可以看到AE自带的摆动的罗摩这个预设,为柳叶添加上后调整参数的背景进行制作。

添加如下图所示的效果,湍流置换的演化属性添加表达式time*200左右,根据需求进行调整。填充是为了将背景调整至跟画面跟符合的颜色,可自行吸色调整。

背景水流飘动的效果就做好了

最后再新建一个纯色层放置在最底下作为最底层的背景,颜色可自行进行调整,建议比上面制作的水流颜色要浅一些。

Step03画面进场的制作

这个需要我们有一个合适的水流转场素材,我使用的是RTFX素材包中的水流转场,若有合适的也可以使用。

将素材进行放大旋转,使其呈现一个从右下开始的转场运动效果,从而契合画面和粒子运动。

接下来我们对所有的元素(背景的水流到最上层的AI元素,只有粒子相关的图层和最底层背景不用)进行位置属性的k帧,k出一个从右下到现在位置的运动过程,调整运动曲线拉出一个先快后满的效果。

(图中是冰棒的运动路径,可以根据这种运动路径作为k帧参考)

接着我们对运动进行偏移,最底部的水流图层为1,上面的图层为2,再上面的图层为3···以此类推。

我们需要选中2图层的所有运动属性关键帧,向后偏移两帧,从而与1图层有着两帧运动间隔;然后我们需要选中3图层的所有运动属性关键帧,向后偏移四帧,从而与2图层有着梁振运动间隔····

全部做好后,每一个元素图层都应该与其下面的图层有着两帧的运动间隔。

(如图参考)

接着我们打开所有图层的透明属性关键帧,在此图层第一个运动关键帧处打上关键帧数值0,,然后下一帧打上100,重复三次,我们会得到一个0-100-0-100-0-100的透明属性关键帧序列。(注意,所有图层的透明属性关键帧序列起始位置是不同的,要与他们自身第一个运动关键帧位置一样)

画面进场就制作好了。

Step04画面退场的制作

我们将刚才所有的图层进行预合成,得到一个新的合成,命名为新和成。

观察画面,在进场运动即将消失的时候,我们给新合成打上一个缩放属性的关键帧,100-85,调整曲线改为先快后慢。

接着我们给合成添加网格变形效果,列数行数调整为2,拉动左下和右下的曲线手柄,使画面有一个抬起来的感觉。给扭曲网格打关键帧,让其随着缩放大小的变化而抬起画面。

用钢笔工具给左下角右下角分别画出一个三角阴影,放置于合成图层下,给透明属性打关键帧,让画面抬起时而阴影出现。

(整体画面)

(阴影位置)

(关键帧位置,请自行调整)

最后我们新建调整图层,使用looks插件,在预设中找到并添加ALLSEASONS这个预设

并在退场运动开始时为其打上STRENGTH关键帧序列

退场运动开始时为0,退场运动结束时为100,为关键帧添加缓入缓出。

最后一步,进入新和成,在其中添加上属于自己的文字,整个效果就做好啦!

最终效果图

关于“AE怎么制作动态网页插画效果?怎么做?”的内容本期就简单分享这么多,步骤都说的很清晰,希望你能学会!AE视频后期制作处理如果能够掌握的好,特效吸睛的视频快速制作还不是信手拈来?想学AE,想系统学AE,想专业学AE,就来羽兔!点击链接即可获取全部AE视频课程,不同阶段,自由选择:

温馨提示:答案为网友推荐,仅供参考
相似回答