0. 소개

새로 도입된 Align/Distribute Tool을 사용하면 개체를 서로에 대해 빠르고 정확하게 배치하고 간격을 둘 수 있습니다. 이 가이드는 이 도구를 활용하여 작업 흐름을 간소화하고 잘 정리된 결과를 제공하는 7가지 사용 시나리오에 대한 전체 단계를 제공합니다.

 

1. 도구 이해

사용 사례를 논의하기 전에 도구가 어떻게 작동하는지 이해해야 합니다. 여기서는 도구 팔레트에 액세스하는 방법과 다양한 섹션의 기능에 대해 자세히 설명합니다.

 

1.1. 정렬/분배 팔레트 열기

정렬/분배 팔레트에 액세스하려면 CLIP STUDIO PAINT 버전 2.0을 사용해야 합니다.

 

[창]으로 이동하여 [정렬/분배] 옵션까지 아래로 스크롤하여 클릭합니다.

 

이렇게 하면 정렬/분배 도구 팔레트가 열립니다.

 

1.2. 레이어 또는 벡터 요소 선택

개체와 레이어를 더 빠르게 선택하는 방법을 알면 정렬/배포 프로세스가 간소화됩니다. 다음은 요소에 정렬 및 분포 작업을 적용할 때 요소를 선택하는 네 가지 주요 방법입니다.

 

1. 레이어 팔레트 또는 [오브젝트] 도구에서 원하는 레이어를 선택합니다. 레이어 팔레트의 경우 정렬하고 배포하려는 모든 레이어를 선택하기만 하면 됩니다.

 

2. [오브젝트] 도구로 레이어 선택 시 해당 오브젝트를 클릭하면 해당 오브젝트가 있는 레이어가 선택됩니다. 이러한 방식으로 선택 항목에 더 많은 레이어를 추가하려면 Shift 키를 누르십시오.

 

3. 투명 영역을 클릭하고 레이어를 선택하려는 개체 위로 드래그하여 더 빠르게 선택할 수도 있습니다. 이를 위해 [오브젝트] 도구의 도구 팔레트에서 [투명 부분 조작] 메뉴로 이동합니다.

 

[드래그하여 영역 선택]을 체크하고 하위 옵션에서 [레이어]를 선택합니다.

 

 

4. 벡터 레이어 내부에서 작업하려면 레이어 내부의 다양한 요소를 개별적으로 선택하거나 선택하지 않고 정렬 및 배포할 수 있습니다.

 

이와 같이 선택하려면 [오브젝트] 도구 팔레트의 [투명 부분 조작] 메뉴에서 [드래그하여 영역 선택]을 [이 레이어의 오브젝트]로 변경합니다.

 

레이어만 선택하면 래스터 레이어처럼 모든 레이어 요소가 하나의 단위로 이동합니다.

 

1.3. 정렬과 분포의 차이점

[정렬] 옵션은 정렬/분배 팔레트의 두 번째 섹션에 있고 [분배] 옵션은 세 번째 섹션에 있습니다.

 

[맞추다]:

 

[정렬]은 선택한 모든 개체의 한쪽, 가장자리 또는 중심이 보이지 않거나 보이는 선에 닿도록 개체를 직선을 따라 정렬합니다. 요소가 겹치거나 간격이 고르지 않을 수 있습니다.

 

다음은 왼쪽에서 오른쪽으로 도구 팔레트의 6가지 정렬 옵션입니다.

 

1. [왼쪽 가장자리 정렬]: 이 옵션을 사용하면 선택한 모든 개체 또는 레이어의 왼쪽 가장자리를 직선으로 정렬할 수 있습니다.

 

 

2. [가로 가운데 맞춤]: 선택한 모든 오브젝트나 레이어의 가로 가운데를 직선으로 정렬합니다.

 

 

3. [오른쪽 가장자리 정렬]: 선택한 오브젝트나 레이어의 오른쪽 가장자리를 직선으로 정렬합니다.

 

 

4. [위 가장자리 정렬]: 선택한 개체나 레이어의 위쪽 가장자리를 일직선으로 정렬합니다.

 

 

