超實用!《動物森友會》「我的設計」九大入門技巧

《集合啦!動物森友會》上市快一個月,除了各種驚人造景和玩法,相信大家也看到許多有趣的設計作品,例如露天賭場《精靈寶可夢》遊戲場景,以及各種惹中國生氣的標語。《動森》裡「我的設計」功能,讓玩家自製像素圖,除了用於服裝外觀,也可以放在畫架、服裝架上展示、鋪在地上。有玩家因此開啟自己的小小畫展,或者把草地改成石磚。也有人畫出各種動漫角色的衣著,在小島上成為自己喜歡的樣子。

對我來說,《動森》帶來的許多快樂,來自它讓玩家發揮想法,實現想像。《動森》的自由度本來就很高,在嘗試「我的設計」之後,這些樂趣更上一層樓。在這篇文章,我想分享使用「我的設計」的一些心得,希望大家的小島生活更舒適順暢。


「我的設計」為什麼好玩

有些人可能會說,看了網路上各種大神作品,總覺得「我的設計」是高手的世界,當然這不是說一般人沒資格用,而是覺得門檻高,不好上手。我認為這得看你從什麼角度看。如果你對「我的設計」的想像是用來做各種擬真地板、複雜的 cosplay 服裝,那當然不容易上手。然而,「我的設計」其實可以很簡單。

例如我從鄉公所(?)郵購了一個藍條紋燈塔,很喜歡,放在西海岸,後來覺得燈塔周遭可以規劃一個休閒空間,於是帶了咖啡機、攤位和躺椅過去。過了幾天再看看,覺得整個空間好像可以更有主題,所以用「我的設計」了簡單的藍條紋帆布貼在攤位上,畫了小燈塔圖案,用畫架展示。「我的設計」讓我能讓其他東西配合燈塔的藍色調,做出想像的休憩空間,這些東西不需要什麼熟練的繪畫技術,但做出來效果相當好。

「我的設計」做出藍色攤位、枕頭和小黑板,實現燈塔主題的咖啡空間。
「我的設計」做出藍色攤位、枕頭和小黑板,實現燈塔主題的咖啡空間。

又例如,我想要讓家裡的寵物們在小島上出現,就試著畫了動物主題的花紋。「我的設計」是像素圖系統,只要是輪廓簡單的東西,若顏色分配恰當,要實現都相當容易。花紋畫出來,利用遊戲裡的改造功能,可以印在抱枕、床鋪和告示上。

像素圖需要嘗試多於技術,位置和顏色得宜,就能「點」出想要的圖案。
像素圖需要嘗試多於技術,位置和顏色得宜,就能「點」出想要的圖案。

「我的設計」能幹嘛,就看你腦洞多大。也有網友畫出壁櫃,用帽子模組畫出蛋糕,這些作品都讓小島樣貌有更多可能性。

恰當的顏色和光澤呈現出布丁的質感。


以下,我分享過去兩週畫圖的一些心得,希望幫助大家更快上手。

1.注意渲染

「我的設計」的繪圖是像素方格系統,但畫出來的成品並不是像素圖,而是渲染過的。

考量形狀和顏色,《動森》有一套規則決定怎樣的像素圖形要怎麼渲染。你不用把這些規則歸納出來然後背誦,但如果稍加注意,畫圖就會更順利,你會知道自己想要的東西可以怎麼填,也會知道哪些形狀幾乎不可能畫出來。

例如,比較上圖的左右兩邊可以看出:

三個點會渲染成三角形,四個點則是方塊。
直線在45度斜率很正常,22.5度的兩端會變形。
4*4才做得出圓形,若要邊緣漂亮,就要更大。

從下圖可以進一步看出渲染規則如何讓玩家用像素畫出各種比較「正常」的圖。

我目前的推測是,規則會先判斷哪些顏色是「底色」,並且讓底色之外的顏色更容易渲染出外輪廓平滑的圖形。例如,當左上藍色線條合併,中間的白色格子就被犧牲,因為系統判斷白色是底色。又例如,右下的兩組綠色格紋一模一樣,只是其中一組包裹了灰色外框,灰色外框讓系統判斷灰色和綠色(相對較深的顏色)是底色,因此選擇凸顯白色,讓渲染結果跟上方格紋完全相反。

除了形狀,顏色也會影響渲染,下面兩個圖案的形狀一樣,右邊看起來像貓咪,左邊則...不知道是什麼。

從下圖可以看出,當顏色的亮度接近,渲染效果會消失。

我沒法在這列出所有渲染規則,就算列出來,幫助也不大。但只要你知道像素圖的形狀和顏色都會改變成品的形狀,在填不出自己想要的形狀時,就有明確方向可以嘗試:

增加或減少格數比例。
調整顏色的深淺。


2.注意調色盤和顏色連動

