介紹

在本教程中，我將解釋我為2D視頻遊戲創建藝術的方法，該方法在英語中以及通常在視頻遊戲開發者社區中用在Unity或類似應用中的英文稱為“ 2D資產”或“ sprite”。

特別是我將專注於側視視頻遊戲或“側捲軸”的藝術，例如“ Ori and the Blind Forest”，“ Hollow Knight”或“ Monster Boy”，尤其是我提到這些是因為我不會使用像素藝術，我只會使用普通的數字藝術。

我將逐步講解如何從平台，裝飾品和背景進行創建，以及它們如何相互融合，以一種有凝聚力的自然方式創建不同的關卡或場景，並準備將它們導入Unity或類似遊戲的引擎。

Clip Studio Paint具有非常舒適的工具，例如[對稱規則]，可以幫助我快速執行此類工作。

 

在開始之前

在開始繪畫之前，我們必須考慮資產的分辨率。

儘管沒有關於資產分辨率的大小的特定規則，但是我們可以考慮一些參數：

-如果我們要為PC創建資產，則當今最常見的分辨率是“全高清”（1920×1080 px）或1280×720。儘管還有4K顯示器和其他型號。

-對於手機，分辨率差異很大，有些手機使用720p，有些甚至可以達到4k。

-我的建議是調查您將在哪個平台上創建資產並根據該平台選擇解決方案。

在本教程中，我們將重點介紹最常見的分辨率1080p。

想到這個主意

如果您正在使用本教程來練習視頻遊戲藝術，那麼考慮一下您想要創建的內容將是一個好主意。就我而言，我將創建一個充滿植被的森林，一個古老的森林，到那裡迷路，有岩石和奇特的植物：

 

在開始形象化構思之前，讓我們先創建一些草圖。

1-地面/平台

首先要開始創建角色將行走或傾斜的地面和平台。首先，我們將創建一個綠草地，其葉子具有不同的顏色，這將是一個“資產”，將來我們可以對其進行修改和編輯，以創建更多彼此相似的“資產”。

 

1-我們畫了一個草概念的小草圖，非常簡單，沒什麼

複雜。

2-在較低的圖層上，我們繪製綠色的基礎。

3-刪除草圖圖層，並繪製幾種微妙的綠色陰影。

4-我們開始用不同顏色的紙張添加細節。

5-最後，我們添加一個黑色的葉子的小剪影。

快速水平土壤測試：

進行測試，看看您的草藥是否相互結合。黑紙將幫助我們，以便資產可以混合在一起。

 

1-選擇您的草並複制。

2-以或多或少結合的方式加入他們。

3-繼續添加草塊，直到獲得均勻的水平土壤為止，並且

最後用黑色填充底部。

如您所見，它看起來不錯，具有足夠的樣式和個性！

現在讓我們看看如何使它不那麼重複。

土壤品種：

儘管我們的土地資產運作良好，但我們總是可以快速添加一些品種。

技術1：

我們可以通過按[control + U]並修改[Tone]滑塊來改變顏色。

如您所見，黑色保持黑色，但其他顏色改變。這可以幫助我們非常輕鬆地創建資產和設置的不同變體，而無需從頭開始創建新資產。

技術2：

我們可以使用原始藥草資產進行變化，對其進行修改並創建更大的資產，這些資產會佔用更多的面積，並且重複性較小。

 

1-拿起你的草，複製它。

2-以或多或少結合的方式加入他們。

3-現在，我們將嘗試在中間和其他顏色中添加更多的葉子以添加更多的品種。

如您所見，儘管最終結果非常專業，但是這項技術需要花費更多時間，現在我們有了原始資產，有色資產和新的雙重資產。現在我們的土壤將不再重複，而且看起來會更好！

2-牆壁，浮動，水平和垂直平台

一旦有了地板，我們就可以開始考慮牆壁和垂直平台了。對於草藥，我的方法非常簡單。

 

我們複製資產，並使用[自由轉換]控件+ Shift + T工具，根據需要修改資產。

 

我們可以使用水平翻轉來翻轉它，將角度更改為90º以使其垂直，如果需要的話甚至可以是對角線。

這是我的例子。

 

一旦有了變化，您將看到創建不同級別的地形是多麼容易。例如，讓我們製作一個浮動正方形。

 

只需將新修改的資產放在一個正方形中，然後在中間的空白處用黑色填充即可。

如您所見，它非常簡單，並且效果很好。這個正方形可能是您的角色可以持有的浮動平台。

我們不僅可以製作正方形，而且可以根據需要修改這些資產。例如，按照上述相同的技術製作兩個矩形，將小資產和雙資產混合在一起。

現在我們有3個不同的平台！

我們將收集到目前為止已創建的資產。

我要做的一個小技巧如下：

我們複製資產，然後按[control + U]，然後通過修改[Lightness]滑塊，將所有片段轉換為黑色。這些作品將使我們領先於那些有顏色的作品，從而能夠掩蓋錯誤或在前景中創建元素。

現在，有了所有這些資產，我們就可以開始測試小級別了。使用前面步驟中構建的片段，我已經能夠創建此小隧道。

3-裝飾品

現在，我們將創建不同的裝飾，以便我們的舞台/級別更加多樣化和獨特。

 

植物：

 

讓我們開始創建一些植物。

 

1-畫簡單的植物。

2-在草圖線下方添加顏色。

3-以較暗的色調強調並增加陰影以增加音量。

4-最後添加詳細信息。

以下是一些如何使用植物的示例。如果我們使用相同的技巧將它們轉換為黑色，則可以將它們放置在頂層以創建更多細節和深度。這是一種非常簡單的技術，但是卻可以提供非常豐富多彩的結果。

