LV. 35
GP 3k

【心得】艾可動畫PV就是這樣誕生的 第1~5回

樓主 仆街仙人掌 FFchelusi
GP155 BP-
趁年末的最後一天
將先前寫的艾可動畫PV的制作心得一口氣PO出5回內容大放送
PS:圖多文多



艾可動畫PV就是這樣誕生的 第1回 「緣起╱企劃」


之前做的艾可動畫PV,不知道大家有被艾可萌到嗎?有的話就真是太好了(*´д`*),那接下來就分作幾回來介紹整個動畫的製作過程。



 
首先就是整個動畫的緣起,最早是Animen的那邊的負責人「校長」找上我的,說是他公司那裡想作個2D動畫,想找我來負責製作部份的相關事宜,我想說能作2D動畫當然是很好啊,既然是找我作,我就得確保做出來的東西是個OK、有水準的東西,畢竟台灣動畫的黑歷史真的不缺我這一個啊。
 
但我個人能力有限,而製作一部2D動畫,那怕是一分鐘,也是一件大工程,所以要確保能生出一個有品質的作品,製作上必須採取的方式最重要的就是不急就章,腳踏實地的一步一腳印來進行,製作上該要有的環節,每個都不能省略,以及不能只是「做完」,而是要「做好」才行,就算要犧牲時間和預算,也要能保全作品的品質為終極目標,若最終依舊是個不OK的東西,那我就要阻止它的誕生!也就是在校長能認同我這樣的理念,放手讓我去做的前提下,我才接手了動畫製作。
 
那在動畫製作開始前,馬上就遇到第一個問題,就是製作人員除了我以外,就沒別人了,作動畫的不能只有我一個人啊,而獨立製作既沒意義也不想作,所以一開始就是在為找人而煩惱,當時把檯面上下認識所有作畫厲害的人都找一次了,可惜每個都有自身的理由無法參與,所幸最後還是有了SUYO和Ml Xelloss前來加入,雖然距離合理的人數還差很遠就是了...
 
在人手不足的問題假裝解決後,接著便能正式進展到動畫製作前的第一步,就是「企劃」,也就是具體要做出個什麼東西出來。
 
雖說是企劃,但並沒有寫出一本所謂的企劃書出來,畢竟人少也不會是什麼大製作,所以許多內容也就是當面口頭討論過,大家都理解就行了。考量到我們的人數和技術力,又能確保最終成品能夠有所一定的品質,所以影片的長度自然就不可太長,最好能在30秒內,還有就是不要有複雜的劇情,內容只要簡單易懂,演出生動有趣就行了,在眾多的條件限制之下,最後決定以Animen公司的板娘-艾可為主題,製作一部公司的LOOG開頭動畫。
 
採取這樣的形式主要有兩個好處,第一,由於只有板娘一個角色,所以在之後的人設和作畫上,便可以減輕負擔,相對的更可以集中在一點上琢磨;第二,由於是LOOG開頭動畫,就不需要常規意義上的完整劇情,腳本也就能省略,直接在分鏡時表示內容出來即可。
 
在整個企劃的執行面上都確定沒問題後,就可以邁入後續製作哩,下一回就來講「角色設計」!

因為此篇盡是文字,文末就放個艾可的gif圖來潤潤眼吧



艾可動畫PV就是這樣誕生的 第2回 「角色設計」


雖說艾可原本就有由Animen那邊設計出來既定形象了,但對於動畫製作來說,那只是算「角色原案」而已,還必須再由負責動畫的我們這裡,重新設計出適合動畫的造型。

由於艾可早就以插畫的形式活躍於Animen的各媒體中,對於喜愛艾可的粉絲而言,他們所熟悉艾可的樣貌就是出自於這些既存的插畫,所以若動畫的人設跟原案的印象相差太多,例如以法國Gobelins風格提出人設,固然人設的設計非常棒非常有特色,可是在某種角度而言,這就是背叛了原本的粉絲們,不只粉絲會傷心,我也會生氣。

因此在艾可動畫的角色設計上,我認為最重要的就是在不影響作畫效率的前提之下,盡可能的還原既有角色原案的印象,並且以現今的動畫風格重新進一步的提煉昇華出來。

角色設計最後交由我來負責,在進行角色設計時,主要遇到了兩個困難點,一個就是由於Animen那裡給的滿多艾可的圖,當然有許多的圖能拿來參考是很好,但有個問題,就是這些各個艾可的圖都是由不同繪師來繪製的,所以在許多小細節上也都存在著微妙的不同,例如有的雙馬尾有漸層色,有的則是純黃色,袖口黃色條紋也分作圓滑狀的和尖銳狀兩種,後襬蝴蝶結也是隨著不同人繪製長度不一等等,由於Animen並沒有特別說是要以哪一個繪師的版本為主,所以該如何從這些不同的圖,統合出最能呈現出艾可的特色,就是遇到第一個困難點。

由Animen那裡交過來的不同繪師所繪製的艾可,可看得出許多地方都有著微妙的不同

另一個困難點就是要去捉摸艾可的個性。在繪製角色設計前,必須先理解該角色的個性,不同的個性對於之後的角色作畫,包含動態表演、喜怒哀樂也都會有所差異,對我而言,也要能真正熟悉該角色後,畫出來的人物才會踏實。由於關於描述艾可的資料實在是不多(畢竟是以插畫為主體),所以除了從現有的插畫中去找出蛛絲馬跡外,同時也跟同伴們相互討論,最終在不斷地重複繪製人設的過程中才慢慢地去掌握住艾可的個性。

在把握住以上兩點後,接著就是依循著「萌就是力量,可愛就是正義」的真理,將艾可的最大魅力給繪製出來。尤其是臉部的表情細節、頭身比的拿捏、以及包含過膝襪和高跟鞋在內的雙足,都是特別注意的地方。

另外要特別一提的就是艾可頭上那一對沾水筆造型的頭飾,若按照3D的空間來看,正面跟側面看過去其實是完全不合理的,這點就像原子小金剛的頭上的角和米老鼠的耳朵原理一樣的,不是按照空間的邏輯性,而是依照視覺上來作繪製的,這樣看起來才會更具有協調性,這也是2D動畫裡趣味的部份,當然,為了讓頭飾在側面時還是盡量符合一定的空間邏輯,特別花了許多心思去作調整。

而角色設計除了角色的三視圖和表情集外,各部位的構造和裝飾配件,都要盡可能的鉅細靡遺的傳達出來,但是一些服飾配件在原案裡是沒有描繪出來或是細節不夠清楚的,像是卸下圍裙時內裡衣服的樣式、高跟鞋的細節等,這時就必須自己思索或參考實際圖像來詳加補足。除此之外,相關的作畫注意事項也都是要詳細的表達出來,好讓其他的作畫人員能夠理解。

以下就是繪製好的正式角色設計圖↓
不只是三視圖,連一些作畫該注意的細節都必須繪製出來
衣物服飾的內部構造,縱然一般看不到的部位同樣也是要仔細描繪出來
高跟鞋則是參考了實際物來描繪出繫帶的細節
表情是以可愛呆萌的方向來繪製的
最右邊是眼睛在作畫時,從遠至近細節省略的程度

除了一般的表情集外,也設定了Q版表情集,雖然在正式的動畫Q版表情就只有出現一瞬間而已


待角色設計OK後,接著就是進入「色彩設計」了



艾可動畫PV就是這樣誕生的 第3回 「色彩設計」


色彩設計就是根據不同的場景環境,替出現在畫面中的所有角色和物體來決定顏色的作業。

雖說原案就已經有顏色了,但就跟角色設計時一樣,原案的顏色只是用來參考而已,還是必須重新提出適合動畫的顏色才行。

由於角色是活在背景裡的,所以正常而言在進行色彩設計之前,都還要先經過美術背景的作業才行,有了美術板後,才能藉此來決定角色的顏色,做出符合美術板的色見本。不過由於艾可PV先前就已經確認好是要作為LOOG開頭動畫的形式,所以背景的部份也是希望能盡量不要有具象的背景,例如採取背景一片空白的方式,主要也就是省略美術背景的作業,藉此來降低作業負擔。
 
但為了進行色彩設計還是必須有個背景來作為參照才行啊,這時就不得已臨機應變,先拿現成作品的背景來湊合著用。雖說是湊合著用,但也不是隨便一個背景都行,要考慮到是否符合本身作品的氛圍才行,而京阿尼的中二病整體色調鮮明中又不失溫,很符合理想中的色彩樣式,所以就用了中二病的背景來當作美術板,以便進行艾可的色彩設計的工作。

以中二病的背景為美術版來進行色彩設計

基本上各部位的顏色都是以原案為基礎來進行的,另外之後的攝影主要也是由我負責,所以我在決定配色的同時,也一併思考如何配合之後攝影時的賽璐珞效果處理。特別要說的是艾可過膝襪的部份,原先作為原案的插畫裡,艾可的過膝襪都是純白不透明的,若在動畫中直接沿用這樣的設定,實在是會令人看得了無生趣,而且有違個人身為足控的審美觀,所以有必要針對這點使其進化才行。因此在最初進行艾可動畫人設時,第一個想法就是要將艾可的過膝襪修改成白裡透膚的樣式才行。

其中白絲質感的部份也是艾可在色彩設計時最最費心的一點,一般而言這類「Brush」特效,要嘛就是只有在單張靜止畫時來繼續加工繪製,要嘛就是靠作畫的方式勾勒出漸層的範圍,之後再進攝影來加工,這次採用的方式則是不靠作畫,藉由色彩設計和攝影的配合來呈現出全部張數的白絲質感,為此也參考大量資料來反覆測試了許久,為了就是能夠進一步追求理想中白絲那若隱若現透出朦朧膚色的美啊!

於After Effects中測試白絲質感效果,透膚的白絲真的很重要!!

在進行色彩設計的同時,也還會同時進After Effects作攝影測試,好確定上好的顏色經過攝影處理後的樣子會是如預期般的樣子,像是頭髮、紅暈、十字裝飾、A形裝飾的羽化效果以及先前說到的白絲質感效果等等。另外,由於只是用於LOOG開頭動畫,所以色彩設計就只做了NORMAL的樣式就行了。

以下就是將上一回的人設依照色彩設計做好的色見本↓





在確定好色彩設計後,就接著來作「色指定表」。色指定表就是將先前決定好的顏色作成一張圖表,好當作之後上色用的範本。上面記載了角色所有顏色的情報,包含頭髮、皮膚、眼睛、衣服,甚至輪廓線等所有地方,全都都要一處不漏的做出來。除此之外色指定表還有一個要點,就是要站在上色人員的角度上,去思考如何規劃出一個讓上色人員易於辨識,選取顏色便利的色指定表。
 
艾可的NORMAL樣式的色指定表,每個部位一般包括了高光、一般色、一號陰影、二號陰影

在我負責色彩設計的同時,SUYO和Ml Xelloss則分別構思分鏡的內容,那麼下一篇就來講分鏡的部份。



艾可動畫PV就是這樣誕生的 第4回 「分鏡」


先前提過了,由於是LOOG開頭動畫的形式,所以這裡就略過文字腳本的階段,直接在分鏡時表現出內容就好了。對於內容我們三人做了討論後,確定大抵的方向後,就交給SUYO和Ml Xelloss來各自去發想不同版本的分鏡了。
 
而動畫的分鏡便是動畫整體的設計圖,可說是用畫去表述的腳本。雖然分鏡看起來很像是分格漫畫,但其實差距甚遠。若只是將分鏡當作漫畫在繪製(或是閱讀),而沒有理解影像之間的連續性以及忽略時間流動的話,那麼在制作影像的判斷上就會出現問題。
 
SUYO提出的分鏡是,一開始艾可對著畫面(攝影機)在喬鏡頭,然後離開時不小心跌倒後帶出LOGO。前段趣味的地方是要靠作畫去表現出魚眼畫面的形變,後段的跌倒則是凸顯艾可蠢萌的一面。


SUYO的分鏡

SUYO的草原動態測試影片

Ml Xelloss的分鏡則是從LOGO中的墨滴去作發想,艾可從LOGO的墨滴裡一躍出來,擺個姿勢後回歸到LOGO的墨滴裡。

Ml Xelloss的動態測試影片

雖然兩個分鏡的內容都滿不錯的,但終究要選出一個來製作,我主要就是從作畫難度和吸睛程度這兩點來考量的。
 
以作畫來說,SUYO的分鏡內容以日常表演為主,MlXelloss的則是動作戲為多。而日常表演看似簡單,實則困難,因為越是日常的事物就越容易和身邊的經驗進行比較,稍有些微差池就會顯得微妙不對勁,要是沒有扎實的基本功和作畫經驗,畫出來的表演便會不夠生動自然,甚至被觀眾看破手腳,相對的,動作戲所描寫的是「非日常」,人體動作和空間感哪怕不合乎現實,觀眾一般也是可以接受的。所以說日常戲在作畫上是比動作戲要難上許多的。
 
另外從吸睛程度來看,我覺得比起日常表演,果然還是有躍動感的,炫目激烈的畫面會更能讓觀眾留下強烈印象。因此在諸多考量下,最後選擇了以Ml Xelloss的分鏡來製作。
 
不過就既有的內容而言,還是存在一個大問題待解決,就是整個過程太過急促了,觀眾連板娘長得是啥樣子都還沒看清楚就結束,這樣一來就無法好好的傳達出艾可的魅力,所以針對這點,我就想說不如在艾可躍出來的過程中,將魔法少女變身的要素給加進去,除了更能好好表現艾可外,也能更增添娛樂性。於是之後我便以Ml Xelloss的分鏡作為基礎來修改。
 
在確定要加入魔法少女變身的要素後,在繪製分鏡上我注意的點有幾個,首先就是思考變身的過程中需要強調的環節,最後按照頭部、上半身、全身這樣的順序,將整個變身過程拆解成胸前蝴蝶結+上半身衣服、白色圍裙+裙子、過膝襪+高跟鞋這三樣來作安排。
 
再來就是思考每個環節時的構圖,構圖方面是沒太多新意,以變身過程的姿態來說,就只是按照自己對於魔法少女變身的典型印象作進去而已,並遵循先前說過的「萌就是力量,可愛就是正義」的真理,盡可能的表現出艾可最大的魅力。
 
最後一項也可以說是整個分鏡最困難的點,就是整個動畫要採取長鏡頭的手法來製作。原先無論是Ml Xelloss或SUYO的分鏡都是單一鏡頭完結的方式,所以縱使現在加入了魔法少女變身的要素後,也還是想把單一鏡頭就表現完畢的方式保留下來。另外固然從古至今已經有一大票的魔法少女作品,但變身採用一鏡到底好像並不常見?所以除了當作是一種挑戰外,在製作上也更能增添樂趣。而就算是一鏡到底的鏡頭,仍然要追求節奏感,針對每一個動作和銜接過程安排好緩急,讓整體有如舞蹈般有張有弛,起落有致。
 
在繪製分鏡時,我認為最重要的就是能夠預想出最終畫面以及實際的時間流動,並理解連續動作和鏡頭之間的關係,畫出最能表現鏡頭本身目的的畫面。另外說一下,平時我自己在畫分鏡的習慣,最初是先很隨意塗鴉畫在紙上,快速的把腦袋中的圖像給具現化出來,有點像是在畫印象板的感覺,之後整理好後再重新謄在制式的分鏡表上。不過因為這次艾可PV的原畫也會是我負責,基本上只要我自己理解就行了,所以就省略重新謄分鏡了。
 
由我負責的分鏡,是隨手畫在廢棄影印紙背面的,這裡是開場水滴降落的部份

艾可自水裡冒出來甩頭的部份

胸前蝴蝶結變身和靠近鏡頭轉身的部份

轉身後裙子以及蝴蝶結的變身

高跟鞋變身和雙腳降落的部份

鏡頭往上移至臉部,到最後的決定POSE

艾可轉換到LOGO的形變過程

分鏡好了之後,就能邁入作畫了,下一篇就來講「構圖」和「原畫」哩。



艾可動畫PV就是這樣誕生的 第5回 「構圖╱原畫」


在分鏡和各設定資料等備齊後,就能進展到作畫的第一階段「構圖」,也稱作LAYOUT,一般常簡稱為LO。
 
LO就是根據分鏡來具體決定畫面構成,更進一步細化分鏡上的指示,包含畫面的大小、角色與背景的空間配置、各物件的分層關係、角色的動作、攝影機的運鏡以及光源特效等等,都必須在這一階段確定好才行,可以說是構成影像製作的第一步,不只是作為演出到原畫的渡橋,更是整個動畫制作中最重要的一環。對於負責繪製的LO的人,則是要能夠正確理解分鏡、讀取演出意圖,才能畫出理想的LO。
 
從這階段,由於SUYO要忙於學校的作品,所以無法再一起並肩作戰,此後就由我和Ml Xelloss兩人繼續制作下去。
 
LO主要是由我來負責的,對我來說是整個作業中最大的難關,花費了許多心思和時間在這個階段,特別是艾可的草稿原畫,雖然草原不需繪製的如正式原畫般精細,但是角色的表演以及時間節奏都要確定好才行,為此琢磨了許久。
 
艾可的表演有部份是靠自己的想像來作畫的,也有部分是靠自己去揣摩的,所謂自己去揣摩,就是自己對著鏡子去作表演或是錄下自己影像,擺出需要的姿勢來作為作畫的參考,所以當下在現場的話,可以看見我一人對著房間的鏡子扭腰擺臀的樣子(´ρ`)。不管是靠自己想像或是參考自己的揣摩演出,也都要決定出表演所需要的時間,這裡我是使用智慧型手機上專為動畫家所開發的碼錶軟體WariKen, 一邊表演動作一邊配合使用計算出時間。
 