「我的設計」每個作品最多可以有16種顏色,由介面上方的調色盤統一選取和調整。調色盤上的顏色和畫布上的同一顏色是連動的。假設你從調色盤上選了紅色,把畫布整個填滿,然後再從調色板上把紅色改成藍色,你的紅色畫布就會變成藍色畫布。

我自己覺得顏色連動是很聰明的設計。假設你用洋紅色、粉紅色和白色畫了一個暖色系的洋裝,只要更動調色盤上的顏色,就可以把洋裝變成冷色系或其他色調,不用重新描繪。

然而,顏色連動也有些事需要注意。假設你畫一隻小木偶,用同一格咖啡色填他的鼻子和地上的陰影,後來你改變主意,想要紅色的鼻子,於是把用於鼻子的咖啡色改成紅色,這時候地上的陰影也會變成紅色。調色盤和顏色連動讓玩家設計的時候需要管理顏色,畫起來才會順利。


3.管理選色

此外,16種顏色看起來多,但考慮到只要改變亮度就會算做不同色,如果你需要表現漸層,顏色還是很容易用完。例如我嘗試畫《黑暗靈魂三》裡的「騎士鎧甲」,光是金屬的明暗,就用掉十格。我猜想我的顏色調配可能不是最有效率的做法,或許有人有辦法用更少顏色做出類似的光澤。顏色格數有限,怎樣分配顏色才能達到效果,會是一些複雜設計必須克服的任務。


4.安排顏料位置

創作有趣,但老實講,對我來說像素圖的「填色作業」並不是非常有趣。你選好顏色,用十字鍵爬格子一格一格填,偶爾會因為操作失誤填錯。幸運的是,我們有一些技巧可以減少這些重複操作和失誤。

要讓填色更輕鬆,你會想要盡量安排好顏色位置。例如,把作品裡常選用的顏色放在調色盤上相近的格子,在你需要往返換色時,能減少許多痛苦。另一個方案是善用滴管(L+R)來選取畫布上既有的顏色。

以上面那件「騎士鎧甲」作為例子,在為了設計而簡化圖案之後,鎧甲上主要的顏色只剩下灰(金屬)和咖啡(皮革),在調色盤上,我把各種灰色放在左邊,各種咖啡色放在右邊,中間區域閒置備用。把閒置格數放在中間,如此一來不管是金屬還是皮革需要額外顏色,都方便擴增取用。

把調色盤上的閒置格數設成明顯無關的顏色(在這個例子裡是紅色),可以隨時看得出來哪些格子空著,不管是打算用既有的顏色作畫,還是要增加新顏色,都不容易搞錯。如果你不確定選什麼顏色比較有標記作用,選你一看就討厭的準沒錯。

最後,在需要漸層的設計上,若如圖把同種顏色照明度排列,也會很方便。若兩種顏色位置隔太遠,眼殘如我有時候不是很容易分辨哪個比哪個亮一階。


5.亮度:善用陰影製造深度

「我的設計」用三個數值定義顏色:色調、彩度和亮度。關於顏色數值和配色,我相信各種平面設計和色彩學的專業資料會說明得更完整,以下粗略分享我嘗試的心得。

我不是色彩專業,只能大致把「彩度」理解成顏色的鮮豔程度,把「亮度」理解成顏色和黑色的距離。如果不特別講究質料和變色,只要改變同種顏色的亮度,就可以製造陰影和光澤。

如果你想畫的東西是立體的,試著加上陰影不會吃虧。以最簡單的做法,通常同一方向增加一排亮度低一兩格的顏色,就可以搞定。從下圖《血源詛咒》的「獵人服裝」,可以看出陰影如何讓大衣更有層次感。

與陰影相對的反光和光澤,也是一樣的道理:在初階像素圖通常相對容易做,而且做出來之後效果往往不錯。從下圖《福音戰士》第三使徒的 cosplay 毛衣可以看出光澤的加分。

最後,如果你打算添加陰影或光澤,可能會想要在規劃顏色的時候替它們保留空間,避免把物體的主要用色設定得太深或太淺。


6.彩度:注意一致性

彩度決定一個顏色有多鮮豔,彩度越低,看起來就越灰階。然而,東西並不是越鮮豔越好。我時常覺得圖形看起來刺眼,或者顏色互相衝突,調整到最後,發現只要把其中一兩色的彩度調低,看起來就舒服多了。

原則上,除非有特殊目的,否則我們通常會希望整張圖的每種顏色有類似的彩度。不過這裡的「類似」並不是數值類似,而是看起來類似。所以,並不是說你得打開調色盤,確認是否每種顏色的彩度都在60%~80%之間,而是要用你自己的視覺判斷,是否有哪個顏色過於鮮豔。以下圖為例,若綠色背景彩度太高,看起來就不搭嘎。


7.簡化圖案