岩石：

 

讓我們創建一些岩石。

 

1-畫簡單的石頭。

2-在草圖線下方添加顏色。就我而言，我使用灰色。

3-一點一點，我們提供細節並添加不同的色調。您可以使用顏色

您已經在植物中使用以更好地結合。

4-添加較暗的色調以在岩石中創造音量。

5-我們複製它們並進行[垂直翻轉]。按下[control + U]，然後通過修改[亮度]滑塊，將所有片段轉換為黑色。

 

6-我們將它們放在一起，並在混合刷的幫助下將兩個部分結合在一起。此過程可能會花費一些時間，請確保它是最佳方法。

以下是一些如何同時使用植物和岩石的示例。

草/丘的岩石：

 

我們將用草創建一些岩石，以增加更多種類。

 

1-畫一堆草。

2-在草圖線下方添加顏色。就我而言，我使用綠色調。

3-一點一點，我們提供細節並添加不同的色調。您可以使用已經在植物上使用過的顏色來更好地匹配。該過程有點複雜，因為它需要一些時間。您可以使用[對稱規則]工具來幫助您更快地創建此資產。

4-完成後，我們添加變體以打破規則的對稱性，因此它不會那麼重複。

現在，我們可以從這塊岩石中創建更大的變化來裝飾開放空間。

我們收集了三個土墩，然後逐步將它們統一起來，直到獲得與上一個土墩相似的新資產。

這是如何使用這些草墩的例子。

列：

 

我們還可以創建一些列，這些列可以阻止角色通過或將角色自身定位在角色之後，以固定浮動平台或僅用作裝飾。

 

1-畫一個有植被的列。

2-在草圖線下方添加顏色。就我而言，我使用與地面綠色色調相同的顏色。

3-一點一點，我們提供細節並添加不同的色調。您可以使用已經在植物上使用過的顏色來更好地匹配。

4-添加黑色輪廓以具有更多種類，以幫助與其他黑色資產組合。 （下面是一個示例。）

我們複製資產，並使用[自由轉換]控件+ Shift + T工具，根據需要修改資產。

我們可以使用[水平翻轉]對其進行翻轉，拉伸或展平以快速創建不同的變化。

這是一個如何將列與其他資產一起使用的示例。如您所見，柱子的黑色非常適合屋頂。

到目前為止創建的資產集合：

讓我們收集所有資產，看看是否需要創建其他東西。

4-額外

由於我的主要想法是創建一片森林，因此我將添加更多的裝飾，也許使用不同的顏色使其與眾不同，因此我們還可以添加某種障礙物，像釘鞋一樣傷害玩家。

 

1-從以前的植物繪製不同的植物。我也畫了串。

2-在草圖線下方添加顏色。就我而言，我使用了一些藍色和黃色調。

3-一點一點，我們提供細節並添加不同的色調。您可以使用植物中已經使用的顏色，以便它們更好地結合在一起，就像以前的資產一樣。

4-我們將繼續完善新的裝飾，直到對最終結果感到滿意為止。

通過這些，我們可以很快做出新的變化。

 

通過多次復制工作表，我們可以將其重新放置以創建一個全新的工廠。 [Free Transformation] Control + Shift + T工具對於此類快速修改非常有用。

使用蕨類植物，我們可以通過按[control + U]並修改[Tone]滑塊來改變顏色。我們也可以使用[自由轉換] Ctrl + Shift + T修改它。

通過多次復制葉子並更改色調和亮度，我們可以創建彼此相似且相互結合的不同植物。

我們也可以對串進行同樣的操作以創建行和牆。

這是使用我們的某些資產和這些新裝飾的示例。

記得玩黑色元素來創造深度和對比度。

5-黑色邊框和最終示例

到目前為止，這就是我創建的所有內容。

我們仍然可以使用更多技巧。例如，我想添加一個包圍我們所有資產的黑色邊框。這是一種相當簡單的技術，可以給人更多一點卡通的感覺。

 

1-單擊圖層縮略圖上的[control + click]。您將看到在我們的資產周圍添加了一個選擇。

2-按[Control + T]進入“縮放/旋轉”模式。您會看到一個帶有不同按鈕和圖標的小菜單。單擊我以黃色突出顯示的圖標，我們將訪問[展開所選區域]，兩個像素就足夠了。

3-我們單擊帶有黑色的[填充]圖標。

 

4-最終結果將是我們的資產帶有黑色邊框。

我們同時處理所有資產，最終結果如下。

這些是我設法使用這些資產為我的視頻遊戲設計的一些方案。如您所見，您可以使用不同的陰影來創建深度。

 

-使用較淺的顏色，可以創建距離。

-使用較深的顏色可以創建親密感。

在此我更改了色調，使它們更藍，只需單擊一下，我們就可以完全改變資產的感覺和外觀。

當心那個深淵！

最後提示

 

-學習為視頻遊戲設計藝術需要大量時間，創造力和奉獻精神，如果一開始情況不佳，不要氣disc。

-正如您在本教程Clip Studio Paint中所看到的那樣，它具有許多有助於創建這些工具的工具。成為該計劃的老師，以充分利用您的時間。

-玩視頻遊戲，觀察它們的藝術，以及創作者如何設計場景，從您最喜歡的遊戲中獲得啟發，嘗試思考他們是如何創建它們的，然後將您在自己的作品中觀察到的內容應用到遊戲中。

 

希望您喜歡本教程，任何問題都可以在下面留言。

謝謝！

毛特