【創作開發手記】遊戲開發！視覺小說的美術前置（二）

<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>