不光是角色的作畫,像是變身時的光芒這類特效作畫的部份也都是配合著一併來完成。基本上作畫時就是思考著演出表演、思考著時間節奏、思考著ツメタメ、思考著中割安排等來進行的,作畫的同時也邊填寫律表,在這個階段律表上面我單純只是記載草原的拍數而已,還沒有多餘的心力思考攝影效果什麼的。為了儘快看到整個動態,草原的作畫則省略高光和陰影色線的部份。
 
在繪製好包含草原在內的LO後,就將所有的LO丟到AE裡進行線攝,好用來作動檢,確認具體的時長以及整體節奏,檢視有無需要修正的地方,所幸大致都還掌握的算不錯,除了一開始落下的水花還需要多加一點原畫來補足細節外,某些表演的時間還要稍作調整外,基本上就沒有啥變動了。
 
艾可PV的LO攝,可以看到跟之後正式原畫某些地方略有出入,有興趣的人可以跟下方的原攝來作比較

LO完成後,就緊接著來到了「原畫」階段,原畫也是由我繼續來完成。由於畫面的配置、演出和拍數在LO時都大致決定好了,在原畫時主要做的就是將草原那寫意的線條整理好,重新繪製成正式的原畫。另外先前透過LO的動檢,將覺得需要修正和補足的地方,也都一併進行更正。
 
