|
好，下面就讓我們看看怎么一步一步給這個(gè)我剛畫好的角色加上呼吸動(dòng)作：
這個(gè)人物有110像素高，而且做好準(zhǔn)備開架的姿勢(shì)。接下來(lái)我要展示的是如何在像素級(jí)上制作呼吸的動(dòng)畫。如果我制作的是像獅王Blanka那樣的動(dòng)作幅度很大的人物（因?yàn)閯?dòng)作幅度大的原因可以保證動(dòng)作間的區(qū)別），我也許會(huì)考慮給每一楨單獨(dú)畫一張手稿。但因?yàn)檫@章是討論另外一個(gè)方法的，所以接下來(lái)我們說(shuō)的是剪切加粘貼的方法。我給他設(shè)計(jì)的形象是他的上半身會(huì)上下晃動(dòng)，兩個(gè)拳頭則是一上一下的交替運(yùn)動(dòng)（當(dāng)一只手在上面時(shí)，另外一只在下面），而他的兩條腿也會(huì)隨著身體的動(dòng)作稍做彎曲，給整體一點(diǎn)小彈跳的感覺(jué)。又或許我會(huì)讓他的腳踝也稍微的彎曲一下來(lái)表現(xiàn)他的動(dòng)態(tài)。不過(guò)這些都僅是我腦海里的計(jì)劃而已，現(xiàn)在我們來(lái)看如何實(shí)現(xiàn)它們。第一步要完成的是幅度最大的那個(gè)動(dòng)作...我要將他的上半身往上移2個(gè)像素。在設(shè)計(jì)中，他的呼吸是很重的，吸氣吸得快且深，當(dāng)吸氣逐漸達(dá)到最深時(shí)（也就是上半身達(dá)到最高高度的時(shí)候），胸部的動(dòng)作會(huì)逐漸緩慢下來(lái)（就好像你跳起來(lái)，越達(dá)到最高點(diǎn)，速度越慢），然后呼氣，再次在另外一個(gè)端點(diǎn)逐漸緩慢下來(lái)。在像素上來(lái)說(shuō)，這代表著在呼吸的快速部分移動(dòng)數(shù)量比較多的像素，而在慢速的部分移動(dòng)比較少的像素。下面來(lái)看一下做好呼吸動(dòng)作的樣子：
 
