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

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

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


「我的設計」為什麼好玩

有些人可能會說,看了網路上各種大神作品,總覺得「我的設計」是高手的世界,當然這不是說一般人沒資格用,而是覺得門檻高,不好上手。我認為這得看你從什麼角度看。如果你對「我的設計」的想像是用來做各種擬真地板、複雜的 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給本文初稿的諮詢意見。

猜你喜歡

同類好文

火熱排行

《夢想成為魔法少女》反派真有官方X帳號!2個月穩定發文 實際追蹤不到20萬

《夢想成為魔法少女》反派真有官方X帳號!2個月穩定發文 實際追蹤不到20萬

壓力很大!《冰菓》二創神繪師累嘆:我也只是粉絲、被當成官方感到很疲憊

壓力很大!《冰菓》二創神繪師累嘆:我也只是粉絲、被當成官方感到很疲憊

宇多田光即將抵台!曾獻唱《新世紀福音戰士》劇場版、《給不滅的你》主題曲

宇多田光即將抵台!曾獻唱《新世紀福音戰士》劇場版、《給不滅的你》主題曲

日本女Coser參加FF42被評「長相像男生」大受打擊 呼籲大眾發言請三思

日本女Coser參加FF42被評「長相像男生」大受打擊 呼籲大眾發言請三思

《上古卷軸5》肝帝零模組農出1337等「終極角色」 高處信仰之躍不痛不癢

《上古卷軸5》肝帝零模組農出1337等「終極角色」 高處信仰之躍不痛不癢

Twitch結束在韓營運前夕直播主放飛自我 大量南韓實況台大玩紳士遊戲沒在怕

Twitch結束在韓營運前夕直播主放飛自我 大量南韓實況台大玩紳士遊戲沒在怕

哭啊!人氣繪師「毛玉牛乳」FF42簽名會因民眾打翻魔爪導致活動中止

哭啊!人氣繪師「毛玉牛乳」FF42簽名會因民眾打翻魔爪導致活動中止

《幻獸帕魯》玩家一人打造「101大樓」 原來是被帕魯耽誤的天才建築師!

《幻獸帕魯》玩家一人打造「101大樓」 原來是被帕魯耽誤的天才建築師!

如果歐美廠商開發《FF7重生》?網惡搞蒂法艾莉絲長相 卻嘆過於「真實」

如果歐美廠商開發《FF7重生》?網惡搞蒂法艾莉絲長相 卻嘆過於「真實」

Kagami奪冠加持!hololive大神澪帽T考慮再販 網拍已有商品標註「世界冠軍衣」

Kagami奪冠加持!hololive大神澪帽T考慮再販 網拍已有商品標註「世界冠軍衣」

《一拳超人》動畫第三季揭新預告、主角視覺 漫畫系列賣破3000萬套

《一拳超人》動畫第三季揭新預告、主角視覺 漫畫系列賣破3000萬套

《莉可麗絲》錦木千束配槍實體化!官方合作日本生存遊戲商推出「千束之槍」

《莉可麗絲》錦木千束配槍實體化!官方合作日本生存遊戲商推出「千束之槍」

LOL/進化版「電腦機器人」來了!不但會打野、支援 還會搶巴龍

LOL/進化版「電腦機器人」來了!不但會打野、支援 還會搶巴龍

日本京都大學入學考試擺滿迷因看板 玩梗《葬送的芙莉蓮》你就是千年「重考生」

日本京都大學入學考試擺滿迷因看板 玩梗《葬送的芙莉蓮》你就是千年「重考生」

懂玩...日本紳士用niconico彈幕把《夢想成為魔法少女》修正版玩成無修正

懂玩...日本紳士用niconico彈幕把《夢想成為魔法少女》修正版玩成無修正

不露了...《搖曳露營》列車運行3年正式停駛入庫 粉絲趕搭最後一程超不捨

不露了...《搖曳露營》列車運行3年正式停駛入庫 粉絲趕搭最後一程超不捨

台灣選手Kagami奪《快打旋風6》卡普空盃冠軍!holo大神澪帽T加持猛如狼

台灣選手Kagami奪《快打旋風6》卡普空盃冠軍!holo大神澪帽T加持猛如狼

《快打旋風6》holo大神澪帽T模組出現!UMA擅長角韓蛛俐穿上「世界冠軍衣」

《快打旋風6》holo大神澪帽T模組出現!UMA擅長角韓蛛俐穿上「世界冠軍衣」

選手UMA備戰《快打旋風6》少看很多hololive 婉拒Red Bull不只為了演唱會

選手UMA備戰《快打旋風6》少看很多hololive 婉拒Red Bull不只為了演唱會

《FF7重生》泳裝蒂法實在太香讓人等不及!3D設計師已捏出模型

《FF7重生》泳裝蒂法實在太香讓人等不及!3D設計師已捏出模型

《快打6》Kagami奪冠電競協會發賀文被酸爆!體育署回應:商業性賽事無法補助

《快打6》Kagami奪冠電競協會發賀文被酸爆!體育署回應:商業性賽事無法補助

《葬送的芙莉蓮》推出語音無線耳機!收錄雙角色互動模式、費倫會說「好小」

《葬送的芙莉蓮》推出語音無線耳機!收錄雙角色互動模式、費倫會說「好小」

電玩業玩不動!Sony全球遊戲部門裁員900人 《最後生還者》工作室受影響

電玩業玩不動!Sony全球遊戲部門裁員900人 《最後生還者》工作室受影響

Steam紳夜怪談《深甜之戒》操度鬼怪膽大還不夠 女鬼為了男優爬回電視裡

Steam紳夜怪談《深甜之戒》操度鬼怪膽大還不夠 女鬼為了男優爬回電視裡

FF42攤位公告「禁止拍攝」仍有人踩線...杏仁咪嚕開噴:一場FF直接中風

FF42攤位公告「禁止拍攝」仍有人踩線...杏仁咪嚕開噴:一場FF直接中風

《電馭叛客:邊緣行者》夜間泳池主題周邊公開 香噴噴露西、蕾貝卡婆爆啦

《電馭叛客:邊緣行者》夜間泳池主題周邊公開 香噴噴露西、蕾貝卡婆爆啦

仁王團隊新作《浪人崛起》揭多種武器介紹 「葦名劍法」搭配火藥桶不講武德

仁王團隊新作《浪人崛起》揭多種武器介紹 「葦名劍法」搭配火藥桶不講武德

Coser扮《原神》胡桃在文昌廟拍照喊「全落榜」遭炎上 同行怒噴:別招黑

Coser扮《原神》胡桃在文昌廟拍照喊「全落榜」遭炎上 同行怒噴:別招黑

米又抄?《崩壞:星穹鐵道》預告片掀抄襲疑雲 事主大方表態:算是被致敬

米又抄?《崩壞:星穹鐵道》預告片掀抄襲疑雲 事主大方表態:算是被致敬

想看更大膽的?《崩壞:星穹鐵道》各種惡搞廣告...原來這是款Galgame啊

想看更大膽的?《崩壞:星穹鐵道》各種惡搞廣告...原來這是款Galgame啊