【創作開發手記】遊戲開發!視覺小說的美術前置(二)

鳥燁
·
·
IPFS
·
檔案物件是一個非常好用的功能,它可以令檔案大小縮減很多很多!
<forward>
上一篇在這裡 - 【創作開發手記】遊戲開發!視覺小說的美術前置(一)
0721198643
</forward>

【WIP、檔案物件】繪製角色立繪

「立繪」就是一個站著的或是坐著的角色圖。

依據需求,除了一般常見的全身圖之外,也會有半身或是胸口以上的立繪。

無論想要的是哪一種立繪,在同樣規格的檔案中完成一整套的角色立繪十分重要。

如果遊戲畫面是1080x1920px,立繪的高度至少要有1080px,解析度300dpi或以上。闊度則依照需求設定,一般會是高度的一半左右。而如果立繪會用於印刷的話,畫布大小取所需大小的三倍比較好。
立繪需要以透明底色輸出,所以輸出時要選擇PNG,而如果包含動畫的話就輸出成APNG吧!
APNG同樣以低失真及透明底色輸出,但它支援動畫,輸出時不會像GIF有很大失真。

在此,i-BOOM完成了主要角色的立繪。

一般立繪會有一組動作[s]但是因為好玩所以他有四組動作[/s],同時因為好奇心而為立繪加入了動畫元素,所以他會眨眼說話時嘴巴會動。CSP可以支援動畫插圖,令動態表情製作變得更加方便。十分好玩值得一試。

立繪會配備不同的表情,要分開「身體圖層」和「表情圖層」處理,讓表情部件放在適當的資料夾中,例如「眉毛」、「眼」、「嘴」⋯⋯
有時候,角色不只有一組動作,頭的位置也不太一樣。但在不同的動作之中,臉的方向是類似的,就可以用檔案物件來節省把表情再畫一次的時間,而當需要修改時也只需要修改一次。

將想要重複使用的部件——它們可以是單一/複數圖層,也可以是資料夾(這裡以A簡稱)——進行複製,然後在圖層>檔案物件 中選擇「作為檔案物件貼上」(這裡以B簡稱)。之後當A圖層或是資料夾更新後,B物件也會更新。

檔案物件也可以像素材物件般密鋪,當需要製作衣飾的花紋之類的時候可以多加利用。

但是要注意檔案物件的邊沿範圍是原檔案/圖層的畫布大小,即超出畫布範圍時,畫像是不會在檔案物件中出現的;又或者當原檔案的畫布比所需要的大,檔案物件的邊沿大小就很可能會超出預期。

當故事不只有一個角色時,就需要製作多於一個立繪了。hikaku-sitatter.com 這個網站可以提供身高比例的參照。如果電腦跑得比較慢,無法使用CSP內置的3D模型的話可以試試這個方法,用完之後記得關掉參照圖層。

製作第二個立繪時,需要考慮的是兩個角色之間的差異:
例如兩名角色都是成年男性,但是依照他的性格、行為習慣等影響,他會怎樣站呢?他的職業是什麼,又是否擅長偽裝呢?

一邊考慮這些,甚至考慮得更長盡仔細的要點,一邊將角色的草圖速寫下來並加以修正,以能最好表達角色以及故事氛圍的上色方式,試著為角色上色,持續修正直至眼前的角色與腦海中的形象貼合。但記得凡事不要過度。

快樂地讓角色動起來吧!


【檔案物件、照片運用】根據背景為立繪加工(一)

完成角色立繪之後,為立繪依照場景狀態進行加工。

開新畫布並讀取想要用作背景圖片的圖片。這次使用的是在香港拍攝的夕陽照片。

在不同的情景光線之下會呈現不同的環境色,加工可以令角色更融入他所身處的時間與環境。
檔案>讀取>建立檔案物件
將角色的立繪以檔案物件的形式被放到圖片上。

這樣就可以直接在立繪檔案(原檔案)中作出修改。原檔案更新後,在照片檔案(應用檔案)中的原物件(原檔案)亦會更新,就可以即時看到效果了。每次在原檔案作出變更之後記得要進行保存。

夕陽接近晚霞時份,日照量與光線的散射使物體看起來藍藍橘橘的。使用照片上的藍色作為陰影色看起來效果會很好。


但是如果直接在照片上吸色,當回到立繪檔案時,選取色就會變回去。


這個問題有三個解決方法:

使用色板記錄顏色、記下顏色碼、從照片吸色

這裡會講的是「從照片吸色」和「運用照片」的加工方法。


先將照片複製然後點陣圖層化,用圈選工具選取想要的顏色範圍,複製到立繪檔案中

這時候就可以用吸管選擇想要的顏色了。

在立繪資料夾上開新圖層,設定成「用下一圖層剪裁」並倒入顏色,在混合模式中找到適合的選項。這次用的是「柔光」。


側背光會使人物出現邊光,為圖層加上蒙版,記得選取蒙版再畫,不然會擦掉照片。

以 透明 根據立體用筆刷描繪邊光,想塗回去的時候就換回選取色。改用噴槍刷出光暈。

【檔案物件、照片運用】根據背景為立繪加工(二)

加上夕陽的顏色應該會更好,但是依照記憶來選取光線的顏色,效果不一定會好。

是出動照片的好時機了。


從照片中選取合適的部份,貼到立繪檔案中。這次會直接使用照片加工而非吸色。

使用變型工具將照片放大到可以將立繪覆蓋,降低透明度以調整位置。

照片圖層設定成「用下一圖層剪裁」,更改混合模式。

加工圖層的照片紋理有點太清晰了,加上模糊濾鏡使紋理變得柔和。

再次改變大小和位置調整到覺得「對了!」的位置。



<summary>

全篇TIPS在這裡 - 遊戲開發!視覺小說的美術前置
帥氣大叔的來源 - 《紅諧》Redmony

檔案物件真的是一個非常好用的功能!它可以令檔案大小縮減很多很多。
最近在製作一部關於水彩風格上色和智能電話繪圖的影片 - https://youtu.be/OZWv2b2VabY
之後會再在Matters上發佈。

</summary>

CC BY-NC-ND 2.0

Like my work? Don't forget to support and clap, let me know that you are with me on the road of creation. Keep this enthusiasm together!

鳥燁以羽毛作筆 - <dictionary> <being>【nalcyon】</being> <description>鳥燁,插畫、漫畫創作者。鍾愛香港、歷史。正在研究靈魂碎片解讀及數字推理等相關事項。</description> <maxim>當自身歷史,包括自己的前生與後世,都為歷史洪流的一個部份,就沒有不去研讀的餘地。</maxim> </dictionary>
  • Author
  • More

【社區活動結案】聖誕禮物送什麼好?

【社區活動報告|靈砂撿拾。2】聖誕禮物送什麼好?

【社區活動報告|靈砂撿拾。1】聖誕禮物送什麼好?