0.簡介

使用新推出的對齊/分佈工具，您可以快速準確地定位對象並使它們相互間隔。本指南將為您提供七種不同使用場景的完整步驟，在這些場景中使用此工具將簡化您的工作流程並為您提供井井有條的結果。

 

1. 了解工具

在討論用例之前，我們需要了解該工具的工作原理。在這裡我將詳細說明如何訪問工具選項板以及其各個部分的功能。

 

1.1.打開對齊/分佈調色板

要訪問對齊/分佈調色板，您需要使用 Clip Studio Paint 2.0 版。

 

轉到 [Window] 並向下滾動到 [Align/Distribute] 選項並單擊它。

 

這將打開對齊/分佈工具面板。

 

1.2.選擇圖層或矢量元素

了解如何更快地選擇對象和圖層將簡化您的對齊/分佈過程。以下是在對元素應用對齊和分佈操作時選擇元素的四種主要方式。

 

1. 從圖層面板或使用[對象]工具選擇需要的圖層。對於圖層面板，只需勾選所有要對齊和分佈的圖層。

 

2、使用【對象】工具選擇圖層時，點擊對象，對象所在的圖層就會被選中。按住 Shift 鍵以這種方式將更多圖層添加到您的選擇中。

 

3. 您還可以通過單擊透明區域並拖動要選擇圖層的對象來更快地進行選擇。為此，請轉到 [對象] 工具的工具面板，然後轉到其 [透明部分操作] 菜單。

 

勾選【拖動選擇區域】，在子選項中選擇【圖層】。

 

 

4. 對於在矢量圖層內部工作，您可以單獨選擇選擇或不選擇層內的各種元素並對齊和分佈它們。

 

要像這樣選擇，在[對象]工具面板的[透明部分操作]菜單中將[通過拖動選擇區域]設置更改為[該層中的對象]。

 

如果您只選擇圖層，所有圖層元素將作為一個整體移動，就像柵格圖層一樣。

 

1.3.對齊和分佈之間的區別

[Align] 選項位於 Align/Distribute 調色板的第二部分，而 [Distribute] 選項位於第三部分。

 

[對齊]：

 

[對齊] 沿直線排列對象，使每個選定對象的一側、邊緣或中心接觸這條不可見或可見的線。這些元素可能重疊或它們之間的間距不均勻。

 

以下是工具面板中從左到右的六個對齊選項：

 

1. [左邊緣對齊]：使用此選項，我們可以將所有選中的對像或圖層的左邊緣沿一條直線對齊。

 

 

2、【水平居中對齊】：使用該選項，所有選中的對像或圖層的水平居中沿一條直線對齊。

 

 

3. [對齊右邊緣]：此選項將所選對像或圖層的右邊緣沿直線對齊。

 

 

4. [Align top edges]：使用此選項，所選對像或圖層的頂部邊緣沿直線排列。

 

 

5. [對齊垂直中心]：此選項對齊所選對像或圖層的垂直中心。

 

 

6. [對齊底部邊緣]：使用此選項，您可以對齊所選對像或圖層的底部邊緣。

 

[分發]：

 

[Distribute] 將在允許的區域中分隔元素。根據對象的邊緣或中心，所有選定對象的間距將相等。

 

例如，如果我分配左邊緣，則第一個和第二個對象的左邊緣之間的距離將等於第二個和第三個對象的左邊緣之間的距離，依此類推。

 

注意：您需要選擇至少三個對像或圖層才能使用 [分佈] 選項。

 

以下是從左到右的六個分佈選項：

 

1. [分佈頂邊]：此選項分隔對像或圖層，使它們的頂邊之間的距離相等。

 

 

2. [分佈垂直中心]：使用此選項，您可以使所選對像或圖層的垂直中心之間的距離相等。

 

 

3. [分佈底部邊緣]：使用此選項，對像或圖層的底部邊緣變得等距。

 

4. [分佈左邊緣]：此選項在所選對像或圖層的左邊緣之間創建相等的距離。

 

 

5. [水平中心分佈]：使用該選項，所選對像或圖層的水平中心之間的間距變得相等。

 

 

6. [分佈右邊緣]：使用此選項，您可以分佈選定的對像或圖層，使它們的右邊緣之間的距離相等。

 

 

如果您的對像大小不同，您可能會注意到對象之間的空白空間不相等。我們將在下面的部分中解決這種情況。

 

1.4.分佈與均勻分佈的區別

[分佈] 根據對象的坐標（例如它們的邊緣或中心）將對象隔開。因此，對象的大小會影響它們之間的視覺空白空間。

 

較大的物體看起來離它旁邊的物體更近，而較小的物體看起來離它旁邊的物體更遠（紫色箭頭），即使分佈是相等的（紅色箭頭）。

 