好了，在一個(gè)四楨的動(dòng)作序列里我們可以看出他的呼吸動(dòng)作了。我做的步驟僅有將胸部上下移動(dòng)和稍微整理一下多余像素而已，成圖是上面的左邊那個(gè)圖。用Photoshop來(lái)做這種剪切和粘貼的操作再適合不過(guò)了，用方形選擇工具來(lái)選擇所要的像素非常簡(jiǎn)單（配合Shift鍵做出不規(guī)則選區(qū)）。這樣操作之后，左邊的動(dòng)畫看起來(lái)已經(jīng)挺不錯(cuò)了，看起來(lái)已經(jīng)有呼吸的感覺(jué)，但看起來(lái)還是有點(diǎn)單調(diào)。每一楨的延遲都是一樣的，看起來(lái)他就像是上半身在上下下上的滑動(dòng)。我決定要改進(jìn)他，所以接下來(lái)我們要在楨的延遲上做文章，在他達(dá)到呼吸的最高點(diǎn)和最低點(diǎn)時(shí)，這兩楨的延遲是其他過(guò)渡楨的兩倍�，F(xiàn)在看起來(lái)就有點(diǎn)深呼吸的感覺(jué)了，呼吸的感覺(jué)也比之前的真實(shí)。通過(guò)這樣調(diào)整速度的變化，我可以制造出一些不同的效果出來(lái)...如果我讓他急速的吸氣，然后慢慢的呼氣，看起來(lái)他就好像上氣不接下氣的樣子。如果我讓他先慢速的吸氣但快速的呼氣，他看來(lái)就好像是要控制住他的呼吸，然后平靜下來(lái)。在這一步，你可以大膽的開發(fā)你的想象力，試驗(yàn)各種可能性知道找到最適合你心目中的形象為止。補(bǔ)充說(shuō)明一點(diǎn)是在我精修他的形象時(shí)，我稍微修改了幾個(gè)他胸部的像素（明暗方面），所以在胸部上下動(dòng)的大動(dòng)作下胸部也有高低起伏（吸氣時(shí)鼓起呼氣時(shí)萎縮）的感覺(jué)。好了，人物這樣就開始呼吸起來(lái)了，但動(dòng)態(tài)還是不夠...他的腳也需要?jiǎng)悠饋?lái)。所以我繼續(xù)剛才的剪切和粘貼的技巧，得到下面的圖：
到這一步，他的動(dòng)態(tài)就生動(dòng)起來(lái)了。這個(gè)動(dòng)作的感覺(jué)看起來(lái)很像上面的拳王Balrog（呵呵，原因是因?yàn)槲揖褪菂⒄账膭?dòng)作而做的）。下面詳細(xì)看看我所做的修改。在第一個(gè)呼吸動(dòng)畫里，里面只有簡(jiǎn)單的胸部上下移動(dòng)的四楨圖。而這次，我把他大腿以上的身體都往上移動(dòng)了，所以可以看到腿部稍微彎曲了。這意味著原先一像素運(yùn)動(dòng)的幅度（先移兩像素，然后再移一像素到達(dá)``最高點(diǎn)''）現(xiàn)在變成了兩像素的幅度，因?yàn)槲沂紫纫苿?dòng)軀干，然后軀干和大腿一起移。這樣的動(dòng)作看起來(lái)過(guò)了，并不是我要的效果，所以我省略掉第一個(gè)動(dòng)畫中的兩楨（他動(dòng)作的最高點(diǎn)和最低點(diǎn)），所以動(dòng)畫回到原來(lái)簡(jiǎn)單的變換的感覺(jué)，但我這次將軀干和大腿的動(dòng)作結(jié)合起來(lái)，腳的部分根據(jù)動(dòng)作也相應(yīng)作了修改�，F(xiàn)在我可以考慮加入細(xì)節(jié)部分了：
針對(duì)腳步我做了一些修改--腳踝和衣服下擺也有了自己的動(dòng)作。他們移動(dòng)的幅度很小，他們也不用一動(dòng)很大的幅度。有時(shí)候雖然改變的只是一兩個(gè)像素，在觀者看來(lái)都是很大的變化。我改動(dòng)了一下他的衣服下擺來(lái)表現(xiàn)它隨著下面大腿的運(yùn)動(dòng)而變化的感覺(jué)...然后我還修改了一下肚子上的明暗使動(dòng)作看起來(lái)更圓滑。好我還將動(dòng)畫的播放速度稍微調(diào)快了些。接下來(lái)我還會(huì)再次調(diào)快播放速度，使他的動(dòng)作更加緊張化，但先不用擔(dān)心這個(gè)，因?yàn)椴シ潘俣瓤梢栽谒袠E都完成后再調(diào)整�，F(xiàn)在要考慮的下一步是手臂的動(dòng)作，這一步其實(shí)是最難的部分，因?yàn)樾枰禺嫷牟糠滞Χ嗟模?/p>
現(xiàn)在是最難的部分了...我突然有個(gè)念頭想讓拳頭劃圈圈。因?yàn)檫@個(gè)原因四楨不夠用了，我不能簡(jiǎn)單的用之前用過(guò)的1-2-3-4-3-2-1-2-3-4的順序來(lái)表達(dá)這個(gè)動(dòng)作，這是因?yàn)槿绻@樣做了的話，拳頭只會(huì)劃半個(gè)圈圈，看起來(lái)會(huì)很奇怪的。所以我不得不制作六楨并通過(guò)調(diào)整拳頭的位置來(lái)表達(dá)這個(gè)動(dòng)作。這樣努力之后他全身都開始動(dòng)起來(lái)了。雖然他看起來(lái)不像要打架，而更像在跳舞，不過(guò)你應(yīng)該可以了解這個(gè)制作的流程了。如果我事先好好計(jì)劃一番，或許這個(gè)動(dòng)作會(huì)更有架勢(shì)，而不會(huì)像跳舞一樣，不過(guò)這個(gè)只是為本章教程服務(wù)的例子，能讓大家了解到概念就可以了。我或許可以減少他手部動(dòng)作，只讓他的手上下動(dòng)幾個(gè)像素，就好像泰王Sagat的泰拳起手式一樣，但個(gè)人還挺滿意這個(gè)劃圈圈的動(dòng)作。當(dāng)然，所有這些動(dòng)作都應(yīng)該和你的人物的態(tài)度/性格/格斗風(fēng)格/等等掛鉤。還有就是重復(fù)不動(dòng)的部分就不必畫出來(lái)了，而如果要改變的是很細(xì)微的地方時(shí)，在像素級(jí)別下直接修改，這樣可以讓你的效率更高。
我收到一些評(píng)論說(shuō)上面的動(dòng)作看起來(lái)很怪異...有的評(píng)論說(shuō)這是一個(gè)很爛的點(diǎn)子，誰(shuí)會(huì)用這種怪姿勢(shì)開架哦？有的說(shuō)手臂的動(dòng)作不自然（只有前臂在動(dòng)，上臂卻僵直不動(dòng)），等等。我本來(lái)想馬虎帶過(guò)，就說(shuō)``這只是一個(gè)教程的例子，表達(dá)出概念就好了...如果這個(gè)動(dòng)作出現(xiàn)在一個(gè)格斗游戲，你就會(huì)覺(jué)得它是自然的了...''，但我想起別人做這種說(shuō)辭時(shí)我有多厭惡。就好像有些人請(qǐng)我給他們的作品提意見(jiàn)而當(dāng)我給出一些建議時(shí)，他們卻用一大堆借口辯駁我說(shuō)他們本來(lái)就是設(shè)計(jì)成那樣的。你的進(jìn)步離不開別人的指點(diǎn)。即使你已經(jīng)花了一個(gè)星期以上的時(shí)間在這上面，你的作品仍有修改的空間。聽聽別人的意見(jiàn)，好好吸取別人的經(jīng)驗(yàn)。因?yàn)槟阒谱鞯慕巧且籤`其他人''看的，他們才是你的作品的最好的``裁判''。為了做一個(gè)好例子，我決定修改這個(gè)動(dòng)畫：
我將劃圈圈這個(gè)動(dòng)作去掉了，而改為手臂延遲下沉的動(dòng)作，比起身體的動(dòng)作，手臂往下移動(dòng)一個(gè)像素的動(dòng)作有一拍的延遲。這個(gè)細(xì)微的處理能夠使整個(gè)動(dòng)作更加自然。雖然只是一兩個(gè)像素的動(dòng)作，但卻可以表現(xiàn)出手臂并不是粘連在胸部的感覺(jué)...他們有向前延展的動(dòng)作，他們的動(dòng)作不是和胸部的動(dòng)作同步的。另外也可以嘗試將雙臂的動(dòng)作也分離開來(lái)，讓一只手的動(dòng)作稍微比另外一只快。這個(gè)就好像將一個(gè)大整塊分離出來(lái)而分別移動(dòng)他們。像我們的第一個(gè)例子，整個(gè)上半身一起動(dòng)，看起來(lái)軀干和手，頭等都是一個(gè)大硬塊，從動(dòng)作上來(lái)看很難分辨他們。當(dāng)你對(duì)手臂進(jìn)行分別處理時(shí)，手臂就和軀干區(qū)別開來(lái)，也就是現(xiàn)在分成了兩大塊。而如果將左右手分辨開來(lái)，那么就是三大塊了，看起來(lái)也就更加自然。但這時(shí)候需要考慮的一個(gè)問(wèn)題就是``這個(gè)人物是否需要?jiǎng)拥萌绱藚柡Γ?'，你應(yīng)該根據(jù)人物的類型來(lái)選擇是否為他們添加此種動(dòng)作。像本章開頭的Capcom的例子里，獅王Blanka的手臂就是同時(shí)運(yùn)動(dòng)的，因?yàn)樗旧淼膭?dòng)作已經(jīng)是很大幅度的怪獸型動(dòng)作...但Gen的兩只手則是在劃著小圈圈，因?yàn)樗诖蝮肴?/p>
設(shè)計(jì)界有一個(gè)``少即是多''的理論，就好像我們教程的例圖，先前動(dòng)作很多，但看起來(lái)有點(diǎn)奇怪，而現(xiàn)在動(dòng)作少了，反而看起來(lái)更好看了。在制作動(dòng)畫時(shí)不是將每個(gè)細(xì)微的動(dòng)作都具體的表現(xiàn)出來(lái)就是最好的，特別在我們討論的這個(gè)呼吸動(dòng)作只是進(jìn)攻前的待機(jī)動(dòng)作而已。所以當(dāng)問(wèn)題出現(xiàn)時(shí)，逆向思維一下是否有的地方過(guò)頭了，試試簡(jiǎn)化一下動(dòng)作或許你就可以得到一個(gè)比之前棒多了的效果。
本文鏈接：http://www.95time.cn/design/pixel/2008/5341.asp 
出處：像素交流/網(wǎng)絡(luò)末端
責(zé)任編輯：bluehearts
上一頁(yè) 第十章:讓角色呼吸起來(lái) [1] 下一頁(yè)
|
第 1 頁(yè) 
第 2 頁(yè) 第十章:讓角色呼吸起來(lái) [2]
