国语视界

 找回密码
 立即注册
查看: 21841|回复: 102

[字幕技术] 浅谈ASS的特效代码玩法6:绘图运用篇-分色获取矢量码方法

  [复制链接]

114

主题

766

帖子

6327

积分

版主

大洋
273358
阅读权限
140
发表于 21-5-15 08:38 | 显示全部楼层 |阅读模式
本帖最后由 开心兔 于 21-5-30 18:21 编辑

前言
在上一篇帖子中提到了多图形矢量代码的组合运用,它所能实现的特效效果与直接挂png图片相比,各有巧妙之处,甚至有过之而无不及。毕竟采用挂png图片时,某些功能在ASS代码中无法直接实现。

这项技能多数高手都未曾用到,可能也是因为在此之前没有听闻,在我发帖后陆续收到字幕作者对这项技能的相关咨询,所以今天就专门为此技能写一篇我摸索的详细教程贴,愿各位字幕爱好者能学有所成。

开工之前,希望小伙伴们能知道,这项技能与挂图的分别仅在于,这是将图片根据不同颜色转换成了矢量代码,那么要学会这招,得先会如何将图片转成矢量代码的基本技能,如果不会操作的小伙伴请务必先阅读百度贴吧的“图形转矢量码的具体操作”后再来学习。

这里我就使用漫迷期待已久的《黑寡妇》国内海报片名做教程,讲解我是如何通过AI进行分色获取矢量代码的操作方法。


注意:这是我自己摸索的方法,毕竟对AI操作我也是一问三不知的状态,此方法并不成熟,仅仅只是我目前分色获取矢量图形代码的方法,如有AI大佬看见,千万别见笑,你有简单直接的方法请务必发帖教给大家,非常感谢。

第一步:制作便于转码的图片
首先,我们通过海报将片名文字抠出来,咳咳,由于本人PS技术太菜,教程中使用的这张图片也是拜托PS技术大佬给抠出来的,这里再次感谢。如果小伙伴们的PS技术过关,那么这个也不是问题,哈哈。


如图,得到我们想要的片名文字,此时,我的建议是,图片的分辨率尽量设置大一点,这样在AI转码描摹的时候,也不至于被疏忽掉细节地方。

如果仅仅只是单一的颜色,按照百度贴吧的描摹教程按部就班即可,但今天讲的是多色描摹,那么我们就需要将图片进行颜色划分处理。比如黑寡妇这个片名,涉及到两个颜色,红色与白色。

首先,在PS中将白色部分全部处理成纯白色,不要带任何灰色块,红色部分也全部处理成红色,如下图:


与上一幅图相比,白色与红色就变得更加鲜明无杂色,这样便于在AI中操作。(关于如何在PS中抠图与颜色处理这里就不讲了,自行百度或找PS高手帮忙)


第二步:AI描摹
处理好图片后,拖进AI,最好是将图片放置在空白区域的左上角对齐,这样描摹出来的矢量代码放进Aegisub后,操作界面中的拖放按钮才不会偏差太远。


因为我们是获取两个不同颜色的矢量区域,所以需要两步描摹,前头说了,这是我自己摸索出来的方法,个人感觉比较笨重,但为了给大家解答,我只能将我自己的方法尽量讲述得详细。

第一步就是按照百度贴吧的步骤,获取白色区域的描摹。


如图,选择【对象】--【图像描摹】--【建立并扩展】


如上我们得到的,就是整个白色文字区域的描摹,这是单一颜色的描摹方法。由于AI背景底色与文字颜色相同,那么我们可以将白色的文字区域部分设置一个不同的颜色以便于查看。


操作方法如上图,选中白色文字区域,然后将鼠标移动到左上角的调色按钮处,第一个为前景色,第二个为边框色,按住Shift键单击第一个前景色白色按钮,即可出现颜色选择区域。


注,如果你按出来是灰色的,就点击选择框右上角的倒三角形,然后选RGB即可


比如我们选择一个蓝色,由于白色部分并非一个整体,那么就需要选择多次,以便将所有白色部分都换成蓝色。(当然,如果自己知道有哪些区域,不设置颜色也可以)这里这样讲,主要是为了便于大家看明白。



如图,将所有白色文字区域换成蓝色后,接下来选择左侧第二个箭头【直接选中工具】,然后点击黑色区域,按Delete键删除,得到文字的描摹区域。



按步骤操作后,得到如上效果,我们发现,还有部分黑色区域未被删除,那么继续选择未被删掉的黑色部分,按Delete键进行删除,直到全部删除完毕即可,如下图。


接下来,我们再按照百度贴吧的步骤,利用AI2ASS脚本取得各颜色的矢量代码。


由于我电脑中的AI未能识别出AI2ASS这个脚本,所以只能选择其他脚本,然后通过文件路径获取到脚本。