若說LO時,最費心的是在動態表演上,那在原畫時,最費心的就是在角色的線條構成上了,也就是所謂的「形」。將先前的每一張草原清稿描繪出漂亮的線條出來,在我那有限的繪力下,也是著實花費了不少精力,另外因為也沒有其他人能擔任作監負責修正,所以原畫的水準最終程度到多少就只能看我自身能力了。
 
作為原畫除了「形」要畫的好以外,還有一點很重要的是,要能替後續的作業來著想,像是動畫、上色、攝影,思考著怎樣的原畫能讓之後的作業更輕鬆有效率,所以像是賽璐珞珞的分層、作畫上的合成、中割的指示、參考張等都是以此為前提來作安排的。
 
最終正式的原畫,主線、色線、影指定、空白指示、中割指示、作畫的合成指示、賽璐珞的分層等,都必須明確無誤的描繪和標示出來,還有律表上原畫的拍數、攝影效果、運鏡指示等也都要確實填寫,以上這些不只是原畫師用來表達自身對於最終畫面的意識,也是讓之後作業的人能夠共享情報,幫助整個制作能順利的進行。

艾可PV的原攝+本攝之律表對照 ,左上角就是原攝,裡面的圖就是正式的原畫,左下角是用來作為比較的完成影片,至於右邊就是所謂的律表了

