介紹

你好！我的名字是 Hira Karmachela a.k.a BABE ODED。在這篇文章中，我將分享在 Clip Studio Paint 上為 tilesets 製作像素藝術樹和森林的技巧。我相信所有閱讀本文的人都非常了解 Clip Studio Paint 相對於其他圖形軟件的優勢。

 

根據我專業使用Clip Studio Paint的經驗，這款軟件已經完全滿足了我繪圖和設計的所有圖形需求。特別是在這個場合，我想展示 Clip Studio Paint 在為遊戲或像素藝術風格的插圖創建資產方面的能力。

 

我希望這篇文章對那些正在尋找在 Clip Studio Paint 上製作像素藝術的技巧的人來說是有趣的技巧。

關於像素藝術圖塊集

像素藝術是數字圖形藝術，是現代數字圖形的先驅。儘管它已經存在了幾十年，但像素藝術是永恆的，並且仍然與當代視覺藝術並存。

像素藝術除了是純藝術之外，通常被用作專門帶有像素或 8 位風格的遊戲資產。在創建像素遊戲資產時，背景通常以概念藝術、插圖和圖塊集的形式創建。

 

在這種情況下，像素藝術非常適合創建圖塊集，圖塊集是每個圖塊元素創建的圖形集合，可以重複使用以生成更廣泛的統一圖像。

#1 設置文件

順便說一句，在這項工作中，我使用的是 Clip Studio Paint for Android 的移動版本。

讓我們開始吧。選擇創建新文件，然後將出現一個彈出對話框。

在製作像素畫時，我通常使用尺寸為 128px x 128px、分辨率為 72dpi 的畫布。此尺寸非常適合創建足夠詳細的圖像，既不會太窄也不會太寬而無法排列像素。

 

在 Clip Studio Paint 上創建像素藝術的下一個重要步驟是設置和顯示“網格”。

轉到視圖菜單 > 網格。

 

您將在畫布上看到網格線。然而，出現的網格並不符合像素藝術的需要。因此我們需要先調整它。

返回查看菜單 > 網格/標尺欄設置...

 

將出現一個對話窗口。將起點設置為中心並將 Gap(D) 設置為 1px。您會看到畫布上的網格線在畫布上形成小方塊

#2 設置配色方案

在開始繪製或繪製像素之前的下一步，我們必須確定將使用的配色方案。理論上，8位遊戲意味著我們使用深度為8位的配色方案，其中1位由兩種顏色組成，所以8位意味著2的8次方等於256種顏色。

 

但是，我建議將顏色數量限制得更窄，以使配色方案與我們想要的細微差別保持一致。

為此，我建議製作您自己的顏色集。單擊底部欄上的“顏色集”圖標，然後單擊“編輯顏色集”圖標。

將出現一個彈出對話框。為您的顏色集指定一個名稱，然後單擊“創建新集”。

現在選擇將進入您的顏色集中的顏色。單擊底部欄中的“色輪”圖標。選擇一種顏色。

再次單擊“顏色集”圖標，然後選擇您創建的顏色集。裡面有一些顏色槽仍然是空的。讓我們將選定的顏色一一填充。單擊其中一個空槽。然後在左下角點擊我們選擇的顏色。然後單擊右側面板底部的“添加顏色”圖標。

從在“色輪”中選擇一種顏色開始執行此步驟，直到您有一個顏色槽填充您選擇的顏色。

#3 平鋪畫布

在遊戲資產創建中，每個元素的大小可以約為 16px x 16px 或 32px x 32px。元素尺寸越小，就越難給人留下印象，因為很難添加細節。

 

為此，我們將創建最小尺寸為 32px x 32px 的元素。為了使像素化過程更容易，讓我們創建一個平鋪基礎層。

單擊左側工具欄中的“矩形”選擇工具。然後勾選“Aspect type”並選擇“Specify length”，這樣我們就可以用固定尺寸進行選擇。不要忘記將“抗鋸齒”設置為禁用（最左邊），這樣像素圖像就不會產生噪點。

將選擇框設置為 32px x 32px。然後點擊畫布進行選擇。

現在使用“填充”工具為選擇框填充顏色。在您的顏色集中選擇深色。

第一個磁貼已創建。重複使用“矩形”選擇工具，然後將選區拖到第一個圖塊旁邊。

選擇另一種顏色來製作第二個瓷磚並填充第二個選擇框。重複此步驟，直到像棋盤一樣用瓷磚填充整個畫布。您可以將該層命名為“基礎”。

#4 為像素藝術設置工具

正如之前在“矩形”選擇工具上設置的那樣，要創建像素藝術，我們需要禁用抗鋸齒功能。抗鋸齒是一種通過添加和操縱周圍樣本像素的顏色使數字圖像對象的邊緣看起來平滑的功能。

您可以在某些工具的屬性面板中設置“抗鋸齒”。例如下面的“圖（線）”工具。

對於主要工具，我們可以使用“鋼筆”工具和“標記和點筆”類型的子工具。這種類型的筆會產生粗細為1px的線條圖，這樣我們就可以輕鬆創建有機像素對象。

當然，我們需要“橡皮擦”工具來擦除作品上不需要的像素。選擇“矢量”類型以擦除像素而不留下痕跡。

在屬性面板中，將畫筆大小設置為 1px，並將“抗鋸齒”設置為禁用。

#5 確定比例和視角

準備工作已完成，現在讓我們開始像素派對吧。我們的目標是為 Forest 創建一個背景或環境，因為我們需要對其中的對象進行比較。

在遊戲中有許多不同的視角。在這種情況下，我們將使用 3/4 自上而下的視圖。這個角度很有吸引力，給人一種 3D 的印象，因為它可以讓我們探索物體的光線和深度。