弹出对话框后,选择第四个bare,然后点击Export,得到描摹的所有矢量代码。然后鼠标右击,选择【全选】,复制代码


将复制的代码放进Aegisub后,得到如下效果:


接下来我们再获取红色部分的矢量代码,根据百度贴吧的步骤,我们只能获取到白色区域的代码,那么接下来的方法,为我个人摸索而出,仅供参考。

首先,将图片拖进AI后,按照之前的操作方法将图片放在左上角,然后选中图片,操作栏上方会出现【图像描摹】按钮,选择旁边的倒三角形,


弹出下拉菜单后,选择【高保真度照片】


然后等待处理完毕后,选择【扩展】


此时,我们可以看到图片的不同颜色已经被描摹出来了


但是,我们只需要红色部分,所以需要删除黑色与白色部分,只保留红色区域。



如上图,当我选择了“妇”字的女字旁中间的黑色部分删除后,女字旁被整个白色填充,也就是,我摸索出来的这种描摹方法并不完善,全封闭的地方删除时,会被下面的描摹块填充,也不知道欠缺了哪个步骤,导致不能精确的描摹出不同的色彩区域,所以在此呼吁AI大佬支招,以便更简单的完成这项操作。

问题先放这,接着说我的方法,反正白色区域我们已经获取到了,现在就将那些除了红色区域外的所有描摹点全部删除,只留下红色区域即可。


将白色文字和黑色背景区域全部删掉后,留下红色部分,然后通过AI2ASS脚本获取矢量代码。


第三步:写代码

将代码复制到Aegisub后,按照我之前说的,利用\N将两个不同矢量图形代码写在一行字幕中,如上图。
整个代码写法为:{\p1\pos(920,767.2)}m …………{\p0}\N{\p1}m …………{\p0} 矢量码此处省略。

放好代码后,我们开始进行效果设置,首先设置白色文字,在第一个矢量图形代码中,创建颜色为白色,第二个矢量图形创建颜色为红色:


整个代码写法为:{\p1\pos(920,767.2)\c&HFFFFFF&}m …………{\p0}\N{\p1\c&H0102FC&}}m …………{\p0}

然后再来调整两个图形的位置,利用\fsvp将红色部分放置到“寡”字中间。


如上图,添加\fsvp275之后,红色部分并没在“寡”字中间,是因为在我们的样式中,对齐方式为\a2居中对齐,而我们的矢量图形代码,则是根据描摹时的最左边开始计算,所以我们只需要添加一个左对齐\a1即可。
整个代码:{\p1\pos(920,767.2)\c&HFFFFFF&\a1}m …………{\p0}\N{\p1\c&H0102FC&\fsvp275}}m …………{\p0}


但此时依旧发现,红色部分的位置还是没能完全符合我们的要求,那么此时我们可以利用\h强制空格的方式将白色部分右侧推移一点,达到我们想要的效果。

整个代码:\h{\a1\p1\c&HFFFFFF&\pos(473.6,727.2)}m …………{\p0}\N{\p1\c&H0102FC&\fsvp285}m …………{\p0}


完成后,比如我们需要实现同步缩放效果,代码:\h{\a1\p1\c&HFFFFFF&\move(473,740,373,800)\fscy100\fscx100\t(\fscy120\fscx120)}m …………{\p0}\N{\p1\c&H0102FC&\fsvp285\fscy100\fscx100\t(\fscy120\fscx120\fsvp340)}m …………{\p0}


比如其他旋转、跟踪等小伙伴们可自行书写代码测试,这里就不举例说明了,总而言之,这就是我分色获取矢量代码的方法。

其实平常做字幕很少用这个,相对比较麻烦,而且同一行写多个矢量图形代码也有弊端,当在其中某一个矢量图形上添加边框或阴影的时候,与其他矢量图形重叠的地方边框或阴影是显示不出来的,比如在红色部分添加紫色边框,会被白色重叠部分遮挡,显示不完全。


当然,如果不涉及边框阴影等效果时,多个矢量图形放一行代码中,倒也可以省下很多事,总之在实际应用中,灵活运用吧,一行代码不好解决的时候,依旧使用多行代码进行拼接,只是相对多些代码行而已,只要能实现想要的效果,就是好方法。

这项技能就讲到这里,其他更多的方法不再举例,下面是我利用这种矢量图形,做的黑寡妇预告片片名特效,由于时间关系,没有精雕细琢,现将视频和代码放出,有兴趣的小伙伴可以拿去慢慢研究,雕琢雕琢,哈哈……

漫威第四阶段预告片中《黑寡妇》片名片段,这是一行代码实现的初始效果:


《黑寡妇》官方预告片片名片段,这是多行代码实现的跟踪效果:


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


写完收工,开始上班












本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

点评

辛苦了~ 附件 片名字幕ASS文件网盘分享失效了~  发表于 22-9-30 14:50

评分

