介紹

你好！我的名字是 Hira Karmachela 又名 BABE ODED。在這篇文章中，我將分享在 Clip Studio Paint 上使用 3D 圖元製作城市像素藝術的技巧。我相信所有閱讀這篇文章的人都非常了解 CSP 相對於其他圖形軟件的優勢。

 

根據我專業使用 CSP 的經驗，該軟件完全滿足了我在繪圖和設計方面的所有圖形需求。不僅如此，CSP在製作網絡漫畫、漫畫和動畫方面也非常有能力。這一切都歸功於一個非常活躍的社區在開發此類資產、材料和教程方面的支持。

 

我希望這篇文章對那些正在尋找技巧以在使用 CSP 時提高工作效率的人來說是有趣的提示。

關於城市像素藝術

城市藝術（Urban Art）是一種視覺藝術，從不同的角度和風格描繪城市的氛圍。在這種情況下，我使用像素藝術技術來描繪城市氛圍。

 

我發現製作城市藝術的困難在於確定正確的視角，以免發生不必要的扭曲。幸運的是，CSP 提供了簡單易用的 3D 圖元。

 

這個想法是使用 3D 基元來創建佈局並定義諸如堆疊塊之類的基元。之後，我們可以輕鬆地追踪使用像素畫筆排列的 3D 佈局。

#1 設置文件

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

 

轉到文件 > 新建。然後會出現一個彈出對話框。

在 CSP 上創建像素藝術的下一個重要步驟是設置和顯示“網格”。轉到視圖菜單 > 網格。

您將在畫布上看到網格線。但是，出現的網格不符合像素藝術的需求。因此，我們需要先對其進行調整。返回查看菜單 > 網格/標尺欄設置...

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

#2 添加 3D 基元

一旦畫布準備就緒，就可以將 3D 圖元放到畫布上。您可以在屏幕右側面板的材質部分中找到 3D 圖元。一開始，讓我們將“飛機”拖放到畫布上。

當 3D 圖元放置在畫布上時，它的位置將覆蓋畫布，因此我們必鬚根據需要對其進行調整。單擊 3D 對像下屬性選項卡上的“中心對象”，以便我們可以在畫布的中心看到 3D 對象。

在這種情況下，我希望“平面”與地線平行。使用操作（對象）工具，然後單擊 3D 對象（平面），直到出現坐標線。

 

拉動中間延伸的圓軸，直到物體仰臥與地面平行。

這些 3D 對像上的軸令人驚嘆，並且就像在 3D 軟件中一樣工作。共有三種類型的軸，它們的功能是用於對象轉換。

 

最外面的軸有一個立方體形的箭頭，其功能是縮放對象。第二個軸是圓形線的形式，其功能是旋轉對象。最深的軸有一個錐形箭頭，其功能是移動物體。

您可以重新排列 3D 對象並調整其視角。如果你注意，物體表面有切割線。這稱為線框。可以在屏幕左側窗格的工具屬性 [對象] 的“細分”部分中增加線框的數量。

#3 堆疊 3D 基元

下一步是像塊一樣堆疊 3D 圖元。不要想得太複雜，做一個詳細的安排。一開始您只需要為主要佈局安排立方體或塊。

我把立方體變成了一個方塊，並調整了視角，讓它看起來像一座建築物。通過調整圖層的位置來排列一些塊。

一旦你為背景組裝了一些塊，然後為前景對象重新組裝一些 3D 圖元。例如，我將一些積木和管子串在一起組成一輛汽車。

然後我還將棱鏡安排為桿子和平面作為我們通常在人行道上找到的橫幅板。

其餘的您可以根據需要添加其他 3D 原始序列。在我的工作中，這就是我堆疊 3D 基元的方式，我將這些基元組合起來以創建城市景觀視圖。

#4 將 3D 圖元轉換為光柵圖像

將 3D 圖元堆棧組裝成佈局後，下一步是在 3D 圖元層之上的新層上創建圖像。但是，在這種情況下，我試圖將 3D 原始圖層直接轉換為柵格圖層。

 

選擇 3D 原始圖層之一，然後右鍵單擊 > 柵格化。

轉換的結果在畫布上將如下所示。

在這種情況下，我將利用使用 3D 圖元創建的基本繪圖繼續繪製像素以生成更詳細的圖像。

#5 設置像素藝術工具

我們可以使用多種工具來創建具有特殊設置的像素藝術。第一個工具，我們可以使用“圖形工具”如線條、曲線和形狀工具來創建精確的像素對象。

要使用圖形工具創建像素藝術，我們需要關閉抗鋸齒功能。抗鋸齒是一種通過添加和處理數字圖像對象周圍的樣本像素的顏色來使邊緣看起來平滑的功能。

使用抗鋸齒當然像素藝術不會好看。因此，我們必須在左側的工具屬性面板中禁用此功能。在“抗鋸齒”部分有幾個級別，選擇“無”。

 

 

第二個工具，我們可以使用帶有子工具 Marker 和 Dot Pen 類型的“Pen Tool”。這種類型的筆會產生一個 1px 粗細的線條圖，這樣我們就可以輕鬆地創建有機像素對象。

 

 

第三個工具，我們可以使用“填充工具”輕鬆填充像素字段。選擇引用其他圖層類型，以便我們可以填寫重疊字段，即使它們是不同的圖層。然後在工具屬性中，取消選中“抗鋸齒”和“區域縮放”（此功能幾乎類似於在像素對像上產生噪聲的抗鋸齒）。

 

 

第四個工具，當然，我們需要“橡皮擦工具”來擦除作品上不必要的像素。選擇“矢量”類型以擦除像素而不留下痕跡，在“抗鋸齒”部分有幾個級別，選擇“無”。

 

 

其餘的我們可以根據需要使用其他工具。

#6 繪製像素

現在讓我們來一場像素派對。我們首先開發具有彩色像素的現有佈局。通過使用 3D 圖元的預製佈局，它使像素排列過程更容易創建特定的透視圖。

和上面的例子一樣，我只是按照現有的佈局線繪製像素，形成建築物和人行道作為背景。

畫完背景後，繼續為前面的物體畫像素。通過指定陰影和淺色的顏色來設置配色方案。

#7 渲染

在我們渲染和發布這個動畫之前。讓我提醒您，此動畫的尺寸為 128 像素 x 128 像素。因此，如果我們立即渲染它，我們可以看到的結果就是這個大小。

 

 

為此，我們需要先調整它的大小。轉到編輯 > 更改圖像圖像分辨率。將出現分辨率設置窗口。

 

 

將寬度更改為 1024 像素，將高度更改為 1024 像素。然後將插值方法更改為硬邊。然後在不破壞像素排列的情況下放大圖像。

 

現在，渲染這個圖像。轉到文件>導出（單層）>選擇您需要的文件格式/擴展名。指定存儲目錄。

 

 

我嘗試繼續開發這項工作，直到它變成像下面這樣的動畫。

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