5. [세로 가운데 정렬]: 선택한 오브젝트나 레이어의 세로 가운데를 정렬합니다.

 

 

6. [하단 정렬]: 이 옵션을 사용하면 선택한 오브젝트나 레이어의 하단 가장자리를 정렬할 수 있습니다.

 

[분배하다]:

 

[Distribute]는 허용된 영역에 요소를 배치합니다. 간격은 선택한 모든 개체에서 개체의 가장자리 또는 중심에 따라 동일합니다.

 

예를 들어 왼쪽 가장자리를 분산하면 첫 번째 개체와 두 번째 개체의 왼쪽 가장자리 사이의 거리는 두 번째 개체와 세 번째 개체의 왼쪽 가장자리 사이의 거리와 같습니다.

 

참고: [분배] 옵션을 사용하려면 적어도 세 개 이상의 개체 또는 레이어를 선택해야 합니다.

 

다음은 왼쪽에서 오른쪽으로 6개의 배포 옵션입니다.

 

1. [위 가장자리 분포]: 개체나 레이어의 위쪽 가장자리 사이의 거리가 같아지도록 배치합니다.

 

 

2. [세로 중심 분포]: 이 옵션을 사용하면 선택한 개체나 레이어의 세로 중심 사이의 거리를 같게 할 수 있습니다.

 

 

3. [하단 가장자리 분포]: 이 옵션을 사용하면 개체 또는 레이어의 아래쪽 가장자리가 균일한 간격으로 배치됩니다.

 

4. [왼쪽 가장자리 분포]: 이 옵션은 선택한 개체 또는 레이어의 왼쪽 가장자리 사이에 동일한 거리를 만듭니다.

 

 

5. [가로 중심 분포]: 선택한 오브젝트나 레이어의 가로 중심 간격을 동일하게 합니다.

 

 

6. [오른쪽 가장자리 분포]: 이 옵션을 사용하면 선택한 개체 또는 레이어의 오른쪽 가장자리 사이의 거리가 같아지도록 분포할 수 있습니다.

 

 

개체의 크기가 다른 경우 개체 사이의 공백이 동일하지 않다는 것을 알 수 있습니다. 아래 섹션에서 이 문제를 해결할 것입니다.

 

1.4. 분배와 균등 분배의 차이점

[Distribute]는 가장자리나 중심과 같은 객체의 좌표에 따라 객체를 배치합니다. 이로 인해 개체의 크기는 개체 사이의 시각적 여백에 영향을 미칩니다.

 

분포가 동일하더라도(빨간색 화살표) 큰 물체는 옆에 있는 물체에 더 가깝게 보이고 작은 물체는 옆에 있는 물체에서 더 멀리 보입니다(보라색 화살표).

 

크기에 구애받지 않고 개체 사이의 여백을 고르게 분포시키려면 [균등하게 분포]를 사용해야 합니다. [정렬/배치] 팔레트의 네 번째 섹션입니다.

 

[균등하게 분포]는 개체의 시작과 끝 사이에 동일한 간격을 만들고 허용된 영역에 걸쳐 개체를 배포합니다.

 

다음은 두 가지 [균등하게 분배] 옵션입니다.

 

1. [세로 간격 분산]: 개체 사이의 세로 간격을 동일하게 유지하려면 이 옵션을 사용합니다.

 

 

2. [가로 간격 분산]: 개체 사이의 가로 간격을 균등하게 하려면 이 옵션을 사용합니다.

 

때로는 허용된 영역이 너무 작아 개체가 분산된 후 그 사이에 빈 공간이 있을 수 없습니다. 이러한 경우 객체의 끝과 시작 사이의 음수 거리는 동일합니다.

 

1.5. 정렬 기준 선택

정렬 베이스는 정렬 및 분포를 허용하는 영역입니다. 개체는 해당 영역 내에서 정렬되고 배포됩니다. 이것은 전체 캔버스이거나 안내선 또는 선택 항목으로 정의된 영역일 수 있습니다.

 

[정렬 기준]은 [정렬/분배] 팔레트의 첫 번째 섹션입니다.

 