為了均勻分佈對象之間的空白而不關心它們的大小，我們需要使用[均勻分佈]。它是 [對齊/分佈] 面板中的第四部分。

 

[均勻分佈] 在對象的起點和終點之間創建相等的間距，並將它們分佈在允許的區域中。

 

以下是兩個 [均勻分佈] 選項：

 

1. [分佈垂直間距]：使用此選項可使對象之間的垂直間距相等。

 

 

2. [分佈水平間距]：使用此選項可使對象之間的水平間距相等。

 

有時，允許的區域太小，以至於分配後對象之間沒有空白。在這種情況下，對像兩端和起點之間的負距離相等。

 

1.5.選擇對齊基準

對齊基礎是您允許對齊和分佈的區域。對像在該區域內對齊和分佈。這可以是整個畫布或由參考線或選擇定義的區域。

 

[Alignment base] 是 [Align/Distribute] 面板中的第一部分。

 

它的選項從左到右依次為：

 

1、【對齊對象】：使用該選項時，對齊分佈發生在選中對象覆蓋的區域內。當您應用各種對齊/分佈選項時，該區域可能會發生變化。

 

 

2. [畫布]：使用此選項，對像對齊並分佈在整個畫布上。

 

 

3、【選區】：可以使用【選區】工具進行選區，對象的對齊分佈將停留在該區域內（如果不進行選區，則被選對象覆蓋的區域為選區） ).

 

4、【Guide】：配合該選項可以使用guides來約束對齊分佈時所覆蓋的區域。在沒有導向的邊上，最遠物體的邊緣將決定允許區域的邊緣。

 

5. [自動]：此選項考慮上下文。如果任何參考線處於活動狀態，它將根據 [Guide] 對齊。

 

如果選中多個對象，則按照【對齊對象】進行對齊。如果有選區，它將與 [選區] 對齊，如果沒有選區或多個對象且沒有參考線，則它將與 [畫布] 對齊。

 

用途 1：捕捉到復雜圖案的中心

除了對象的簡單對齊和分佈之外，您還可以使用此工具從更簡單的元素創建複雜的圖案。

 

首先，創建主題元素。它們的大小最好不同。製作完成後，選擇所有圖層。

 

現在，單擊 [Align horizontal centers]，然後單擊 [Align vertical centers]，反之亦然。這會將每個元素的中心與畫布或選定區域的中心對齊，由此產生的重疊將創建一個複雜的圖案。

 

您還可以通過更改圖層順序來嘗試不同的主題變體。

 

您還可以使用此方法將單個對象精確地捕捉到畫布的中心或特定區域。

 

用途 2：畫筆創建調整

創建新畫筆時，您可以精確對齊和分佈畫筆筆尖的元素，而無需注視事物。

 

對齊/分佈還可以幫助您快速試驗畫筆的多種變化。

 

注意：有關創建畫筆的完整步驟，您可以參考以下我之前的技巧之一的第 3 節：

 

用途 3：對齊文本（和 [與文本像素對齊]）

使用對齊/分佈工具可以非常輕鬆地對齊不同圖層中的文本。例如，在處理縮略圖時，我可以快速嘗試對齊文本和在我選擇的文本區域內分配間距的選項（使用對齊基礎 [Selection area] ）。

 

對齊到文本像素：

 

您可能會注意到，有時文本不會完全對齊（在不同大小的文本中尤其明顯）。

 

要解決此問題，請選中 [對齊/分佈] 面板中的 [與文本像素對齊]，它將消除任何不需要的文本與精確對齊的偏差。

 

用途四：對角線分佈

如果您想沿對角線分佈對象，使用對齊/分佈工具非常容易。

 

首先，選擇所有對像或圖層，然後單擊 [對齊左邊緣] 和 [對齊頂邊緣]。

 

然後選擇[分佈垂直間距]和[分佈水平間距]，反之亦然。這會將您的對象分佈在均勻間隔的對角線上。

 

最低層中的對象將從左上角開始向下對角線。上面圖層中的對象將按照圖層順序繼續向下對角線，直到頂層對像在右下角結束對角線。

 

通過重新排列圖層並重複上述步驟，您可以調整對像在對角線分佈中的位置。

 

用途 5：創建模式

讓我們創建一個簡單的模式。要使用對齊/分佈創建圖案，首先將圖案元素或圖案放置在其大致位置，每個元素都在其自己的層中。在工具選項板中將[Alignment base]設置為[Alignment object]。

 

選擇【對象】工具，在其工具屬性面板中選擇【透明區域操作】。勾選【拖動選擇區域】，在子選項中選擇【圖層】。

 

