본문 바로가기
디자인 팁/Photoshop

포토샵 레이어 분포하는 방법 (Distribute)

by Archivers 2020. 7. 12.

 

 

이번 시간에는 깔끔하고 균형 잡힌 디자인을 위한 필수 기능인 레이어 분포에 대해 알아보겠습니다.

 

1. 정렬(Align)과 분포(Distribute)의 차이

정렬은 1개 이상의 레이어를 특정한 기준에 맞게 특정 위치로 '이동'하는 것이며,

분포는 3개 이상의 레이어를 특정한 기준에 따라 레이어 사이의 간격을 '균일하게 분포'하는 것입니다.

 

2. 분포 기능의 특징

앞서 언급된 것처럼 분포는 레이어 사이의 간격을 균일하게 분포하는 기능이며, 3개 이상의 레이어가 선택되었을 때만 활성화됩니다.

 

 

3. 분포의 종류

분포 기능에는 총 여덟 가지의 기준이 있으며 다음과 같습니다.

 

- 위쪽 가장자리(Top edges)

- 수직 중앙(Vertical centers)

- 아래쪽 가장자리(Bottom edges)

- 왼쪽 가장자리(Left edges)

- 수평 중앙(Horizontal edges)

- 오른쪽 가장자리(Right edges)

- 세로(Vertically)

- 가로(Horizontally)

 

3-1. 위쪽 가장자리

선택한 각 레이어의 가장 위에 있는 픽셀들을 기준으로 선택한 레이어들을 균일하게 분포합니다.

 

네 개의 레이어를 선택하고 [위쪽 가장자리(Distribute top edges)]를 선택해 보겠습니다.

 

 

선택한 각 레이어의 가장 위에 있는 픽셀들(편의상 빨간 선으로 표시)을 기준으로 선택한 레이어들이 균일하게 분포되었습니다.

 

 

3-2. 수직 중앙

선택한 각 레이어의 수직 중앙에 있는 픽셀들을 기준으로 선택한 레이어들을 균일하게 분포합니다.

 

네 개의 레이어를 선택하고 [수직 중앙(Distribute vertical centers)]를 선택해 보겠습니다.

 

 

선택한 각 레이어의 수직 중앙에 있는 픽셀들(편의상 빨간 점으로 표시)을 기준으로 선택한 레이어들이 균일하게 분포되었습니다.

 

 

3-3. 아래쪽 가장자리

선택한 각 레이어의 가장 아래에 있는 픽셀들을 기준으로 선택한 레이어들을 균일하게 분포합니다.

 

네 개의 레이어를 선택하고 [아래쪽 가장자리(Distribute bottom edges)]를 선택해 보겠습니다.

 

 

선택한 각 레이어의 가장 아래에 있는 픽셀들(편의상 빨간 선으로 표시)을 기준으로 선택한 레이어들이 균일하게 분포되었습니다.

 

 

3-4. 왼쪽 가장자리

선택한 각 레이어의 가장 왼쪽에 있는 픽셀들을 기준으로 선택한 레이어들을 균일하게 분포합니다.

 

네 개의 레이어를 선택하고 [왼쪽 가장자리(Distribute left edges)]를 선택해 보겠습니다.

 

 

선택한 각 레이어의 가장 왼쪽에 있는 픽셀들(편의상 빨간 선으로 표시)을 기준으로 선택한 레이어들이 균일하게 분포되었습니다.

 

 

3-5. 수평 중앙

선택한 각 레이어의 수평 중앙에 있는 픽셀들을 기준으로 선택한 레이어들을 균일하게 분포합니다.

 

네 개의 레이어를 선택하고 [수평 가장자리(Distribute horizontal centers)]를 선택해 보겠습니다.

 

 

선택한 각 레이어의 수평 중앙에 있는 픽셀들(편의상 빨간 점으로 표시)을 기준으로 선택한 레이어들이 균일하게 분포되었습니다.

 

 

3-6. 오른쪽 가장자리

선택한 각 레이어의 가장 오른쪽에 있는 픽셀들을 기준으로 선택한 레이어들을 균일하게 분포합니다.

 

네 개의 레이어를 선택하고 [오른쪽 가장자리(Distribute right edges)]를 선택해 보겠습니다.

 

 

선택한 각 레이어의 가장 오른쪽에 있는 픽셀들(편의상 빨간 선으로 표시)을 기준으로 선택한 레이어들이 균일하게 분포되었습니다.

 

 

3-7. 세로로

선택한 레이어들의 세로 간격을 균일하게 분포합니다.

 

네 개의 레이어를 선택하고 [세로로(Distribute vertically)]를 선택해 보겠습니다. (본 기능 설명을 위해 캔버스를 세로로 회전하였습니다.)

 

 

선택한 레이어들의 세로 간격이 균일하게 분포되었습니다. (편의상 빨간 선으로 표시)

 

 

3-8. 가로로

선택한 레이어들의 가로 간격을 균일하게 분포합니다.

 

네 개의 레이어를 선택하고 [가로로(Distribute horizontally)]를 선택해 보겠습니다.

 

 

선택한 레이어들의 가로 간격이 균일하게 분포되었습니다. (편의상 빨간 선으로 표시)

 

 

4. 참고할 점

분포 기능의 경우에는 [Align to:] 옵션을 선택하지 않아도 됩니다. 이 기능은 이름 그대로 정렬(Align) 기능에만 사용됩니다.

 

 

 

 

 

 

* 이 글은 Adobe Photoshop 2020 버전을 기준으로 작성하였습니다.

댓글