【專題插畫】捲尾巴生物×LINE動態貼圖



家裡的寵物是很有趣的題材,長時間的共同生活與尾隨拍照,讓手邊累積了很多的資源可以參考,對動物的了解也很深,不太需要看照片腦中就有清晰的形象,而且對動物的面部也有很多情緒化的解讀(也許是愛的腦補),可以想像出不同的表情。

經常會被我拿來做練習,有時候速寫塗鴉或是設計角色,練習用簡單的方式描繪出蜜袋鼯的外型、動作,像是牠的鼻子、嘴就是一個世紀大難題XD,也看看怎樣的風格或變形成什麼模樣,會變成最符合我心目中的角色模樣。

其實我蠻喜歡小怪物的版本,設計成有四個手和虛擬的腳腳,方便表現牠們腳比前肢更像手的特點,例如四個手各拿一個食物貪婪的小模樣。但我暫時先把牠的副手隱藏起來,來練習畫一組比較Q版的表情圖。參考家裡個性比較天然呆的小天使:呆妞。牠的臉變得比較膨(菱形)、眼睛圓圓的、有點微笑嘴、飛機耳。


蜜袋鼯塗鴉,練習摸索、創作形象
蜜袋鼯塗鴉,練習摸索、創作形象



角色設計雛形,嘗試不同個性和五官比例
角色設計雛形,嘗試不同個性和五官比例



初步的角色形象,表情圖、三視圖和印章
初步的角色形象,表情圖、三視圖和印章



│讓小萌物動起來│

在角色設計的課程結業後,發覺自己第一次畫的LINE的貼圖真的太沒有統一性,並且我也沒有依照性格來設計角色喜怒哀樂的表情,只是設計了一個角色造型,然後想當然的畫出Q版的常見表情。因此在上課的時候就有想再畫一套的念頭。但我想先以構圖比較簡單的上半身、表情變化為主,未免太過單調所以設計成動態貼圖。

考慮到貼圖如果太過可愛的話,可能就不適合大多數人使用,於是改成個性有趣的Q比,牠平常總是一臉兇惡、驕傲狀,但同時又非常慫,秒慫哭哭臉,是家裡的小惡魔。最迷人的地方就是從下巴到肚子是一條白色直筒,讓我想起小時候看過的古代故事,有一個在刑場上的死刑犯被剝掉上衣,經過的大官發現他有像瓢瓜一樣的美大白肚(身軀),因此得到赦免並且做大官之類的(?)

臉部的比例變得比較小,眼睛是細細小小的斜核桃眼,耳朵常常怒立,細細的像惡魔角。輪廓比較簡化、直筒狀,想讓牠更角色化,有更多我賦予的形象。貼圖的內容走實用路線,多是喜怒哀樂的情緒,加上一些常用的場合功能用語,如謝謝、對不起、打招呼之類的。


構思貼圖內容,草稿大概3、40張
構思貼圖內容,草稿大概3、40張



用時間軸檢查動態草稿,修改直到滿意再正式畫
用時間軸檢查動態草稿,修改直到滿意再正式畫



全部完成後統一上色,輸出製作APNG
全部完成後統一上色,輸出製作APNG





│重要的繪製前須知│

        1. 貼圖尺寸W320 × H270/主圖W240xH240/標籤W96 × H74
        2. 動態格數為5-20格
        3. 動畫重複次數只能1-4次,全部加起來總秒數不能超過4秒
        4. 而且一個貼圖的總秒數只能設定為整數:1、2、3、4秒
        5. 整個動態貼圖容量不能超過300KB


在最後上傳貼圖的時候才發現,一個貼圖的總秒數只能設定為整數,24張貼圖中我只有一張是整數啊(如此叛逆)。掙扎後忍痛決定...把差的秒數補在最後一格上_(:3ゝ∠)_

雖然這樣循環的時候會有一點卡卡的(心虛),但重新計算所有的格數、幀速、重複次數,然後重製APNG圖已經是我最後的努力了...


總結一下畫完之後的步驟:

1.把每一格都輸出為無背景的PNG圖

2.利用免費的壓縮網站將PNG圖壓縮,縮小容量

3.先規劃好每張貼圖的格數、幀速、重複次數,算一下總秒數

4.利用免費的軟體將PNG圖片照著計畫做成動態的APNG圖

5.把APNG圖拖到火狐瀏覽器檢查一下

6.完成!上傳貼圖



------------------------------------






留言

熱門文章