본문 바로가기
  • dreamer mystee
영상편집 映像編集/일러스트레이터 & 포토샵

일러스트레이터 CS6, 정렬하기

by mystee 2019. 12. 4. 14:43

 


이 블로그의 포스팅들은 PC에 최적화되어 있습니다.

모바일로 보시는 분들에게는 줄 바꿈이나 문단의 나눔 등이 어색하게 보일 수 있습니다.

 


교재를 만든다는 느낌으로 기초부터 차근차근 포스팅하고 있습니다.

혹시 이해가 안 되는 부분이 있다면 이 카테고리의 지난 포스팅부터 보시며 따라 해주세요~

 


 

 

예제-3.ai
0.16MB

 

위의 파일을 다운로드 해주세요.

그리고 일러스트레이터를 열어서

상단 메뉴의 File > Open (단축키 [Ctrl+O])을 해서 위의 파일을 찾아서 열어주세요!

(일러스트레이터 CS3 까지는 이 파일을 열 수 있도록 저장을 해놨습니다. 그 이하 버전에서는 안 열릴 겁니다.)



그러면 위와 같은 파일이 열립니다.

 

 

 

 

 

 

기본 세팅

 

오늘 사용할 기능은 오른쪽에 붙어있는 이 얼라인 Align입니다.

오른쪽에 이 메뉴가 없다면 어떻게 해야 할지 그동안 제 포스팅을 봐오신 분들은 다들 이제 아시겠죠?

 

 

검색을 통해 저의 포스팅을 처음 보시는 분들을 위해서, 이미 여러 번 했던 설명을 또다시..!

오른쪽에 얼라인 Align이 없다면 상단 메뉴의 윈도우 Window를 클릭한 후에

얼라인 Align을 찾아서 체크를 해주시면 됩니다.

 

그런데 이렇게 얼라인 Align의 맨 아랫줄이 안 보이는 분들도 계실 겁니다.

 

 

빨간 화살표 부분을 클릭하시면 이렇게 메뉴가 뜨는데,

Show Options를 클릭해줍니다.

 

 

그러면 이렇게 맨 아랫줄의 디스트리뷰트 스페이싱 Distribute Spacing도 나타납니다.

 

 

그리고! 반드시 Align의 우측 하단의 Align To를 클릭해서 Align to Selection을 클릭해줍니다.

 

이제 본격적으로 시작하겠습니다!

 

 

 

 

 

 

왼쪽 세로 정렬

 

Selection Tool (단축키 [V])을 사용해서

드래그해서 모든 도형을 선택해줍니다.



Horizontal Align Left를 클릭해줍니다.

 

 

그러자 선택한 도형 중에 가장 왼쪽에 있는 도형을 기준으로

모두 왼쪽으로 정렬이 되었습니다.

 

 

 

 

 

 

가운데 세로 정렬

 

[Ctrl+Z] 를 눌러 실행 취소를 시켜서 다시 원래의 상태로 돌리고,

이번에는 두 번째 Horizontal Align Center를 클릭해줍니다.

 

 

이번에는 선택된 도형들이 가운데를 기준으로 정렬되었습니다.

 

 

 

 

 

 

오른쪽 세로 정렬

 

[Ctrl+Z] 를 눌러 실행 취소를 시켜서 다시 원래의 상태로 돌리고,

이번에는 세 번째 Horizontal Align Right를 클릭해줍니다.

 

 

예상하셨듯이 선택한 도형 중에 가장 오른쪽에 있는 도형을 기준으로

모두 오른쪽으로 정렬이 되었습니다.

 

 

 

 

 

 

위쪽 가로 정렬

 

[Ctrl+Z] 를 눌러 실행 취소를 시켜서 다시 원래의 상태로 돌리고,

이번에는 네 번째 Vertical Align Top을 클릭해줍니다.

 

 

센스 있는 여러분들이라면 이쯤이면 다들 예상 가능하시겠죠?

선택한 도형 중에 가장 위에 있는 도형을 기준으로

모두 위쪽으로 정렬이 되었습니다.

 

 

 

 

 

 

가운데 가로 정렬

 

또 전 단계로 돌리고, 다섯 번째인 Vertical Align Center를 클릭하면,

 

 

선택된 도형들이 가운데를 기준으로 가로로 정렬이 됩니다.

 

 

 

 

 

 

아래쪽 가로 정렬

 

또 실행 취소를 시키고, Align Objects의 마지막인 Vertical Align Bottom을 클릭하면,

 

 

선택한 도형 중에 가장 아래쪽에 있는 도형을 기준으로

모두 아래로 정렬이 됩니다.

 

 

 

 

 

 

위쪽 가로 분배 정렬

 

실행 취소를 시키라는 반복적인 멘트를 생략하겠습니다.

안 쓰여있더라도 알아서 꼭 해주세요!

 

Vertical Distribute Top을 클릭합니다.

 

 

큰 변화는 보이지 않을 겁니다.

그래서 이해하기 쉽게 선을 만들어놨습니다.

 

Vertical Distribute Top은 선택된 도형들이

도형 위의 끝을 기준으로 일정하게 분배 정렬이 됩니다.

 

 

 

 

 

 

가운데 가로 분배 정렬

 

Distribute Objects의 두 번째,

Vertical Distribute Center를 클릭합니다.

 

 

Vertical Distribute Center 선택된 도형들이

도형 가운데를 기준으로 일정하게 분배 정렬이 됩니다.

 

 

 

 

 

 

아래쪽 가로 분배 정렬

 

Distribute Objects의 세 번째,

Vertical Distribute Bottom을 클릭합니다.

 

 

Vertical Distribute Bottom선택된 도형들이

도형 아래 끝을 기준으로 일정하게 분배 정렬이 됩니다.

 

 

 

 

 

 

왼쪽 세로 분배 정렬

 

Distribute Objects의 네 번째,

Horizontal Distribute Left 클릭합니다.

 

 

센스 있는 여러분들은 이제 다 예상 가능하실 테니 결과물도 생략하겠습니다.

(는 사실.. 제가 화면 캡처하는 과정에서 뭔가 쓸데없는 걸 건드려서.. ㅎㅎ 뭔가 잘못되어서요.. ^^)

 

Horizontal Distribute Left 선택된 도형들이

도형의 왼쪽 옆선을 기준으로 일정하게 분배 정렬이 됩니다.

 

 

 

 

 

 

가운데 세로 분배 정렬

 

Distribute Objects의 다섯 번째,

Horizontal Distribute Center 클릭합니다.

 

Horizontal Distribute Center 선택된 도형들이

도형의 가운데 선을 기준으로 일정하게 분배 정렬이 됩니다.

 

 

 

 

 

 

오른쪽 세로 분배 정렬

 

Distribute Objects의 마지막,

Horizontal Distribute Right 클릭합니다.

 

Horizontal Distribute Right 선택된 도형들이

도형의 오른쪽 옆선을 기준으로 일정하게 분배 정렬이 됩니다.

 

 

 

마지막 아래줄 디스트리뷰트 스페이싱 Distribute Spacing의 역할은 다음 포스팅 때에 설명드리겠습니다.

 

 


이 글이 도움이 됐다면 하단의 공감 버튼을 꾹 눌러서 빨간 하트로 만들어주세요. (비로그인도 가능합니다!!)

지인에게 보여주고 싶은 글이었다면 공감 버튼 옆을 클릭해서 SNS에 공유해주세요.

댓글은 블로그 운영에 큰 힘이 됩니다.

 


 


댓글