如何使用AE制作线条描边动画

AE是一个视频制作软件，那么你知道如何快速制作线条描边的动画效果么？下面我们跟着以下图文步骤，学习下制作的方法吧！

工具/材料

After Effects Cs4

一、新建合成并设定填充与描边属性 01

执行：图像合成>新建合成组命令，在d出的合成设置窗口，将预置设为：HDV/HDTV 720，持续时间设为：3秒。

02

在工具栏遮罩工具上长按鼠标，选择“矩形遮罩工具”选项。

03

找到工具选项l栏的“填充”选项，单击鼠标调出设置界面。

04

在d出的填充选项窗口，将填充设为：禁止，单击确定按钮，完成设置。

05

按照以上方法，将描边设为：4像素，颜色设为：白色。

二、添加擦除效果并制作动画 01

通过矩形遮罩工具，直接绘制一个矩形的边框。
注：不选择任意图层，直接绘制。

02

选择形状图层，右击图层依次执行：“效果>过渡>线型擦除”命令，为形状层添加特效。

03

移动时间线指针到第一帧，为完成过渡与擦除角度属性添加关键帧，按照图示调整属性。

04

移动时间线到第一秒，按照图示调整完成过渡与擦除角度的属性参数，完成动画效果。

05

将完成过渡的属性的关键帧，向后拖拽五帧左右，使其产生错开的动画效果。

06

拖拽时间线指针，预览我们完成的最终动画效果。

特别提示

可适当修改边框的颜色与线条粗细，以达到更佳的效果。

制作过程可以告诉你，图全部都得靠画的，Painter。PS啥的都可以画。。等你有全部的素材后，就得用到AE了。这视频效果不算难。主要运用了AE的蒙版来实现的，蒙版可以让图或者文字被慢慢擦出来的效果。~~~~~建议用万彩动画大师，制作视频时做过路径动画，比之用ae真的是简单不少！选中物体后在其时间轴里插入移动动画，然后拖动物体确定移动位置就能生成一个路径动画啦，是不是很简单？AE是不能制作动画的，制作动画的软件有二维的Flash，三维的像Maya等，AE是影视后期的处理软件

1打开AE软件，右键单击选择“新建合成组”。
2在下面的面板右键单击选择“新建”，选择“纯色”。
3点击“图形”工具画一个图形。
4选中图形，点击“P”键，点击d出的位置前面的“秒表”。
5拖动时间轴选择位置，调整图形的位置即可。
注意事项：p键，可以快速出现秒表。对图形做位置动画时事先点击秒表。

用AE制作翻书页的动画，首先，我们要绘制出书封面，再绘制书页，再利用图层的三维功能在Y轴上设置其旋转度数并K帧，从而得到书翻页的动画效果。下面，我把详细的 *** 作步骤分享出来给大家参考。

新建固态层 01

启动AE软件，进入到 *** 作界面，CTRL+N，新建合成。设置每秒25帧，持续时间为2秒5帧。

02

然后，再新建一个固态层；固态层的底色为淡绿色，名称设置为：背景。

绘制书的封面 01

新建形状层，并命名为“书封面”。

02

在这“书封面”的图层上，调出矩形工具，并设置填充色为蓝色，无描边。

03

然后，在合成窗口大约中间位置上，画出一个长方形。再给矩形设置一点圆角。

04

选中长方形，点开效果组，给长方形添加投影。再设置投影的参数。不透明度为30；柔和度为8；其余的设置为0

05

再调出钢笔工具，在书封面的底下这里绘制另一个阴影。并把此阴影放在书封面层的下一层。

绘制书页 01

在书封面的位置上绘制一个白色的矩形，调节其大小。

02

接着，在书页这一层里用矩形工具绘制一个长方条。并填充为灰色。

03

然后，选 中这个长方条，添加中继器，执行复制命令，修改其参数，使长方条向下复制。

04

选中长方条，按CTRL+D，复制，自动命名为“长方条2”

05

点开“长方条2”，在路径这里，把位置的X轴方向数值减少，使长方条向左边移。

06

选中“书页”这一层，按CTRL+D，复制一层，自动命名为“书页2”

07

点开“书页2”的属性，把“长方条2”删除掉。再把矩形1的大小缩小一半。然后，向右边移与底下的“书页”重合。

制作翻书页的动画 01

选中“书页2”，点开此三维开关。

02

再按下R键，调出旋转选项。然后，在Y轴旋转左侧的码表点击一下，在这里K一帧。当然，首先是要把时间线上的指针移到0秒这里。

03

指针再移到1秒这里，然后，把Y轴旋转的参数设置为180，这里又K了一上帧。

04

接着，把“书页2”选中，连续按CTRL+D键3次，复制出另外三个图层。依次自动命名为：书页3；书页4；书页5

05

再到时间线这里，把书页3；书页4；书页5；依次向后退9帧。

06

那么，到这里，翻书页的小动画就制作完成啦。我们按下空格键，预览下动画效果。如果效果满意的那么执行保存。

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现成的动画资源来试一下

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

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

