AE描边完全指南(关于AE描边实现)

一、基本概念

AE描边是After Effects中的一个非常重要的功能,它可以将图形轮廓描绘为线条,起到美化、突出图形、制作动画等作用。

描边是指以选中的形状或图形为基础,将图形轮廓的每个点用线互连而成,形成一条线条。AE的描边工具可以用于任何形状的对象,让你可以随意定制类型、颜色、厚度等属性,从而轻松创建出独特的特效。

首先,在AE中打开一个已经绘制好的形状图形,使用快捷键Ctrl+Y在图层上创建一个空白的描边层,并将其放在原图形层的上方。选中描边图层,在”描边”控制面板中,你可以开始调整各种属性,比如线条的颜色、宽度、线段端点的样式、线条的起始点与终止点的位置等。通过调整属性设置,你可以在很短的时间内制作出极具个性的描边效果。

二、基本操作

要在AE中使用描边功能,需要完成一些基本操作。首先,你需要在画布中找到所需的图层,在图层上单击右键,选择”新建描边轮廓”。这个命令将描边效果添加到图层中,并创建一个描边面板。

在面板的顶部,你会发现一个强调线段的”描边颜色”调节器。你可以通过调整该调节器来更改轮廓的颜色。要更改轮廓的厚度,请调整”描边宽度”属性。此外,面板中还有许多其他可用于修改描边效果的属性。

此外,还可以通过使用AE面板中的”外观”下拉菜单来添加不同类型的描边。例如,你可以选择长虚线、点状线、实线等不同的样式。

三、自定义描边特效

除了调整基本的描边属性之外,你还可以进行更高级的自定义操作,以使描边效果更加独特、美观。以下是几个值得尝试的方法:

1、合成标记:通过应用合成标记,可以将描边限制为图层的特定区域,而非整个图像。在面板的”描边”部分中启用”合成标记”属性,然后选择你想要描绘的区域。

2、扭曲效果:使用扭曲效果,可以对描边效果进行进一步变形,令其与所选对象或图形更加吻合。在”扭曲”属性中,调整复数参数以产生各种不同形式的扭曲效果。

3、图案描边:如果你想让描边效果看起来比较独特,可以应用”图案”描边类型,并在面板中设置相应的参数。该参数允许你定义用于描绘形状的单个称号,例如一个星形、圆形或菱形的图案。

四、描边动画效果

使用描边工具可以制作出很多富有动态感的描边效果,让你的作品更加精彩。以下是几个值得尝试的技巧:

1、描边跟踪动画:在制作描边动画时,可以使用跟踪来确保描边的尺寸、颜色和形状保持一致。在开始跟踪之前,需要对直线、曲线、多边形等形状分别创建不同的描边图层。然后,选择”跟踪”菜单,从而驱动描边动画。

2、描边路径动画:这是一种非常常见的描边动画方式。通过控制描边的路径,可以创建出有趣的逐步呈现动画效果。那么如何对描边路径进行控制呢?首先,你需要创建一个表达式。然后,将表达式绑定到描边路径上,修改参数以快速调整描边的形状和移动方式。

3、描边液态动画:这种动画让描边看起来像液体一样。首先,你需要将描边的颜色设置为透明度,然后再对其应用一个镜头扭曲效果,以产生流动效果。

五、精选描边代码示例

<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="400" height="400"></canvas>

<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="lightblue";
ctx.fillRect(0,0,350,350);
ctx.lineWidth=5;
ctx.strokeStyle="black";
ctx.strokeRect(0,0,350,350);
ctx.beginPath();
ctx.moveTo(175,0);
ctx.lineTo(350,350);
ctx.lineTo(0,350);
ctx.lineTo(175,0);
ctx.stroke();
ctx.closePath();
</script>

</body>
</html>

上述示例演示了如何使用Canvas API进行描边操作。其中,我们定义了一个画布元素和一个上下文,然后使用ctx.lineTo()方法绘制了描边图形。该示例的输出结果为一幅三角形描边图形,填充颜色为浅蓝色,线条为黑色实线,线宽为5像素。

六、总结

描边效果是图形设计和动画制作中的重要工具之一,它可以让你轻松创建出各种各样的特效和动画效果。本文介绍了AE描边的基本概念、操作和自定义方法,还分享了一些精选的描边代码示例。希望这些内容能够帮助你更好地掌握AE描边,为你的作品增添独特的美感和动态气息。

Published by

风君子

独自遨游何稽首 揭天掀地慰生平