像素創作的格數有限,通常圖案都需要簡化才有辦法呈現。比較簡單的例子,就是本文開頭提到的家中寵物們,或者下圖《風之谷》裡的狐松鼠。

再考慮一個比較極端的例子。《幽遊白書》暗黑武鬥會篇桑原和真的服裝,其特色在於背上致敬日本暴走族特攻服的大字。然而我實在找不到辦法忠實呈現一筆一畫,只能追求粗糙的輪廓相似。

由於前文說明的渲染規則,在「我的設計」裡,像素原稿和成品會有渲染差異,許多構圖是否可行,得要嘗試才會知道。這也是前面說的,《動森》當中像素圖的創作,是嘗試多於技術。


8. 從小比例開始

越小的像素圖,用的格子越少,修改起來越方便。在我的經驗,如果不確定一個東西該怎麼填格子,我會從最小的比例開始嘗試。

要用4*4畫一隻可愛的小鳥很簡單,如果要畫成16*16,則相當困難,需要更多細節。我鼓勵大家從小圖案開始嘗試,可以較快取得進展、熟悉畫法,同時避免挫折。就算只是畫出下圖這樣的簡單房屋、樹叢,也可以藉此了解顏色分配和渲染的特性,將來製作複雜一些的圖案,會更順手。

不確定該怎麼做的時候,從小東西開始嘗試是好點子。
不確定該怎麼做的時候,從小東西開始嘗試是好點子。


9.好用的參考資料

創作平台 Pinterest 會自動列出相關作品,方便度滿分。
創作平台 Pinterest 會自動列出相關作品,方便度滿分。

目前來說,我覺得對畫「我的設計」最有幫助的參考和觀念主要是:

1.「我的設計」有哪些創意用法,像是把帽子畫成食物放在攤位上、畫青苔貼在海邊岩石上等等。
2.一般性的像素作品和作畫觀念。

Reddit的「AnimalCrossing」和「horizondesigns」版都常有網友分享設計,不過我最常瀏覽的還是老套的 Pinterest。用「animal crossing design」、「animal crossing qr code」、「pixel art」之類的關鍵字搜尋,都可以快速找到很多有趣的東西,Pinterest 會自動列出相似作品,大部分的繪圖主題,都可以快速找到好幾種不同的設計來參考。最後,我自己的作品都放在這個FB相簿,歡迎大家參觀指教。我還沒買 nintendo online,若將來購入,服裝的 QR code 也會更新在臉書。

玩《動物森友會》,能做出自己想要的房屋、擺設、衣服、島嶼,是最開心的,希望上面的介紹,能讓大家多嘗試「我的設計」功能,讓自己的想像在遊戲裡化為現實。

*感謝jedsid Wu、小維奈奈 Vi-、石貿元和Chen, Ching-Ray給本文初稿的諮詢意見。

猜你喜歡

同類好文

火熱排行

紳士版小朋友下樓梯《下來啊!冰鳥》登Steam 瘋狂AAA頂到最「深」處

紳士版小朋友下樓梯《下來啊!冰鳥》登Steam 瘋狂AAA頂到最「深」處

趙活變「曹」活!《活俠傳》女角結局達成率小師妹第一、夏侯蘭緊追在後

趙活變「曹」活!《活俠傳》女角結局達成率小師妹第一、夏侯蘭緊追在後

開高衩到肩膀?《碧藍航線》揭新船「亞爾薇特」立繪 黑長直大姊姊幾乎下空

開高衩到肩膀?《碧藍航線》揭新船「亞爾薇特」立繪 黑長直大姊姊幾乎下空

Steam 4款紳士遊戲6月底接力上市!弟弟究竟否「站」到最後一刻?

Steam 4款紳士遊戲6月底接力上市!弟弟究竟否「站」到最後一刻?

售票「口」!holo AZKi 玩列車模擬《TRAIN CREW》直播預覽圖簡直讓人想上車?

售票「口」!holo AZKi 玩列車模擬《TRAIN CREW》直播預覽圖簡直讓人想上車?

《活俠傳》出現「聚人心」MOD?龍湘變「隆湘」、大師兄變大酥兄

《活俠傳》出現「聚人心」MOD?龍湘變「隆湘」、大師兄變大酥兄

Key社《Angel Beats!》推漫畫新作!天使少女立華奏轉生現世踏上尋人之旅

Key社《Angel Beats!》推漫畫新作!天使少女立華奏轉生現世踏上尋人之旅

本斥但太大!Steam紳士3D蜜室逃脫《逃離人偶房間》解「咪」還需戲咪人 

本斥但太大!Steam紳士3D蜜室逃脫《逃離人偶房間》解「咪」還需戲咪人 

都標題黨?《妻子變成小學生》無端遭英語圈謾罵:日本動漫越來越怪了

都標題黨?《妻子變成小學生》無端遭英語圈謾罵:日本動漫越來越怪了