옵션은 왼쪽에서 오른쪽으로 다음과 같습니다.

 

1. [정렬 개체]: 이 옵션을 사용하면 선택한 개체가 차지하는 영역 내에서 정렬 및 분포가 이루어집니다. 이 영역은 다양한 정렬/분배 옵션을 적용함에 따라 변경될 수 있습니다.

 

 

2. [캔버스]: 이 옵션을 사용하면 개체가 정렬되어 전체 캔버스에 분산됩니다.

 

 

3. [선택 영역]: [선택 영역] 도구로 선택할 수 있으며 개체의 정렬 및 분포는 해당 영역 내에 유지됩니다. ).

 

4. [안내선]: 이 옵션과 함께 안내선을 사용하여 정렬 및 분포 시 커버되는 영역을 제한할 수 있습니다. 가이드가 없는 측면에서는 가장 먼 물체의 가장자리가 허용 영역의 가장자리를 결정합니다.

 

5. [자동]: 이 옵션은 상황을 고려합니다. 가이드가 활성화되어 있으면 [가이드]에 따라 정렬됩니다.

 

여러 개체를 선택한 경우 [개체 맞춤]에 따라 정렬됩니다. 선택 영역이 있는 경우 [선택 영역]에 정렬되고, 영역 또는 여러 개체의 선택이 없고 안내선이 없는 경우 [캔버스]에 정렬됩니다.

 

사용 1: 복잡한 모티프의 중심에 맞추기

개체의 간단한 정렬 및 분포 외에도 이 도구를 사용하여 단순한 요소에서 복잡한 모티프를 만들 수도 있습니다.

 

먼저 모티프 요소를 만듭니다. 크기가 다양해야 합니다. 일단 만들어지면 모든 레이어를 선택하십시오.

 

이제 [가로 가운데 정렬]을 클릭한 다음 [세로 중심 정렬]을 클릭하거나 그 반대로 합니다. 이렇게 하면 각 요소의 중심이 캔버스 또는 선택한 영역의 중심에 정렬되고 그 결과 겹치는 부분이 복잡한 모티프를 만듭니다.

 

레이어 순서를 변경하여 모티프의 다양한 변형을 시도할 수도 있습니다.

 

이 방법을 사용하여 단일 개체를 캔버스 중앙 또는 특정 영역에 정확하게 맞출 수도 있습니다.

 

사용 2: 브러시 생성을 위한 조정

새 브러시를 만들 때 눈을 볼 필요 없이 브러시 끝의 요소를 정확하게 정렬하고 배포할 수 있습니다.

 

Align/Distribute는 또한 브러시에 대한 다양한 변형을 신속하게 실험하는 데 도움이 됩니다.

 

참고: 브러시를 만드는 전체 단계는 이전 팁 중 다음 중 섹션 3을 참조할 수 있습니다.

 

사용 3: 텍스트 정렬(및 [텍스트 픽셀에 정렬])

Align/Distribute 도구를 사용하면 서로 다른 레이어에 있는 텍스트 정렬이 정말 쉬워졌습니다. 예를 들어 축소판에서 작업할 때 텍스트를 정렬하고 선택한 텍스트 영역 내에서 간격을 분산하는 옵션을 빠르게 시도할 수 있습니다(정렬 기준 [선택 영역] 사용).

 

텍스트 픽셀에 정렬:

 

텍스트가 완벽하게 정렬되지 않는 경우가 있습니다(특히 크기가 다른 텍스트에서 두드러짐).

 

이 문제를 해결하려면 [정렬/분배] 팔레트에서 [텍스트 픽셀에 정렬]을 선택하면 정확한 정렬에서 원하지 않는 텍스트 편차가 제거됩니다.

 

사용 4: 대각선 분포

개체를 대각선으로 배포하려는 경우 정렬/분배 도구를 사용하면 매우 쉽습니다.

 

먼저 모든 개체 또는 레이어를 선택하고 [왼쪽 가장자리 정렬] 및 [위쪽 가장자리 정렬]을 클릭합니다.

 