打开AE，在项目栏里双击打开要制作的集，这个时候会看到在准备栏里面，已经形成了一个临时视频文件；右键该文件，设置频率，这个要根据实际需要和的多少来确定。

设置好了以后，还可以加入一些视频和音频在里面，增强画面的效果；在文件管理项里，点击渲染，导出为AVI的模式，即完成。

用Flash软件制作书法卷轴动画的方法：

新建文档，然后导入，在舞台的第一帧拖入，调节到合适的大小并按(F8)转化为影片剪辑元件。

新建层，复制图层1的第一帧，粘贴到图层2的第一帧，在第二层的第一帧选择影片剪辑元件，在属性栏选择-添加滤镜-模糊(15左右，视舞台大小及分辨率)。

在图层1和图层2的第90帧按F5插入帧，提示：90帧是影片播放的长短，可以视需求而定。新建一层，用矩形工具绘制一个和舞台大小一样的。

位置X，Y分别为0(在属性栏设置)，在该层的第90帧插入关键帧，然后改X的位置为550(同上，舞台宽度的大小)，再设置形状补间。再新建一层，复制第一层的第一帧，粘贴到第4层的第一帧，然后在第四层的90帧插入关键帧。

再次新建一层，然后选择第一帧，在选择工具栏的矩形工具，把轮廓颜色为无，选择填充颜色，到颜色面板上去，选择线性渐变，设置全部为白。

在第一个位置的透明度为0%，第二个位置为44%，第三个位置的透明度为0%，第四个位置的透明度为33%，第五个位置为0%用矩形绘制一个矩形，宽(即为卷轴的宽度)。

高为舞台的高度，位置X,Y为(0，0)。然后在第90帧插入关键帧，设置X,Y位置为(舞台宽度550，0)并设置形状补间。再次新建一层，选择图层5的所有帧-右键复制帧，然后选择图层6的第一帧，粘贴帧。

回到图层5，让图层5对图层4进行遮罩。再回到图层4，关闭图层2，图层3，图层5。分别选择图层4第1帧和第90帧上的元件，设置其透明度为40。

然后选择该图层的第一帧，选择第一帧的元件，执行修改-变形-水平翻转，然后让它和图层1的元件以卷轴的左侧为中心对称。当然再到该图层的第90帧，也调节以红线对称。再分别把透明度调会到100。

方法：

1、首先，我们打开ae软件，在红色框内双击鼠标左键，导入素材（例如诸葛亮），然后按住鼠标把拖动到新建合成图标那里。

2、点击显示比例50%，把图像人物完整展示，方便后面的制作。

3、把动画人物的眼睛变大，选择凸出特效，建立2个凸出控制眼睛变大变小，锥形半径是设置眼珠的变大变小，设置时间轴变化。

4、接着，我们把素材手中的光球加个旋转扭曲特效，就是这样选择270度再回复，帅气多了。

5、最后调整好动画效果，点击合成，添加到adobemedia队列，输出格式为GIF格式就可以了。

方法/步骤1:

首先，我们打开ae软件，在红色框内双击鼠标左键，导入素材，如图所示

方法/步骤2:

然后按住鼠标把拖动到新建合成图标那里，如图所示

方法/步骤3:

点击显示比例50%，把图像人物完整展示，方便后面的制作，如图所示

方法/步骤4:

我们把动画人物的眼睛变大，选择凸出特效，建立2个凸出控制眼睛变大变小，锥形半径是设置眼珠的变大变小，设置时间轴变化，如图所示

方法/步骤5:

接着，我们把诸葛亮手中的光球加个旋转扭曲特效，就是这样选择270度再回复，帅气多了，如图所示

方法/步骤6:

最后调整好动画效果，点击合成，添加到adobemedia队列，输出格式为GIF格式就可以了，大家可以自由的发挥你们的创意做有趣的动画表情了。

AE 中的蒙版遮罩可以用来制作各种动画效果，以下是一个基本的步骤：

创建一个需要进行蒙版遮罩动画的图层，并在图层上创建一个蒙版。可以使用 AE 中的矩形、椭圆、多边形等工具来绘制蒙版。

在蒙版路径属性中，添加一个起始关键帧和一个结束关键帧。可以通过选择蒙版路径属性，然后单击“添加关键帧”按钮或使用快捷键 F6 来添加关键帧。

调整蒙版路径属性中的路径形状和位置，以创建所需的蒙版遮罩动画。可以使用 AE 中的编辑路径工具来调整路径的形状和位置，或者手动输入数值来精确调整蒙版路径属性。

通过修改蒙版路径属性中的关键帧插值类型和速度，可以控制蒙版遮罩动画的速度和缓动效果。

如果需要制作复杂的蒙版遮罩动画，可以将多个蒙版遮罩图层组合起来，以创建更复杂的动画效果。可以使用 AE 中的合成模式和透明度属性来控制不同蒙版遮罩图层之间的遮罩效果。

需要注意的是，蒙版遮罩动画需要一定的绘画技巧和动画制作经验，因此可能需要一些时间和实践才能掌握。您可以参考 AE 的官方教程或在线教学资源来学习更多关于蒙版遮罩动画的技巧和方法。

---