為了更容易定位視點，我們可以使用原始 3D 材質。

單擊底部欄中的“材料”圖標。然後選擇“3D立方體”，點擊如圖所示的按鈕，將立方體放置在畫布上。

立方體在畫布上後，通過單擊相機圖標調整立方體的角度，如下圖所示。

然後選擇 3/4 自上而下的角度，如下圖所示。

打開圖層面板並選擇圖層“Cube”。長按直到出現選項菜單。滾動並選擇“柵格化”。

接下來，通過單擊底部欄中的圖標使用“自由變換”，將立方體的大小調整為一個瓷磚或大約 10 英寸。 32 像素 x 32 像素。

現在我們開始在 Forest 中繪製簡單的對象。我們從畫草開始。選擇其中一塊瓷磚，然後用您的顏色集中的草基色為其著色。

使用“標記”工具根據您的風格用草線填充草區域。您可以從比草基色更深的顏色開始。

添加另一種較淺的顏色，然後填充在深色草條紋之間。

現在我們可以創建一個以草的比例為基礎的對象。我們從製作灌木植物開始。

使用“標記”工具以您選擇的基色繪製灌木形狀。將大小和角度與草和立方體對象進行比較。

接下來，在形狀頂部添加較淺的顏色以賦予其尺寸感。

之後，您可以使用其他較深的顏色（例如紫色和棕色）作為陰影來添加細節。

#6 畫一棵樹

現在讓我們應用灌木的技巧來畫一棵樹。

 

首先，用底色畫一個樹形。在這個階段，我畫了綠色的葉子和棕色的莖。

接下來，添加較淺的顏色以創建尺寸。使用立方體作為角度指南。

現在樹形看起來更有立體感。添加紫色和棕色等深色作為陰影。然後添加其他顏色以提供細節。

我們的樹快完成了。最後一點，讓樹木與草地背景更加融合。在樹的底部添加草條紋。

#7 構建方塊集

一旦有了草、灌木和樹木對象。我們已經可以構建 tilesets 了。

我們從草地開始。在 9 個圖塊上進行選擇，如下圖所示。

然後用大地底色填充它。

接下來，在新圖層的中間創建一個草地區域，如下圖所示。

像以前一樣在整個草地上繪製一個草紋理。

使用橡皮擦塑造草地區域的邊緣，使其看起來更自然。

接下來，在草地下方添加深色陰影。

用較淺的顏色完成，使土壤更有質感。

接下來，加入所有層來製作這些草地塊。然後選擇左上角第一個 32px x 32px 的圖塊。

單擊底部欄中的“複製”圖標。然後創建一個新層並單擊底部欄中的“粘貼”圖標。現在我們有了一個單獨的草方塊。

對剩餘的 8 個草方塊執行此步驟。

現在我們有 9 個獨立的草塊，可以復制並進一步排列以形成我們想要的環境。

接下來是為灌木和樹木構建 tilesets。兩者的步驟是相同的，所以我將只向您展示如何創建樹圖塊集。

選擇樹層，然後按住直到出現選項菜單。選擇“複製圖層”。

將樹的副本移動到右側的圖塊。然後再次復制樹層。

調整樹的副本，使其在每個圖塊上的位置相同（注意像素的每個部分）。

現在，我們有了集群樹。打開圖層面板。然後通過單擊如下圖標合併複製樹層。

接下來，我們將這個樹簇分成三個獨立的圖塊。使用 32px x 32px 矩形選區選擇樹簇的中心。

單擊底部欄上的“複製”按鈕。轉到圖層面板並創建一個新圖層。單擊底部欄中的“粘貼”按鈕，我們就有了一個從集群中分離出來的樹塊。

對剩下的兩個圖塊執行相同的操作，直到我們擁有三個獨立的樹圖塊。

#8 鋪設瓷磚集

現在讓我們嘗試安排我們創建的 tilesets，使其成為森林環境。方法很簡單，我們只需要復制我們需要的tile層即可。

然後將瓷磚放置在特定位置，使它們相互連接並形成環境。

將所有草地磚放在底層。

對我們需要的每個圖塊元素重複此步驟。將灌木叢和所有樹塊保持在草層之上。

現在讓我們看看什麼時候所有的層都被解鎖，所有的方塊都連接起來形成森林環境。

#9 導出和發布圖像

我們的工作已經完成，現在我們可以導出和發布它了。但我們首先需要注意的是，圖片大小目前只有 128px x 128px，太小了，無法發布。

因此，我們必須首先在不破壞像素質量的情況下調整圖像大小。

轉到編輯菜單>（滾動）更改圖像分辨率...

將出現一個彈出對話框。將圖像大小調整為 1080px x 1080px 或您需要的大小。然後在插值方法部分選擇“硬邊”來保持像素的質量，這樣它們就不會產生噪音。

圖像將被放大，您將在圖像中獲得更多像素。

現在讓我們將圖像導出為 PNG 以便於在各種數字平台或應用程序上查看。

轉到文件菜單 > 導出（單層）。

然後選擇PNG作為導出結果。如果您不打算添加其他導出設置，請同意所有現有設置。

導出文件已保存在您的手機存儲中。

Clip Studio Paint 移動版最有趣的是，我們可以通過簡單的步驟立即將我們的作品發佈到社交媒體上。

轉到文件菜單 > 快速共享...

將出現一個彈出對話框。然後選擇我們將發布作品的社交媒體。這次我選擇了 Twitter。

系統將連接並打開 Twitter 應用程序以創建一條新推文並附上我們的作品。

好的！這就是我所能分享的。希望它有用，請支持我提出更多提示。