그런 다음 [세로 간격 분산] 및 [가로 간격 분산]을 선택하거나 그 반대를 선택합니다. 이것은 균등한 간격의 대각선으로 개체를 배포합니다.

 

최하위 레이어의 개체는 왼쪽 위 모서리에서 아래쪽 대각선으로 시작합니다. 위 레이어의 개체는 맨 위 레이어의 개체가 오른쪽 아래 모서리에서 대각선을 끝낼 때까지 레이어 순서에 따라 아래쪽 대각선을 계속합니다.

 

레이어를 재정렬하고 위의 단계를 반복하면 대각선 분포에서 개체의 위치를 조정할 수 있습니다.

 

사용 5: 패턴 만들기

간단한 패턴을 만들어 봅시다. Align/Distribute로 패턴을 만들려면 먼저 패턴 요소 또는 모티프를 자체 레이어의 각 요소와 함께 대략적인 위치에 배치합니다. 도구 팔레트에서 [정렬 기준]을 [정렬 개체]로 설정합니다.

 

[오브젝트] 도구를 선택하고 도구 속성 팔레트에서 [투명 영역 작업]으로 이동합니다. [드래그하여 영역 선택]을 체크하고 하위 옵션에서 [레이어]를 선택합니다.

 

그런 다음 첫 번째 행을 가로질러 드래그하여 행 개체가 있는 레이어를 선택합니다. [세로 가운데 맞춤]으로 행을 정렬한 후 [가로 간격 나누기]를 클릭하면 행 개체의 간격이 균등해집니다.

 

다른 행에 대해 반복합니다.

 

마찬가지로 [오브젝트] 도구로 열 개체를 선택한 후 [가로 가운데 정렬]과 [가로 간격 분포]로 각 열을 개별적으로 정렬하여 분포시킵니다.

 

이제 패턴이 고르게 정렬되고 분포되지만 캔버스 중앙에 정렬되지는 않습니다. 전체 패턴을 이동하기 위해 요소 레이어를 새 폴더로 그룹화합니다. 이렇게 하려면 레이어를 선택하고 마우스 오른쪽 버튼을 클릭한 다음 [폴더 생성 및 레이어 삽입]을 선택합니다.

 

팁: 벡터 레이어 내부에서 작업하는 경우 내부 개체 대신 벡터 레이어를 선택하십시오.

 

 

패턴 폴더 선택 후 [정렬 기준]을 [캔버스]로 변경합니다. 그런 다음 [세로 가운데 정렬] 및 [가로 가운데 정렬]을 클릭합니다.

 

이제 패턴이 완성되었고 캔버스 중앙에 정렬되었습니다!

 

사용 6: 스프라이트 시트 만들기

스프라이트 시트는 종종 캐릭터나 개체의 게임 애니메이션에 사용됩니다. 그것들이 완벽하게 정렬되는 것이 중요합니다. 그렇지 않으면 애니메이션이 엉망이 될 수 있습니다.

 

생성되는 움직임에 따라 스프라이트 시트에 약간의 맞춤 정렬 조정이 필요할 수 있지만 Align/Distribute를 사용하면 최종 결과에 더 빨리 도달할 수 있습니다.

 

Align/Distribute 도구를 사용하여 정확한 스프라이트 시트를 빠르게 만드는 방법을 살펴보겠습니다. 마음이 펼쳐지는 애니메이션을 위한 스프라이트 시트로 단계를 시연할 것입니다.

 

1단계: [보기]로 이동한 다음 [그리드]로 이동하여 그리드를 엽니다. 다음으로 [보기] 메뉴에서 [그리드/눈금자 설정]을 엽니다.

 

가장 큰 이미지가 더 두꺼운 윤곽선이 있는 더 큰 그리드 셀 중 하나에 들어갈 수 있도록 [Gap] 픽셀을 조정합니다.

 

2단계: 각각의 셀에서 원하는 대략적인 위치에 스프라이트를 배치합니다.

 