這裡放上相同的動作,LO(左)和原畫(右)時的比較

無論是LO或原畫,完全是以數位作畫的方式來進行作業,軟體分別使用了CLIP STUDIO PAINT和 RETAS STUDIO的STYLOS。
 
賽璐珞的分層主要分為A、B、C、D、E、F六層,從一開始水滴到艾可出現,一直持續到整個變身過程完畢都是畫在C層,剩下的層就都是特效作畫的部份。
 
而剛講到C層的部份,就全都是在CSP裡作畫完成的,雖然說是用CSP來作畫,但並沒有用到它的動畫功能,實際上當初在使用的版本也還沒有動畫功能(CSP要從1.5.1版才新增動畫功能)。在使用CSP作畫時,每一張原畫都是作為單獨的檔案存在。
 
C層的部份,每張原畫都是以單張單檔的方式用CLIP STUDIO PAINT繪製完成的

使用CLIP STUDIO PAINT作畫時的截圖

之所以要使用CSP來作畫,不用STYLOS,最主要的原因就是避免STYLOS裡那過於方便的動檢。曾經有位前輩說過『數位作畫是毒!』,他這句的意思當然不是指數位作畫會讓人物理上的中毒,而是說,對於動畫家而言,除了繪力以外,時間感也是同等重要的,在使用一些專門的動畫軟體來進行作畫時,由於軟體裡動檢是很方便的,能夠在畫完後隨時的作動態預覽,在作畫上確實很有效率,但也產生了一個問題,就是太過於依賴軟體裡的動檢,會造成時間感培養不易。
 
