浅谈ASS的特效代码玩法5：矢量绘图篇-进阶高手大佬的必修之课

开心兔

前言
前一篇帖子提到，新手可以利用挂图方法解决一些难以用代码实现的效果，虽然能解决一些问题，但毕竟不是万能的，存在许多ASS字幕的兼容问题与处理效果的不足之处。

当然，针对技术型高手的小伙伴而言，这也不是问题，我们可以利用其它作图的软件进行图片制作，例如PS、AE等等，制作成PNG的序列图片再导入Aegisub中，所有想要的效果都能完美的实现。

这里贴一篇由@chrislong 大佬发布的将图片序列插入到字幕当中的高级教程贴，小伙伴们可以自行研究。

但是，对于不会AE等其他软件的小伙伴来说，这就等于是限制了其制作水平的发挥，如果仅仅靠简单的挂图方法去处理，费时费力而且也未必能达到想要的效果，那么在此时，我们就可以利用矢量图形去解决。

什么是矢量图形？这个就不在帖子中解释了，自行找度娘求解，本帖只介绍如何去绘制矢量图形，以及矢量代码在ASS中的一些相关运用问题。由于我对矢量代码方面也是半壶水的状态，所以接下来的内容如果有我的理解错误之处，请务必提出。

另外，本帖中将首次发布多数字幕制作者都未曾见过的高级操作，对于新手来说可能更加难以消化，所以强烈建议，务必先了解各项代码的基本运用再来阅读。

矢量绘图代码：{\p}
\p为ASS的矢量绘图指令，参数为0123456……n，其中0为关闭当前图形绘制，其他数字为图形绘制的比例大小。

{\p1}：图形根据分辨率尺寸按1：1绘制，如图：



{\p2}：图形根据分辨率尺寸按2：1绘制，如图：



参照Aegisub的拖放按钮点来看，图形按照比例缩小显示了。也就是说，参数越大，绘制的图形就越小。

{\p3}：图形根据分辨率尺寸按3：1绘制
{\p4}：图形根据分辨率尺寸按4：1绘制
…………以此类推

绘图代码写法：{\p1}m 0 0 b -55 0 -55 -78 0 -78 b 51 -78 51 -1 0 0 {\p0} 这是一个简单的绘制近似圆形的代码，注意看书写格式，由{\p1}开始按照1:1绘制，然后由{\p0}结束绘制。

绘图代码中的字符结构不解释，那个知识点已经超出了我们做字幕的范畴，知道怎么绘制即可。


绘图方法
其实矢量绘图工具很多，但针对制作字幕而言，我们掌握Aegisub的绘制方法和ASSDraw3的绘图方法即可。我接下来只讲这两种方法。

1：利用Aegisub快速绘图


如上图，在Aegisub中可直接利用矢量裁剪工具绘图。

这种方法仅适合绘制简单的无中空图形，比如我们想要绘制这个路牌的形状，就可以直接在Aegisub中完成。

创建一条空白字幕行，然后单击选中裁剪按钮后，会自动打开相应的操作工具，默认为添加直线的工具，如下图


各种绘图的工具小伙伴们可自行研究，操作都非常简单，这里说说如何绘制那个路牌的形状。选中添加直线工具后，我们一般是找图形的菱角处开始描点，如下图


由于是绘制直线，我们在每一个菱角位置进行描点，如下图，直到将我们需要描绘的形状连接起来即可。


此时，我们就得到了一个矢量形状的遮罩代码：{\clip(m 368 346 l 1165 293 1168 541 360 581 301 461)}

