[일러스트] 일러스트레이터에서 아트보드(Artboard) 둘러보기 <1>

Artboard(아트보드)는 일종의 한 문서 안에서 개별적으로 인식되는 캔버스입니다.

여러분은 아트보드를 얼마나 활용하시나요? 보통 일러스트레이터로 작업할 경우 단일 이미지만 작업하는 경우가 많다보니 사실 아트보드의 편리성을 잘 모르는 경우가 있습니다. 으례 여러페이지에 걸친 편집은 인디자인이나 쿽익스프레스와 같은 편집 프로그램에서 해야된다고 생각하기 때문이 아닐까 싶네요. 그래도 소량의 페이지 작업을 하면서 굳이 인디자인을 켜기 귀찮거나 사용하기에 과하다고 느껴질 정도의 간단한 작업에서 아트보드가 빛을 발합니다. 

1. 새문서를 엽니다.

아래와 같이 새 문서를 열었을때 보이는 저 부분이 아트보드를 설정하는 부분입니다. 아트보드 수량은 나중에 얼마던지 수정할 수 있으니 예상치만큼 넣어봅니다. 저는 3개를 넣었습니다. 수량 옆의 아이콘은 아트보드가 배치되는 방향입니다. 저는 오른쪽 방향으로 배치되는 옵션을 선택했습니다.

 

아트보드가 아래 이미지와 같이 배치된걸 확인할 수 있습니다. 입력한대로 3개의 아트보드가 오른쪽방향으로 배치되었습니다.

2.아트보드를 설정해봅시다.

아트보드를 설정하는 방법은 툴바에서 선택하는 방법과 아트보드 윈도우를 띄우는 방법이 있습니다. 둘 다 동일한 역할을 하고 있으니 편리한데로 이용하시면 됩니다. 

먼저 아트보드 윈도우입니다. 보시는바와 마찬가지로 3개의 아트보드가 리스트에 올라와있습니다.세부적인 옵션은 다음 기회에 짚어보도록하겠습니다.

툴바를 이용할 경우(단축키는 Shift + O)에는 아래와 같이 옵션 윈도우창이 아트보드에 대한 세부적인 조정을 할 수 있도록 변하는걸 확인 할 수 있습니다.

 

옵션창에서는 아트보드의 세로,가로방향, 사이즈, 추가, 삭제, 이름, 위치 좌표 등 다양한 옵션을 조절해줄 수 있습니다. 

 

아트보드가 활성화 된 상태에서는 아래와 같이 아트보드의의 이름과 사이즈를 조절할 수 있는 조절가이드가 생깁니다. 이 상태에서 육안으로 적당한 사이즈로 조절하거나 옵션창에서 정확한 수치를 입력해서 조절할 수 있습니다.

3. 이제 실질적인 작업을 해보겠습니다. 

저는 아트보드 위에 문서의 레이아웃들을 잡아봤습니다. 이 과정에서 아트보드를 활용하기때문에 유용한 부분이 있습니다. 한 문서 안에 개별적으로 작동하는 성격상 원하는 오브젝트(문자,그림,도형 등)들을 카피해서 다른 아트보드 위에 "제자리 붙여넣기"를 하면 앞에서 복사했던 아트보드와 똑같은 위치에 다른 아트보드에도 배치할 수 있습니다. 통일된 레이아웃을 보여줄때 작업이 무척 수월해지는 것이 장점입니다. 이를 이용하면 문서 디자인은 물론이고 웹디자인할때도 아주 편리하게 이용할 수 있습니다. 

아트보드의 장점은 여기서 그치지 않습니다. 문서를 png 파일로 export해보도록 하겠습니다. file – export를 실행하면 아래와 같은 export 창이 나타나게되는데요. 아래 보시는바와 같이 파일 이름을 정해주고, use artboard를 체크해주면 아트보드를 넘어가는 이미지는 모조리 잘려나간 채로 딱! 아트보드공간에 채워진 만큼만 저장이됩니다. 심지어 아트보드가 3개면 각각 3개의 파일로 출력해주는 편리함까지!! range(범위)에서 1,3을 입력하면 1번 아트보드와 3번 아트보드만 png 파일로 출력됩니다. 

아트보드는 한 문서안에 여러개의 문서를 작성하는것처럼 작업할 수 있도록 해줍니다.

위와같은 과정을 거쳐 출력된 3개의 png 파일이 아래와 같습니다. 단일 이미지만을 작업할때에는 큰 필요성을 못 느끼는 기능이지만, 2개이상의 문서를 작성하거나 간혹 지저분하게 문서 바깥으로 삐져나가는 이미지들을 굳이 마스킹을 하지 않아도 편리하게 출력할 수 있는 기능입니다.