在本文中，我將向您展示如何使用Clip Studio Paint為遊戲創建圖形（精靈）。

 

這將是一個由三部分組成的系列。

 

[第1部分]我將解釋我的過程，僅使用Clip Studio Paint為移動遊戲原型創建動畫準備精靈。

 

[第2部分]我將專注於動畫 - 提供一個可靠的工作流程，使用剪切樣式方法為序列設置動畫，並引入軟件中現有的新插值功能。

 

[第3部分]將專門用於導出以及您可以用來加速創建不同資產的一些提示和技巧。

 

 

我們開始做吧。

 

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

 

規劃你的步驟

首先：在為遊戲開發創建資產時，考慮最終顯示輸出非常重要。

 

我強烈建議您花一些時間研究或簡單地與您的團隊（首席藝術家，製作人或程序員）討論創建圖形的最佳屏幕比例和分辨率。

 

[ 根據經驗： ]

 

• 矢量藝術總是首選，但它是一個較慢的過程。

如果您的遊戲風格支持這種創建方法，請在矢量模式下創建大部分圖形。

 

 

• 光柵/位圖圖形製作速度更快，但如果您需要在完成藝術後提高分辨率，則可能會出現縮放問題。

 

嘗試以最小分辨率的兩倍創建您的資產;始終擁有更高分辨率的精靈。

 

對於這個項目，我將以位圖/光柵模式創建資源。

 

為了獲得最適合創建藝術作品的圖像尺寸的參考點，我快速研究了我希望遊戲可以發布的平台的常見屏幕分辨率。

 

我從研究中得到了兩個關鍵信息：

 

一個。最大屏幕分辨率為2224像素（藍色區域）;

 

灣為了確保遊戲可以在移動設備和平板電腦設備上運行，我需要將我的重要圖形放在接近1080像素（紅色區域）的中心。

創建畫板

考慮到之前的信息，我創建了一個藝術板，其中包含此遊戲模型的所有圖形。通過這種方式，我可以更好地了解遊戲，並且在生產過程中更容易保持一致性（因為您可以批量處理）。

//關於此圖片：我將素描本中的概念導入到藝術板中，並立即開始繪製粗略的圖紙。將所有圖形放在同一個文件中有助於檢查它們之間的關係（大小和顏色）。

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

 

在本系列的後面，我將在這些精靈上使用動畫的剪切方法 - 而不是通常在Clip Studio Paint中常見的手繪，逐幀方法。

 

為了實現這一點，我必須繪製並隔離將要移動的每個部分。

在此階段，如果必須處理每個對象的所有不同圖層（線條，顏色，陰影），則您的過程將變得非常麻煩。

 

這裡的一個建議是[專注於創建/製作並讓組織稍後離開]。

 

在這個例子中，下面創建的所有圖形都像是一個單獨的圖形：一個用於線條的圖層，另一個用於平面顏色，陰影等等...

 

//關於此圖片：在我的藝術板中，我的所有圖形共享相同的圖層結構 - 如果我嘗試同時創建和組織，我的創作過程將會被破壞。

 組織和出口件

Clip Studio Paint具有非常智能的功能，您可以從多個選定的圖層中操作（移動，複製/剪切/粘貼和清除像素），只要：

 

（A）它們在Layer堆棧上被選中;

（B）他們都是通過圖層組選出的;

//關於此圖像：在Clip Studio Paint中，您可以選擇並影響多個選定圖層的像素。這是一個非常有用的功能，無需合併圖層即可修改圖形的各個部分。

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

 

現在讓我們正確導出精靈的每個部分，以便您可以使用它在Clip Studio Paint中創建剪切動畫和/或創建可以在不同動畫工具（Spine，Spriter，Unity）中使用的Atlas圖像。

//關於此圖片：Atlas是一個包含多個精靈的大圖像 - 這減少了內存消耗，因為設備只需要加載（調用）包含您將在遊戲或角色中使用的所有精靈的單個圖像。

我嘗試了很多方法來加快導出過程。以下是我認為是完成此任務的最有效方法的步驟序列：

[ 步驟1。]

 

在圖層堆棧上，選擇用於創建圖形的所有圖層（線條，顏色，陰影等）。接下來，使用套索工具選擇要在Sprite上轉換的區域（在本例中，我將只導出Girl的頭部）

 

[ 第2步。]

 

選擇激活後，轉到編輯 - 複製（或CTRL + C）然後文件 - 從剪貼板創建新

[第3步]

 

創建一個新文件，其中包含一個sprite和文件的結構（對於將來的編輯很有用） - 現在關閉PAPER LAYER的可見性，以便sprite具有透明背景。

 

//重要提示：注意精靈如何精確地包含在矩形內;周圍沒有多餘的空間。在為引擎輸出精靈時，這是一個很好的做法。

[ 第4步。]

 

現在您可以將精靈導出到新文件;轉到文件 - 導出（單層）並選擇PNG。

[步驟5.]

 

相應地命名你的精靈總是好的。對於這個項目，我將使用以下內容命名角色的部分：GIRL_（BodyPart的名稱）.png

[步驟6.]

 

此PNG導出對話框非常有用，因為您可以在不更改原始圖像的情況下調整圖形的大小;讓我們說程序員需要角色在遊戲中的一半大小。您可以輕鬆導出圖像，將SCALE RATIO上的值更改為50％（例如）

而且你已經完成了......

 

......對於這個第一個精靈。 :(

 

很高興，有一種方法可以加快Clip Studio Paint中的這個過程。

 

[您可以使用自動操作（宏）自動執行此序列。]

 

我創建了，我將與你分享這個動作;請參閱本文的腳註以獲取下載鏈接。

要導入此操作，請轉到AUTO ACTION子工具並選擇IMPORT SET;您可以稍後將其複製或移動到默認的自動操作集。

 

返回到您想要導出到精靈的藝術板，[選擇圖像的某個區域]，然後單擊小按鈕。

 

在臨時文件自動關閉之前，Action將詢問名稱和大小。

對圖像的所有部分重複此過程。在這個例子中，我擁有了“裝配”和動畫角色所需的所有部分。

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

 

而已。

 

在下面的文章中，我將向您展示如何使用剪切動畫方法在Clip Studio Paint中[Animate]這個精靈。

 

這是一種非常有效的工作方法，您可以使用它來創建遊戲序列或在項目中使用的各種類型的動畫（Twitch和Youtube圖形，社交媒體的Gif，例如）。

 

下載材料