《活俠傳》繼承系統實裝!官方連續四天推出更新 Steam好評率回升至56%

《活俠傳》繼承系統實裝!官方連續四天推出更新 Steam好評率回升至56%

不給看「光」!《勝利女神:妮姬》皇冠「國王的新衣」掛軸無私展現胸懷

不給看「光」!《勝利女神:妮姬》皇冠「國王的新衣」掛軸無私展現胸懷

市大同畢典開唱YOASOBI神曲〈Idol〉打藝超熱血、台下打Call應援狂嗨

市大同畢典開唱YOASOBI神曲〈Idol〉打藝超熱血、台下打Call應援狂嗨

數位移民掰了!跨區當榮譽土耳其人訂閱YouTube Premium 官方證實開抓

數位移民掰了!跨區當榮譽土耳其人訂閱YouTube Premium 官方證實開抓

織足嚐樂!《蔚藍檔案》經典伊織「口腳」情節終於動畫化  網一致大讚:這我

織足嚐樂!《蔚藍檔案》經典伊織「口腳」情節終於動畫化 網一致大讚:這我

Steam後宮紳士《荒島 X 愛 X 求生》6月26日發售!大小姐、人妻我全都要

Steam後宮紳士《荒島 X 愛 X 求生》6月26日發售!大小姐、人妻我全都要

真湘!實況主長毛玩《活俠傳》攻略龍湘太入戲 現實狂吃3天「雞腿」

真湘!實況主長毛玩《活俠傳》攻略龍湘太入戲 現實狂吃3天「雞腿」

Steam紳士《穿越黃遊開後宮》開放試玩!中年大叔快樂嘿嘿差點玩到腎虧

Steam紳士《穿越黃遊開後宮》開放試玩!中年大叔快樂嘿嘿差點玩到腎虧

有車圖/Steam紳士3D蜜室逃脫《逃離人偶房間》解「咪」還需戲咪人 

有車圖/Steam紳士3D蜜室逃脫《逃離人偶房間》解「咪」還需戲咪人 

揍揍虐!任天堂直面會新作《薩爾達傳說 智慧的再現》薩爾達徒手搬巨石砸怪

揍揍虐!任天堂直面會新作《薩爾達傳說 智慧的再現》薩爾達徒手搬巨石砸怪

不甘心《活俠傳》遭對岸惡意抨擊...中國玩家寫700字長文為開發團隊打氣

不甘心《活俠傳》遭對岸惡意抨擊...中國玩家寫700字長文為開發團隊打氣

狗狗幣設計師發文「別再把X叫成推特」挨轟!網傻眼:想怎麼叫還要你管?

狗狗幣設計師發文「別再把X叫成推特」挨轟!網傻眼:想怎麼叫還要你管?

日本歌姬高橋洋子因演奏會宣傳圖採用「AI生成」 宣布辭演:理念相左

日本歌姬高橋洋子因演奏會宣傳圖採用「AI生成」 宣布辭演:理念相左

《怪醫黑傑克》真人版「性轉奇利柯」惹議 製作人:個人想像她是溫柔女神

《怪醫黑傑克》真人版「性轉奇利柯」惹議 製作人:個人想像她是溫柔女神

LOL/說大實話!Faker評價名人堂阿璃造型:玩得不多、價格有點貴

LOL/說大實話!Faker評價名人堂阿璃造型:玩得不多、價格有點貴

Google瀏覽器生物化「Chrome醬」掀Logo二創潮!森永小天使變獵奇蜘蛛人

Google瀏覽器生物化「Chrome醬」掀Logo二創潮!森永小天使變獵奇蜘蛛人

「螢」收大漲!《崩壞:星穹鐵道》角色「流螢」開放抽取 多國課金榜登頂

「螢」收大漲!《崩壞:星穹鐵道》角色「流螢」開放抽取 多國課金榜登頂

有車圖/Steam紳士版小朋友下樓梯《下來啊!冰鳥》瘋狂AAA頂到最深處

有車圖/Steam紳士版小朋友下樓梯《下來啊!冰鳥》瘋狂AAA頂到最深處

還敢作弊啊!《特戰英豪》家機封測玩家用外接鍵鼠加輔助瞄準慘遭停權

還敢作弊啊!《特戰英豪》家機封測玩家用外接鍵鼠加輔助瞄準慘遭停權

不會跑路!Steam《活俠傳》開發團隊發公告致歉 稱會補完女角劇情和伏筆

不會跑路!Steam《活俠傳》開發團隊發公告致歉 稱會補完女角劇情和伏筆

LOL/大家都別玩!Faker造型上架導致阿璃Ban率飆升 全球數據幾乎都翻倍

LOL/大家都別玩!Faker造型上架導致阿璃Ban率飆升 全球數據幾乎都翻倍