这篇文章就是一大篇废话,在文章的最后有工具的下载,你可以直接跳到最后。

大家好,我是bilibili第一届弹幕比赛中一首研究镜音的胸部里是什么的歌的作者,在这里我给大家简单说下这个从头抄到尾的作品的由来~

先说一下我自己吧,我是一个还在学校里挣扎的小伙子,在之前我并不常上B站,帐号应该是2010(2011??)年注册的,当时我还不知道有高级弹幕这东西,反正当时注册的动机只是发现这个网站居然开注册了的感脚。

然后在比赛消息公布之前我无意中发现了B站原来还有高级弹幕这东西,能够使用代码来展现各种东西,接着就产生了极大的性趣。很快我就发布了第一个高级弹幕的作品并得到了意料之中的反响,于是我便开始筹划下一个作品的计划什么的,这时上B站已经成为了我的日常,所以我很快就得知了比赛的信息并满腔热血,在那瞬间我便立下了我要参加的念头。距离比赛投稿截止日期还有一个多月的时间,对于我来说时间并不是很充足,我空余的时间只有放学回家后的四个多小时。

在求问几个有些许美术能力的朋友的帮助并得到了一致的拒绝后,有着小许编程经验的我便展开了迈向自闭佬的旅程。作品的策划由于在之前已经有了个大概,所以整个作品的分镜什么的在几个念头之间就决定了。嗯..就是把原曲的PV从头抄到尾!

整个作品的制作时间差不多有一个月,其中差不多一个星期的时间我用了来写一个工具,一个能够将矢量图格式SVG文件直接转换成bilibili代码的形式,因为就目前公开的几个绘画工具比较鸡肋,效率比较低,很难满足要求~工具的编写过程是很枯燥的,完全是一个自闭佬的表现时间orz

接着才是填坑的开始,先把大概的分镜都截了个图,基本上所有都是从原PV里抽出来的~

img0

然后就是依然枯燥的描绘过程。。这里简单说下一个分镜的抄袭过程。首先照着图片描,先把图片导入绘画工具,这里我用的是Flash:

img1

然后跟着各种图片线条,山寨出各种矢量线条:

img2

接着加一层渐变,增强一下效果什么的,再把歌词大概的效果也加上:

img3

最后就是逐层转换,再加点过场效果,一个分镜就成了~

有三个分镜是要特别说明一下的。。这三个分镜得来算是不易,是我硬是把一经常把课本当作美术画本的童鞋拉过来帮我临摹的。。

img4

简单的用手机直接拍照就开始搞起来orz

img5

img6

作品里使用到的歌曲其实是由两首歌合并而来的,一首是原曲,一首是翻唱版,我将翻唱版最开始和结尾的旁白与原曲”合并”了,没啥技术含量,只是简单的音量过渡(难道我会告诉你我只会音量过渡这方法吗!!)

img7

最后就是代码的填写,这是最耗时间的过程,这个作品一共有152条弹幕,就连整理也是一件麻烦事orz

img8

作品中所用到的几乎所有特效都是抄袭自wonderfl,比如这个,看过作品的是不是对这个很熟悉?

img9

这两个是不是也很熟悉?

img10

img11

以上三个特效点击图片可以进入观看并查看代码。

最后的一个分镜使用的背景图片:

img12

其实是由这张图片修改而来的orz

img13

羞耻play就到此结束了~

最后附上制作这个作品中使用到的转换工具,能够支持SVG部分常用的特性,凑合用足够了~

下载SVG2BiliScript.rar (165KB) ##### 工具已经合并到BiliscriptToolkit 里面。



评论系统由Disqus提供。

作者

xarple

日期

2013年02月14日