這也就是為什麼刻意不用STYLOS來進行作畫的原因,當然直接走紙上作畫對於學習的效果會更好,但紙上作畫除了基本功的要求更高外,動畫專門的紙張和鉛筆這類耗材取得與開銷也是一大問題,在台灣除了透過網拍,基本上是很難在實體店買得到的…。
 
雖然說為了不依賴動檢而使用CSP,但是艾可PV中所有特效作畫的部份,例如艾可變身時的爆開來的光芒以及末段艾可轉換到LOGO的形變過程,這全都是在STYLOS裡作畫完成的。因為特效作畫非常講求時間的節奏變化和形變效果,對於實力還不夠的我而言,想要在有限的時間內畫出有魅力的特效,還是必須依賴動檢隨時作預覽、修正才行。

繪製特效作畫時,使用RETAS STUDIO的STYLOS作畫時的截圖。附帶一提,艾可身後的爆炸是交由Ml Xelloss負責作畫完成的,一樣也是用STYLOS,Good job!

艾可PV中,將所有的特效作畫單獨作播放,全部作畫都是在STYLOS完成的

LO和原畫的制作過程介紹完之後,下一篇就來分享一下當初在作畫上的一些心得以及想法吧。



以下是這5回的本家連結
之後新的一年還請大家多多指教哩

155
-
未登入的勇者,要加入討論嗎?
板務人員:

1128 筆精華,03/28 更新
一個月內新增 0
歡迎加入共同維護。


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】