STEP 3: [정렬 기준]을 [선택 영역]으로 설정합니다. 직사각형 [선택 영역] 도구를 사용하여 첫 번째 행이 덮고 있는 영역을 선택하고(상단 아이콘 행에서 [격자에 맞추기]를 켠 상태로 유지) [오브젝트] 도구를 사용하여 행의 스프라이트 오브젝트를 선택합니다.

 

[정렬/배치] 팔레트에서 [아래 가장자리 정렬](또는 필요에 따라 [수직 중앙 정렬])을 클릭합니다.

 

다른 모든 행에 대해 반복합니다.

 

4단계: 이제 모든 스프라이트의 수평 중심을 정렬해야 합니다. 먼저 [Selection Area] 도구와 활성화된 [Snap to grid] 도구를 사용하여 첫 번째 열이 포함하는 영역을 선택합니다.

 

그런 다음 [오브젝트] 도구로 첫 번째 열의 모든 스프라이트를 선택하고 [정렬/배치] 팔레트에서 [가로 가운데 정렬]을 클릭합니다.

 

다른 모든 스프라이트 시트 열에 대해 반복합니다.

 

이제 스프라이트 시트의 기본 정렬이 완료되었습니다. 내 스프라이트 시트의 경우 개별 스프라이트의 크기와 모양이 너무 다양해서 심장 끝이 완벽하게 정렬되지 않습니다. 그리드의 시각 도구와 [오브젝트] 도구를 사용하여 하트 끝이 한 점에 일관되게 떨어지도록 조정합니다.

 

분명히 알 수 있듯이 Align/Distribute 도구의 도움으로 정렬된 스프라이트 시트를 처음부터 수동으로 정렬하는 대신 약간만 조정하면 됩니다.

 

사용 7: 정렬된 구성 요소를 포함하는 객체 만들기(및 [벡터 경로에 정렬])

그림을 그릴 때(특히 장면과 배경) 정렬되거나 고르게 분포된 요소로 구성된 개체를 만날 수 있습니다. 문, 울타리, 찬장, 액자, 과녁 등이 될 수 있습니다.

 

Align/Distribute는 이러한 경우에 사용할 수 있는 완벽한 도구입니다. 예를 들어 구운 이중문을 그리고 있습니다. 먼저 두 개의 문이 만나는 이중문의 중심을 알고 싶습니다. 이를 위해 사용 1에서 설명한 '중앙에 맞추기' 방법을 사용합니다.

 

그릴의 경우 새 레이어에 하나의 그릴 유닛을 그리고 레이어를 복사하여 15회 정도 붙여넣습니다. 이제 개체 도구로 레이어를 선택합니다. [선택 영역] 도구로 문 중 하나의 영역을 선택합니다.

 

[정렬 기준]을 [선택 범위]로 설정한 상태에서 [가로 간격 분산]을 클릭합니다.

 

벡터 경로에 정렬:

 

그릴은 고르게 분포되어 있지만 양쪽 끝에 있어서는 안 될 빈 공간이 있습니다. 이것은 벡터 레이어를 사용하는 경우에 발생할 수 있으며 [정렬/배치] 팔레트에서 [벡터 경로에 정렬]을 선택하면 쉽게 수정할 수 있습니다.

 

이제 [가로 간격 분포]를 다시 선택하면 게이트 그릴링이 선택 영역 전체에 완벽하게 분포됩니다.

 

레이어는 여전히 선택되어 있으므로 그 중 하나를 마우스 오른쪽 버튼으로 클릭하고 [선택한 레이어 병합]을 선택하면 전체 굽기가 여러 레이어에 분산되지 않고 하나의 레이어에 있습니다.

 

다른 게이트의 그릴 레이어를 복제하고 일부 디자인을 조정하고 한 게이트의 관점을 변환한 후 최종 결과는 다음과 같습니다.

 

마지막 생각들

이것이 튜토리얼의 전부입니다. 이 기사가 이 인상적인 새로운 Align/Distribute 기능과 다양한 사용 가능성을 최대한 활용하는 데 도움이 되기를 바랍니다.

 

읽어 주셔서 감사합니다. 질문이나 의견이 있으면 언제든지 알려주세요!