dnf中目前已經(jīng)二覺(jué)的職業(yè)目前已經(jīng)非常多了,雖然官方畫(huà)師給各個(gè)職業(yè)都有創(chuàng)新二覺(jué)的形象不過(guò)很多玩家對(duì)自己職業(yè)的二覺(jué)動(dòng)畫(huà)感覺(jué)非常不滿(mǎn)意,比如前段時(shí)間的元素幾個(gè)職業(yè)很多人就不滿(mǎn)意,這里西西就給大家?guī)?lái)一份dnf二覺(jué)動(dòng)畫(huà)的制作教程可以讓大家自行修改自己職業(yè)的二覺(jué)動(dòng)態(tài)圖。
效果圖:
主要的流程:
素材制作 → 動(dòng)畫(huà)制作 → 裁剪提取幀 → 處理替換
其中,素材和動(dòng)畫(huà)動(dòng)畫(huà)制作如果覺(jué)得難度太高的話,可以跳過(guò),用別的東西去代替(例如,視頻截下來(lái)的片段等))
要用到的工具:
PS(必須)
Ulead GIF Animator(必須):http://www.innovatechautomation.com/soft/37092.html
Flash(自己制作動(dòng)畫(huà)的話必須,版本支持導(dǎo)出mov格式的,cs5推賞)
QuickTime(flash配套用,自己制作動(dòng)畫(huà)的話必須,導(dǎo)出mov必須的插件,因?yàn)閒lash的特殊性,這個(gè)格式是最適合處理的,avi不會(huì)讓影片剪輯動(dòng),而圖形元件不能發(fā)光真是頭痛)
AE(一般來(lái)說(shuō)制作特效這個(gè)用AE更好,不過(guò)不知道為毛我手提開(kāi)AE就藍(lán)屏,用不了,情況特殊,有能力的可以試試)
第一步 素材的制作
如果自己有視頻動(dòng)畫(huà)的,這步可以無(wú)視
制作二覺(jué)動(dòng)畫(huà),首先你要有一幅立繪(廢話)
但是這個(gè)立繪要處理起來(lái)有點(diǎn)困難,要讓你的立繪動(dòng)起來(lái),就要把立繪的“關(guān)節(jié)”拆開(kāi)來(lái)。
因?yàn)闆](méi)有大叔二覺(jué)立繪的原檔案所以拆起來(lái)有點(diǎn)麻煩,于是我用了自己的一個(gè)線稿弄
因?yàn)闀r(shí)間關(guān)系只是隨便地用賽璐璐上色法上了個(gè)色,畫(huà)風(fēng)不同啥的就別吐槽了
策劃好要怎么樣動(dòng),要在哪加光效,接著按照關(guān)節(jié)分開(kāi)不同的部分
直接上個(gè)圖也許很簡(jiǎn)單就會(huì)明白到底要怎么個(gè)分法,所以沒(méi)有原來(lái)畫(huà)畫(huà)的文件要分起來(lái)挺麻煩,要自己補(bǔ)空,所以就湊合著弄個(gè)示例
第二步 動(dòng)畫(huà)的制作)
同樣自己有視頻動(dòng)畫(huà)的,這步可以無(wú)視
動(dòng)畫(huà)的大小是800×326
flash的使用方法會(huì)的自然會(huì),不會(huì)的也不可能在這里一下子教會(huì)
大概上的動(dòng)畫(huà)制作可以打開(kāi)上面那個(gè)文檔的二覺(jué)動(dòng)畫(huà)實(shí)例.fla查看,因?yàn)槟芰τ邢匏灾荒苓_(dá)成類(lèi)似的效果
flash的屑優(yōu)化眾所周知,所以有更好的工具的人就別用flash了,做這類(lèi)的動(dòng)畫(huà)flash很卡的,尤其是超過(guò)了幾十個(gè)元件的flash卡到吐肺都可以
dnf的動(dòng)畫(huà)播放幀速率是100毫秒一幀,所以對(duì)于17幀的二覺(jué)動(dòng)畫(huà)來(lái)說(shuō)的時(shí)間里面是1.7秒
至于怎么弄出1.7秒的動(dòng)畫(huà)就是數(shù)學(xué)問(wèn)題了
下面列舉一些比較重要的地方
背景那些藍(lán)條是補(bǔ)間出來(lái)的,做這類(lèi)動(dòng)畫(huà)最經(jīng)常要用到的就是補(bǔ)間,包括位移補(bǔ)間和旋轉(zhuǎn)補(bǔ)間,背景就是屬于位移補(bǔ)間,目的就是弄出流暢的運(yùn)動(dòng)效果
軀體的運(yùn)動(dòng)都要用到補(bǔ)間,詳細(xì)自己拆看
類(lèi)似dnf那些頭發(fā)的扭曲飄動(dòng),需要把作為一個(gè)位圖的圖片弄成矢量圖之后再變形,位圖是不能變形的
修改→位圖→轉(zhuǎn)換位圖為矢量圖,顏色閾值和最小區(qū)域都設(shè)置為1,接著這個(gè)頭發(fā)就可以變形了,一幀一幀弄吧
因?yàn)閷?shí)在太麻煩所以只弄了后面的馬尾的示范,這個(gè)真的是很麻煩,要有一些耐心
眼睛、嘴巴的動(dòng)畫(huà),都是一幀幀手繪出來(lái)的,詳細(xì)可以看蘿莉二覺(jué)的眨眼,也可以像男槍那樣結(jié)合手繪+變形+補(bǔ)幀弄出流暢的效果
dnf里面的發(fā)光效果其實(shí)就是flash里面混合模式的“添加”
但是圖片元件是無(wú)法混合的,要用影片剪輯才能夠調(diào)用混合模式
但是影片剪輯是不會(huì)在工程里面動(dòng)的,導(dǎo)出的視頻只有swf和mov才會(huì)動(dòng),而且會(huì)讓工程變得奇卡,flash的屑優(yōu)化訴訟不可避
基本上那個(gè)示例工程就有制作這些關(guān)鍵效果的示例了,詳細(xì)參考下就能弄出來(lái)
特效其實(shí)可以用dnf拆出來(lái)的....
第三步 裁剪提取幀
flash制作好動(dòng)畫(huà)之后,直接導(dǎo)出視頻
導(dǎo)出格式為mov,假如導(dǎo)出視頻有鋸齒的話,請(qǐng)打開(kāi)fla文件后執(zhí)行批量平滑+無(wú)損畫(huà)質(zhì).jsfl再導(dǎo)出
因?yàn)樵^(guò)多的問(wèn)題,個(gè)別配置差的機(jī)器導(dǎo)出視頻會(huì)卡幀和丟幀
解決的問(wèn)題是,把flash的30幀每秒設(shè)置為5幀每秒減輕負(fù)荷,導(dǎo)出的視頻再在Ulead GIF Animator打開(kāi)提速6倍
得到視頻之后,就打開(kāi)Ulead GIF Animator編輯它,如果是自己選的一段視頻,就用Ulead GIF Animator的圖像大小和畫(huà)布大小自行調(diào)節(jié)這個(gè)視頻的大小為800×326
不同的機(jī)器導(dǎo)出的幀數(shù)量都不同,所以導(dǎo)出流暢的幀有一個(gè)辦法,就是把總幀數(shù)除以17舍去余數(shù),得到的結(jié)果就是幾幀留一幀,余幀刪除,留下你自己覺(jué)得流暢的17幀
因?yàn)樵O(shè)置好了時(shí)間的原因所以一般不會(huì)出現(xiàn)要舍棄很多幀的情況,除非導(dǎo)出出來(lái)的視頻實(shí)在因?yàn)榭?/p>
例子,我這個(gè)視頻是49幀,除以17是約等于3,于是就是每3幀留一幀,黑色選中的就是要?jiǎng)h除的幀
文件→另存為→圖像幀,png格式,文件名打個(gè)1,導(dǎo)出來(lái)的文件名是1001、1002這樣的
第四步 最后的處理
得到17幀原畫(huà)之后
放到ps里面編輯,把每幀對(duì)應(yīng)的“二覺(jué)動(dòng)畫(huà)蒙板”的黑白圖片拿出來(lái),和做出來(lái)的動(dòng)畫(huà)的每一幀重合后,在動(dòng)畫(huà)圖層新建蒙板圖層,接著全選黑白圖片,Ctrl+c復(fù)制,接著點(diǎn)到動(dòng)畫(huà)幀圖層的蒙板層之后,按通道,選中最后一個(gè)通道Ctrl+v粘帖,接著隱藏黑白圖層,得到處理后的透明圖片:
為了不麻煩所以弄了一個(gè)批處理,下面就是批處理的運(yùn)作過(guò)程:
把弄出來(lái)的17幀原畫(huà)和蒙板的17幀黑白圖片依次放在兩個(gè)文件夾里面
蒙板就是那個(gè)下載回來(lái)的“二覺(jué)動(dòng)畫(huà)蒙板”文件夾
蒙板17幀命名方式是0、1、2、3……16(已經(jīng)命名好)
原畫(huà)17幀命名方式是0a、1a、2a、3a……16a
嫌麻煩就打開(kāi)批量重命名.exe去重命名原畫(huà)17幀
把載入堆棧.jsx扯到ps里面,依次選擇兩個(gè)文件夾(原圖和蒙板),把里面的圖層按高到低的順序排列好(動(dòng)畫(huà)越開(kāi)始那幀越下面)
把蒙板層的十七幀拉過(guò)去原圖層那十七幀的上面(蒙板的開(kāi)始幀在原圖的結(jié)尾幀上),記得對(duì)好位置
接著把二覺(jué)動(dòng)畫(huà)蒙板.atn拉到ps的動(dòng)作里面,執(zhí)行那個(gè)二覺(jué)動(dòng)畫(huà)蒙板的動(dòng)作,得到一個(gè)處理后的psd
接著運(yùn)行ps功能欄的 文件→腳本→將圖層導(dǎo)出到文件,文件類(lèi)型png,獲得十七幀
重命名之后接著就可以放進(jìn)去了
ps.低版本ps的導(dǎo)出圖層沒(méi)有png格式的,可以導(dǎo)出為psd之后再自己弄個(gè)動(dòng)作轉(zhuǎn)成png
注意處理后的17幀沒(méi)有意外(例如自動(dòng)裁掉透明像素)的話,全是800×326尺寸的,檢查下
全部替換進(jìn)二覺(jué)動(dòng)畫(huà)坐標(biāo).NPK里面,注意不要亂改坐標(biāo),替換時(shí)的那個(gè)修復(fù)坐標(biāo)值關(guān)掉
得到二覺(jué)動(dòng)畫(huà)img,可以替換到游戲里面了