親愛的網友:
為確保您享有最佳的瀏覽體驗,建議您提升您的 IE 瀏覽器至最新版本,感謝您的配合。

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

2020-04-24 16:59遊戲角落 朱家安

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

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


「我的設計」為什麼好玩

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

動物森友會朱家安
分享給好友加入udn

同類好文

聯盟戰棋/場場凱爾龍王不膩嗎?11.3 教你用「歐拉夫」...

聯盟戰棋/吸得你心裡發寒!11.3 冷門偷分陣容推薦:...

《鬼谷八荒》修仙者必學12點小知識,輕鬆登上具靈境!

聯盟戰棋/3 費卡當主力!11.3 強勢中速陣推薦:戰國...

聯盟戰棋/11.2b 強勢陣容推薦「仙靈求道凱爾」搧到別...

LOL/新英雄「維爾戈」點評:影響力超乎想像,真不愧是王...

聯盟戰棋/上分沒煩惱!11.2 強勢賭狗陣推薦「綻華刺、...

聯盟戰棋/S4.5 美服高端爬分首選「神盾剎雅」又坦又有...

《最後的克勞迪亞》拓荒必備!「無詠唱」冰之軍師傑克斯培養...

《英雄聯盟:激鬥峽谷》爬分七大重點:遊戲心態建立,細節成...

聯盟戰棋/黑大大「戰棋小學堂」進階擺位教學:善用英雄特性...

聯盟戰棋/黑大大「戰棋小學堂」基礎擺位教學:成為陣鬼從此...

獵奇成人BL《神學校 - Noli me tangere...

《英雄聯盟:激鬥峽谷》1.11版本環境分析&各路線英雄改...

聯盟戰棋/黑大大「戰棋小學堂」營運心法:洞悉經濟與血量的...

給酷接Q!《英雄聯盟:激鬥峽谷》李星英雄應用&接招技巧教...

LOL/新英雄「銳兒」點評:坦度沒話說,但離輔助三本柱還...

聯盟戰棋/神木崛起!10.25 版本分析&推薦陣容「拚多...

《英雄聯盟:激鬥峽谷》伊澤瑞爾出裝、操作技巧教學 小水槍...

《英雄聯盟:激鬥峽谷》玩法機制大解析:老玩家看完都能快速...

聯盟戰棋/黑大大「戰棋小學堂」:必抓打工角&天選者評分懶...

聯盟戰棋/10.24衝分必備:六大強勢陣容營運&出裝推薦

爐石/G9推薦《暗月馬戲團:古神也瘋狂》全職業24牌組抄...

聯盟戰棋/掌握10.24上分關鍵:版本Meta分析&強勢...

聯盟戰棋/10.23營運細節分析:天選者選擇、轉陣時機&...

LOL/好裝備不出嗎?高CP值傳說道具簡評&適用英雄推薦

聯盟戰棋/10.23版本單卡簡評&推薦陣容「決鬥者趙信」...

LOL/裝備該選哪件好?23件神話道具簡評&適用英雄推薦

《A3: STILL ALIVE 倖存者》不可或缺的存在...

《A3: STILL ALIVE 倖存者》特色模式:公平...

LOL/新英雄「瑟菈紛」點評:團戰可塑性高,索娜地位備受...

聯盟戰棋/10.22向上爬分必學實戰觀念:強勢陣容、裝備...

聯盟戰棋/不只有阿璃能玩!10.22「獵手體系」教學 讓...

聯盟戰棋/反曲弓通通都給我!10.21「四忍體系」營運分...

聯盟戰棋/電刀滋滋滋!10.21人人都在玩「仙靈閃電狼」...

聯盟戰棋/體驗瞬發秒殺快感!10.20大勢陣容推薦:「神...

聯盟戰棋/玩膩綻華雙雄了嗎?10.20忍刺教學&其他賭狗...

聯盟戰棋/10.20強勢爬分三大陣容推薦:太神射、綻華月...

LOL/新英雄「煞蜜拉」點評:夢幻般的技能組,其他射手要...

聯盟戰棋/10.19「先鋒秘術」進階營運心法:強勢單卡、...

火熱排行

紳士向/歐美日系黃遊《第三次危機》 同人王道RPG的精髓...

紳士向/改造黃遊巔峰《CrossinG KnighTMa...

等不到暗黑4? 刷寶RPG《Chronicon》 一起體...

Steam極度好評《狂野星球之旅》ㄎㄧㄤ到不行的異星探索...

聯盟戰棋/場場凱爾龍王不膩嗎?11.3 教你用「歐拉夫」...

泰國恐怖遊戲《甜蜜之家》將推出1v4鬼抓人新作 在殺鬼與...

聯盟戰棋/11.4懶人包:「天選者機制」重大改動,黛安娜...

聯盟戰棋/3 費卡當主力!11.3 強勢中速陣推薦:戰國...

聯盟戰棋/吸得你心裡發寒!11.3 冷門偷分陣容推薦:...

《鬼谷八荒》修仙者必學12點小知識,輕鬆登上具靈境!

多人競技新作《躲避球特攻隊》以城市為主場的死鬥 沒有球還...

Steam壓倒性好評《Valheim》開放世界隨心探索 ...

紳士向/蘿莉踩地雷《踩雷冒險譚X~露露姆的冒險~》 台製...

聯盟戰棋/11.2b 強勢陣容推薦「仙靈求道凱爾」搧到別...

Steam極度好評《鬼谷八荒》凡人羽化登仙的秘訣?先肝了...

聯盟戰棋/上分沒煩惱!11.2 強勢賭狗陣推薦「綻華刺、...

《瘋狂計程車》精神續作《混亂計程車》每人心中的夢幻小黃要...

Steam壓倒性好評《A Short Hike》打打殺殺...

聯盟戰棋/11.3懶人包:一費卡加強,蜘蛛火人撥雲見日

太空探索傑作《天外荒原》 遊盪異星拼湊線索,生死輪迴拯救...

合作冒險《雙人成行》婚姻危機的夫妻在女兒助攻下穿越到異世...

中國2D驚悚解謎《煙火》心得:探索人性、迷信與自由的小品...

《Sapper》第一人稱拆彈模擬遊戲 考驗玩家搜索能力與...

國產卡牌對戰《撒旦的教義》試玩 4X4戰場的策略互鬥

Steam極度好評《全網公敵》正式版心得:窺探隱私挖掘事...

《靈媒The Medium》心得:遊走於陰陽兩界 體驗9...

2D動作冒險《卡爾傳說》Steam搶先體驗 為救姐姐闖蕩...

LOL/新英雄「維爾戈」點評:影響力超乎想像,真不愧是王...

Steam克蘇魯恐怖遊戲《The Shore》在SAN值...

砍殺動作RPG《巴托拉:失落的天堂》在身心二元境界自由切...

Steam壓倒性好評《Ender Lilies》看蘿莉淨...

《The Pathless》貫徹禪意的跑酷冒險:無處為路...

乙女向/《創世的公主》禁忌誕生之猛毒少女在大英帝國的虐戀...

麥塊桌遊《Minecraft: Builders & B...

Steam黑暗冒險新作《黑色之書》深入俄國民間傳說 化身...

末日開放世界《Biomutant》發售日確定 汙染環境下...

《MAD RAT DEAD》 跟著節拍跑跳碰!帶著小白鼠...

評測/成為名偵探 《福爾摩斯:罪與罰》姍姍來遲的中文版

國產新作《棄海:波弟大冒險》試玩:操作生化劍魚闖盪「海底...

爐石/《拉斯塔哈大混戰》點評:聖騎 — BZ強推法術b...

留言