然後拖過第一行以選擇行對象所在的圖層。用【垂直居中對齊】對齊行，然後點擊【分佈水平間距】，將行對象均勻間隔開。

 

重複其他行。

 

同樣，在使用 [對象] 工具選擇列對像後，使用 [對齊水平中心] 和 [分佈水平間距] 分別對齊和分佈每個列。

 

現在我們的圖案對齊並均勻分佈，但它沒有與畫布居中對齊。要移動整個圖案，我們會將元素層分組到一個新文件夾中。為此，選擇圖層，單擊鼠標右鍵，然後選擇 [創建文件夾並插入圖層]。

 

提示：如果您在矢量圖層內部工作，請選擇矢量圖層而不是其中的對象。

 

 

選中圖案文件夾後，將【Alignment base】改為【Canvas】。然後，單擊[對齊垂直中心]和[對齊水平中心]。

 

您的圖案現已完成並與您的畫布居中對齊！

 

用途 6：製作 Sprite 表

Sprite 表通常用於角色或對象的遊戲動畫。將它們完美對齊非常重要，否則可能會弄亂您的動畫。

 

儘管精靈表可能需要根據創建的運動進行一些自定義對齊調整，但對齊/分佈可以幫助您更快地獲得最終結果。

 

讓我們看看如何借助對齊/分佈工具快速創建精確的精靈表。我將使用精靈表演示心臟展開動畫的步驟：

 

第 1 步：通過轉到 [View] 然後 [Grid] 打開網格。接下來，從 [View] 菜單中打開 [Grid/Ruler Settings]。

 

調整 [Gap] 像素，使最大的圖像可以放入輪廓較重的較大網格單元之一。

 

第 2 步：在您想要的大致位置為您的精靈劃線，每個精靈都在自己的單元格中。

 

STEP 3：將【對齊基準】設置為【選擇區域】。用矩形【選擇區域】工具選中第一行覆蓋的區域（保持頂部圖標行中的【對齊網格】開啟），然後用【對象】工具選中該行的精靈對象。

 

單擊[對齊/分佈]面板中的[對齊底部邊緣]（或[對齊垂直中心]，取決於您的需要）。

 

對所有其他行重複此操作。

 

第 4 步：現在我們需要對齊所有精靈的水平中心。我們將首先使用我們的 [選擇區域] 工具和活動的 [對齊網格] 選擇第一列所覆蓋的區域。

 

然後，用[對象]工具選中第一列的所有精靈，點擊[對齊/分佈]面板中的[水平居中對齊]。

 

對所有其他精靈表列重複。

 

您的 sprites 表的主要對齊現已完成。對於我的 sprite 表，各個 sprite 的大小和形狀變化太大，心形尖端無法完美對齊。借助網格的視覺輔助和 [對象] 工具，我將調整心形提示，使它們始終落在一個點上。

 

很明顯，由於對齊/分佈工具的幫助，我只需要對對齊的精靈表進行微小的調整，而不是嘗試從頭開始手動對齊。

 

用途 7：製作包含對齊組件的對象（和 [對齊矢量路徑]）

在繪製（尤其是場景和背景）時，我們會遇到由對齊或均勻分佈的元素組成的對象。它可以是大門、柵欄、櫥櫃、相框、牛眼等。

 

對齊/分佈是在這種情況下使用的完美工具。例如，我正在繪製一個烤雙門。首先，我想知道兩個門相交的雙門中心。為此，我使用了使用 1 中討論的“對齊中心”方法。

 

對於烤架，我在一個新層中繪製了一個烤架單元，並將該層複製粘貼大約十五次。現在我使用對象工具選擇圖層。使用 [選擇區域] 工具，我選擇了其中一個門的區域。

 

[Alignment base]設置為[Selection Area]，點擊[Distribute horizontal spacing]。

 

對齊矢量路徑：

 

烤架分佈均勻，但兩端有不應該有的空白。如果您正在使用矢量圖層，則可能會發生這種情況，您可以通過在 [Align/Distribute] 面板中選擇 [Align to vector paths] 輕鬆糾正它。

 

現在我再次選擇[分佈水平間距]，門的格柵已經完美地分佈在整個選擇區域。

 

圖層仍然處於選中狀態，所以我右鍵單擊其中一個並選擇[合併所選圖層]，這樣完整的燒烤就在一個圖層中，而不是分散在多個圖層中。

 

複製另一扇門的格柵層，進行一些設計調整，並變換一扇門的視角後，最終結果如下：

 

最後的想法

這就是本教程的全部內容。我希望本文能幫助您充分利用這一令人印象深刻的新對齊/分佈功能及其廣泛的使用可能性。

 

感謝您閱讀。如果您有任何問題或意見，請隨時告訴我！