参与人数 3威望 +100 大洋 +3160 收起 理由
zhanglangcn + 160 厉害了我的神!
why1812 + 100 + 1000 厉害了我的神!
bobo + 2000 厉害了我的神!

查看全部评分

72

主题

1664

帖子

3029

积分

团长

大洋
78226
阅读权限
60
发表于 21-8-12 21:51 | 显示全部楼层
跟这开心兔学特效制作,收获很大很大
回复 支持 0 反对 1

使用道具 举报

42

主题

1190

帖子

8151

积分

旅长

大洋
116763
阅读权限
70

论坛元老灌水之王帅哥热心会员悍匪之王爱心大使

发表于 21-5-15 08:52 | 显示全部楼层
第一排,支持兔神!
回复 支持 反对

使用道具 举报

5

主题

7998

帖子

1147

积分

营长

大洋
24947
阅读权限
50
发表于 21-5-15 09:07 | 显示全部楼层
继续支持一下兔子开设的教程 感谢无私地传授
回复 支持 反对

使用道具 举报

191

主题

1709

帖子

1305

积分

营长

大洋
8468
阅读权限
50

灌水之王热心会员

发表于 21-5-15 09:10 | 显示全部楼层
开心兔就是我们的神
回复 支持 反对

使用道具 举报

16

主题

1563

帖子

507

积分

连长

大洋
17686
阅读权限
40
发表于 21-5-15 09:21 | 显示全部楼层
这种技巧有难度,得慢慢琢磨,慢慢消化才行。
回复 支持 反对

使用道具 举报

31

主题

3041

帖子

2522

积分

营长

大洋
40035
阅读权限
50

热心会员

QQ
发表于 21-5-15 09:22 | 显示全部楼层
开心收下,真心感谢大侠分享精彩教程
回复 支持 反对

使用道具 举报

30

主题

279

帖子

1073

积分

营长

大洋
15032
阅读权限
50
发表于 21-5-15 09:24 | 显示全部楼层
到位到位
回复

使用道具 举报

0

主题

271

帖子

31

积分

列兵

大洋
1235
阅读权限
10
发表于 21-5-15 09:28 | 显示全部楼层
感谢技术分享,学习了!
回复 支持 反对

使用道具 举报

277

主题

1378

帖子

1万

积分

养老族

大洋
633775
阅读权限
110
发表于 21-5-15 09:51 | 显示全部楼层
非常不错的教程,辛苦了!
回复 支持 反对

使用道具 举报

1

主题

1344

帖子

411

积分

排长

大洋
4626
阅读权限
30
发表于 21-5-15 10:26 | 显示全部楼层
学习帖,需要这样的教程
回复 支持 反对

使用道具 举报

32

主题

646

帖子

1046

积分

营长

大洋
78446
阅读权限
50
发表于 21-5-15 10:32 | 显示全部楼层
牛呀,收藏下来,慢慢学习。
回复 支持 反对

使用道具 举报

1

主题

345

帖子

94

积分

列兵

大洋
7619
阅读权限
10
发表于 21-5-15 10:57 | 显示全部楼层
兔佬牛批~~~~
回复

使用道具 举报

233

主题

1405

帖子

1447

积分

营长

大洋
42409
阅读权限
50

灌水之王

发表于 21-5-15 11:19 | 显示全部楼层
描画部分多多练习,熟能生巧。
回复 支持 反对

使用道具 举报

2

主题

1957

帖子

540

积分

连长

大洋
1429
阅读权限
40
QQ
发表于 21-5-15 11:49 | 显示全部楼层
非常不错的效果
回复 支持 反对

使用道具 举报

28

主题

7802

帖子

3254

积分

团长

大洋
64226
阅读权限
60
发表于 21-5-15 11:54 | 显示全部楼层
楼主厉害了,感谢分享自创心得。
回复 支持 反对

使用道具 举报

11

主题

4815

帖子

673

积分

连长

大洋
53813
阅读权限
40
发表于 21-5-15 13:01 | 显示全部楼层
最后一张图那个 简直了
回复 支持 反对

使用道具 举报

0

主题

1386

帖子

987

积分

连长

大洋
107501
阅读权限
40
发表于 21-5-15 13:06 | 显示全部楼层
学习一下教程,仰视一下大神
回复 支持 反对

使用道具 举报

96

主题

3070

帖子

438

积分

排长

大洋
6582
阅读权限
30
发表于 21-5-15 13:23 | 显示全部楼层
技术贴,学习一下,希望有机会用到
回复 支持 反对

使用道具 举报

147

主题

2525

帖子

2937

积分

营长

大洋
4169
阅读权限
50
发表于 21-5-15 13:56 | 显示全部楼层
这个太牛了
回复 支持 反对

使用道具 举报

90

主题

1万

帖子

2468

积分

营长

大洋
18810
阅读权限
50
发表于 21-5-15 14:55 | 显示全部楼层
太有技术含量了,兔神威武。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表