这个代码就是刚刚描绘出来的路牌形状，我们将这个代码中的遮罩指令改写成绘图指令就变成了我们绘制的图形，删除\clip(，改成\p1，并将小括弧内的代码移到大括弧外，然后在代码末尾写上{\p0}，即：{\p1}m 368 346 l 1165 293 1168 541 360 581 301 461{\p0}

修改完代码之后，点击拖放按钮（如下图），此时绘制的形状已经生成，但是在Aegisub中没有看到？只看到了拖放的按钮点。


因为，通过Aegisub绘制图形，是根据画面分辨率进行描点绘制，出来的代码坐标（即m后面的数字）是画面分辨率的坐标，当我们将它改成矢量代码后，所有坐标就变成了图形坐标，图形坐标是根据描点起始位置开始计算，所以图形就会移位，不再是绘制时的画面上位置，此时我们只需拖动拖放点，就能看到我们绘制的图形。（如下图）


绘制好图形后，根据需求调整大小，比如前头提到的\p参数，可直接缩小图形，或者通过\fscy 、\fscx来调整图形宽高比例，以达到我们想要的大小。


满意之后，再设置颜色、边框等等等等，以实现我们最终想要的效果。


这里再补充一下，当我将代码中的\p1改成\p2之后，图形就缩小了（如下图），\p参数是按照绘制比例缩小图片，没有使用\fscy、\fscx进行大小调整来的灵活。


通常是遇到较大的图形时，则使用\p参数直接大比例的缩小图形，然后再使用\fscy、\fscx进行细微调整。


2：使用ASSDraw3灵活绘图
Aegisub自带ASSDraw3辅助绘制工具，在软件导航栏上，是一个小女生头像，如图：


点击直接进入ASSDraw3绘制工具


使用ASSDraw3绘图，可以更加灵活的绘制各种样式、各种中空的图形，相比Aegisub的矢量裁剪工具，更加方便灵活。不过Aegisub自带的软件未汉化，帖末我放上汉化版，有需求的小伙伴自行下载，那么为了便于看懂，帖子中我将使用汉化版进行讲解。

比如刚才的路牌，我们想要绘制成与画面中的样子一致时，就可以通过ASSDraw3绘制得更好看。

首先截图保存画面图片（截图方法前面帖子有提到，忘记了的小伙伴自己回头去看），然后直接将截图拖放进ASSDraw3中。软件自动弹出背景图的透明度调整，为了便于操作，我的习惯是调整成50%透明。


关闭透明度调整后，会看到一个基点坐标，这个坐标就是绘图的中心点，所绘制出来的图形代码，是以此基点坐标开始计算，也就是说，你想要将图形放进Aegisub的时候，哪个位置为图形的中心点，那么你在绘制图形的时候，就要先选好这个基点坐标的位置，通常是找菱角处，便于绘制图形。


如此图，我们将左下角的菱角设为中心点开始绘制，那么就需要调整基点位置，在ASSDraw3中，有两种方法调整基点，如下图


一种是通过移动画布，一种是移动背景（也就移动图片），你需要用哪种方法移动，就选中哪个按钮。比如我通过移动画布来调整基点，如下图


鼠标右击按住基点拖动，然后找准要放置的位置后松开鼠标。是右击按住，不是左击。我们可以看到，顶部标尺0的位置也在随着变动，也就是说，基点的位置始终为开始绘图的初始坐标。

同理，如果选择移动背景图片，也是鼠标右击按住进行拖动。

如果感觉图片太大或是太小不便于操作，直接滑动鼠标齿轮，就是放大或缩小，与移动一样，选择画布放大缩小画布，选择背景图片，就是放大或缩小背景图片。

当我们需要同时操作画布和背景图片时，只需要同时选中两者即可。如下图，就是同时操作画布和背景。


了解的基础操作后，开始绘图，导航栏可以看到绘图的操作工具，如下图，这里只简单介绍我们会用到的几个工具。


选择拖动则可以移动绘制的起点，但基点坐标不变，所谓绘制起点，就是绘图的开始坐标。


选+M点，是创建一个新的绘制起点。


+L线，就是绘制一条直线；+B线是绘制一条曲线；删除，就是删除绘制的线条，不解释。

搞清楚这几个工具后，开始绘图。比如我们这个示例，只需要绘制直线，那么就选择+L线进行绘制，这种操作方法与在Aegisub中如出一辙，如下图：


按住鼠标左键，拖动绘制起点坐标拖动到想要放置的位置后松开，然后接着第二个坐标开始按住左键拖到下一个位置，如法炮制完成所有菱角处的连接。

绘图坐标是根据顶部与左侧的标尺来定位，所以在绘制时会发现，有时候没法与图片上的菱角处对齐，这个没关系，只要别差太远就好，绘制好图形以后放进Aegisub，这种细微差别是看不出来的。

如果我们想要绘制中空图形，比如路牌的方向指示绘制成中空，只需要创建一个新的绘制起点，然后根据图片进行绘制即可，如下图：


创建新的绘制起点后，选择+L线画直线，如法炮制，在ASSDraw3中，中空无颜色填充。

绘制好后，我们复制下方的矢量代码到Aegisub中就可以看到效果了

图形大小依旧根据需求调整，此为通过ASSDraw3绘制中空效果图形的步骤，具体细则小伙伴们可多摸索练习，绘制出来的效果自然更佳。

另外绘制曲线图形的方法一样，这里就不再举例说明了，步骤都是一样的，自行研究比看教程学得更多。

绘图就讲这么多，一切都需要亲自动手方能进步更快。


多图形的并用（首发高级操作）
一行代码中，可以放置多个矢量图形代码！此功能的强大之处在于，我们可以实现将一个复杂的、多颜色的图形用一行代码实现。这样就可以完美解决整个多元素图形的运动跟踪、旋转、缩放等效果。

这里我将用国语视界LOGO来做一个实现的思路与方法，期待各位高手大佬做出更加炫丽精彩的特效来。


如上图，国语视界的LOGO就是两个矢量图形代码用一行字幕实现的效果，运用{\p0}关闭当前绘图后，再继续写一个新的绘图指令，即可实现多图形搭配组合。

游客，如果您要查看本帖隐藏内容请回复

好啦，今晚加班写教程又到半夜啦，希望小伙伴们看完教程，能学到更多技能，做出更多精品。

游客，如果您要查看本帖隐藏内容请回复

gjp0975

是什么驱使你坚持着，在空闲的时间，而且是在半夜别人睡觉的时候，你却在辛苦的撰写教程。个人见解，如有不妥，还望见谅哦。

1：人品，想让论坛更多的人喜欢上制作字幕，然后为论坛多做贡献，也想让更多人拥有大洋。

2：热心，力所能及的帮助坛友排忧解难。

3：心胸宽阔，无私奉献的将自己学到以及碰到的东西传授给坛友。

4：坚持，有一种信念，就是要把这个系列完完整整的写好，秉着认真负责的态度。

5：爱好，要不是因为喜欢是很难坚持下去的。也正如此，才会有那么美妙的教程呈现在我们面前。

最后，说一声感谢你，辛苦了。

why1812

兔神厉害！

applo

膜拜

蜗牛跑车

聪明的小伙伴，能认真学会兔神精心编制的教材，绝对也能成为特效制作高手，俺只停留在稍微能看懂第一章

泽铭

这个太牛了，学习到了！

imazzystar

真是好教程，谢谢兔神用心写作授道！

3201

学习一下，教程写的很详细，不错，辛苦

bigriver

技术是越来越高了

低调做人

厉害了楼主，论坛都是人才

664728

技术帖子可以

xmdhsb

进入矢量绘图阶段的教程了，兔神威武

willing

谢谢楼主解惑

fengwhen

好东西啊，谢谢大佬辛苦的劳动和分享

yxyzq

这个太牛了,.

hunau316

大佬厉害厉害，学习了

shhaclm

兔神的教程写得太好了，需要好好学习！谢谢大神编写教程！

pqzm777

牛X的教程，典范之作！！！

iamxqy

字幕制作真心辛苦了，一个开头估计都能搞个好几天，感谢各位大神为论坛呈现精彩~！   

chrislong

哇 太6的 绘图软件用的炉火纯青

千石

这个确实牛X 了