dnf中目前已经二觉的职业目前已经非常多了,虽然官方画师给各个职业都有创新二觉的形象不过很多玩家对自己职业的二觉动画感觉非常不满意,比如前段时间的元素几个职业很多人就不满意,这里西西就给大家带来一份dnf二觉动画的制作教程可以让大家自行修改自己职业的二觉动态图。
效果图:
主要的流程:
素材制作 → 动画制作 → 裁剪提取帧 → 处理替换
其中,素材和动画动画制作如果觉得难度太高的话,可以跳过,用别的东西去代替(例如,视频截下来的片段等))
要用到的工具:
PS(必须)
Ulead GIF Animator(必须):http://www.cr173.com/soft/37092.html
Flash(自己制作动画的话必须,版本支持导出mov格式的,cs5推赏)
QuickTime(flash配套用,自己制作动画的话必须,导出mov必须的插件,因为flash的特殊性,这个格式是最适合处理的,avi不会让影片剪辑动,而图形元件不能发光真是头痛)
AE(一般来说制作特效这个用AE更好,不过不知道为毛我手提开AE就蓝屏,用不了,情况特殊,有能力的可以试试)
第一步 素材的制作
如果自己有视频动画的,这步可以无视
制作二觉动画,首先你要有一幅立绘(废话)
但是这个立绘要处理起来有点困难,要让你的立绘动起来,就要把立绘的“关节”拆开来。
因为没有大叔二觉立绘的原档案所以拆起来有点麻烦,于是我用了自己的一个线稿弄
因为时间关系只是随便地用赛璐璐上色法上了个色,画风不同啥的就别吐槽了
策划好要怎么样动,要在哪加光效,接着按照关节分开不同的部分
直接上个图也许很简单就会明白到底要怎么个分法,所以没有原来画画的文件要分起来挺麻烦,要自己补空,所以就凑合着弄个示例
第二步 动画的制作)
同样自己有视频动画的,这步可以无视
动画的大小是800×326
flash的使用方法会的自然会,不会的也不可能在这里一下子教会
大概上的动画制作可以打开上面那个文档的二觉动画实例.fla查看,因为能力有限所以只能达成类似的效果
flash的屑优化众所周知,所以有更好的工具的人就别用flash了,做这类的动画flash很卡的,尤其是超过了几十个元件的flash卡到吐肺都可以
dnf的动画播放帧速率是100毫秒一帧,所以对于17帧的二觉动画来说的时间里面是1.7秒
至于怎么弄出1.7秒的动画就是数学问题了
下面列举一些比较重要的地方
背景那些蓝条是补间出来的,做这类动画最经常要用到的就是补间,包括位移补间和旋转补间,背景就是属于位移补间,目的就是弄出流畅的运动效果
躯体的运动都要用到补间,详细自己拆看
类似dnf那些头发的扭曲飘动,需要把作为一个位图的图片弄成矢量图之后再变形,位图是不能变形的
修改→位图→转换位图为矢量图,颜色阈值和最小区域都设置为1,接着这个头发就可以变形了,一帧一帧弄吧
因为实在太麻烦所以只弄了后面的马尾的示范,这个真的是很麻烦,要有一些耐心
眼睛、嘴巴的动画,都是一帧帧手绘出来的,详细可以看萝莉二觉的眨眼,也可以像男枪那样结合手绘+变形+补帧弄出流畅的效果
dnf里面的发光效果其实就是flash里面混合模式的“添加”
但是图片元件是无法混合的,要用影片剪辑才能够调用混合模式
但是影片剪辑是不会在工程里面动的,导出的视频只有swf和mov才会动,而且会让工程变得奇卡,flash的屑优化诉讼不可避
基本上那个示例工程就有制作这些关键效果的示例了,详细参考下就能弄出来
特效其实可以用dnf拆出来的....
第三步 裁剪提取帧
flash制作好动画之后,直接导出视频
导出格式为mov,假如导出视频有锯齿的话,请打开fla文件后执行批量平滑+无损画质.jsfl再导出
因为元件过多的问题,个别配置差的机器导出视频会卡帧和丢帧
解决的问题是,把flash的30帧每秒设置为5帧每秒减轻负荷,导出的视频再在Ulead GIF Animator打开提速6倍
得到视频之后,就打开Ulead GIF Animator编辑它,如果是自己选的一段视频,就用Ulead GIF Animator的图像大小和画布大小自行调节这个视频的大小为800×326
不同的机器导出的帧数量都不同,所以导出流畅的帧有一个办法,就是把总帧数除以17舍去余数,得到的结果就是几帧留一帧,余帧删除,留下你自己觉得流畅的17帧
因为设置好了时间的原因所以一般不会出现要舍弃很多帧的情况,除非导出出来的视频实在因为卡
例子,我这个视频是49帧,除以17是约等于3,于是就是每3帧留一帧,黑色选中的就是要删除的帧
文件→另存为→图像帧,png格式,文件名打个1,导出来的文件名是1001、1002这样的
第四步 最后的处理
得到17帧原画之后
放到ps里面编辑,把每帧对应的“二觉动画蒙板”的黑白图片拿出来,和做出来的动画的每一帧重合后,在动画图层新建蒙板图层,接着全选黑白图片,Ctrl+c复制,接着点到动画帧图层的蒙板层之后,按通道,选中最后一个通道Ctrl+v粘帖,接着隐藏黑白图层,得到处理后的透明图片:
为了不麻烦所以弄了一个批处理,下面就是批处理的运作过程:
把弄出来的17帧原画和蒙板的17帧黑白图片依次放在两个文件夹里面
蒙板就是那个下载回来的“二觉动画蒙板”文件夹
蒙板17帧命名方式是0、1、2、3……16(已经命名好)
原画17帧命名方式是0a、1a、2a、3a……16a
嫌麻烦就打开批量重命名.exe去重命名原画17帧
把载入堆栈.jsx扯到ps里面,依次选择两个文件夹(原图和蒙板),把里面的图层按高到低的顺序排列好(动画越开始那帧越下面)
把蒙板层的十七帧拉过去原图层那十七帧的上面(蒙板的开始帧在原图的结尾帧上),记得对好位置
接着把二觉动画蒙板.atn拉到ps的动作里面,执行那个二觉动画蒙板的动作,得到一个处理后的psd
接着运行ps功能栏的 文件→脚本→将图层导出到文件,文件类型png,获得十七帧
重命名之后接着就可以放进去了
ps.低版本ps的导出图层没有png格式的,可以导出为psd之后再自己弄个动作转成png
注意处理后的17帧没有意外(例如自动裁掉透明像素)的话,全是800×326尺寸的,检查下
全部替换进二觉动画坐标.NPK里面,注意不要乱改坐标,替换时的那个修复坐标值关掉
得到二觉动画img,可以替换到游戏里面了