일러스트레이터의 아트보드란 디자인 작업에서 가장 기본이 되는 개념이지만, 막상 정확히 설명하려고 하면 헷갈리는 경우가 많습니다. 처음 일러스트레이터를 접하신 분들은 “아트보드 설정은 어떻게 하는 건가요?”, “웹용이랑 인쇄용은 왜 사이즈가 다른가요?” 같은 질문을 자주 하십니다. 이 글에서는 아트보드의 기본 개념부터 사이즈 설정 방법, 웹용과 인쇄용 아트보드의 차이, 그리고 여러개의 아트보드를 효율적으로 관리하는 팁까지 함께 공부해보겠습니다. 초보자분들도 부담 없이 이해하실 수 있도록 최대한 쉽게 말씀드리겠습니다.
아트보드란 무엇인가요?
일러스트레이터에서 아트보드란 디자인 결과물이 실제로 담기는 작업 영역을 의미합니다. 쉽게 말해 “완성될 화면이나 인쇄물이 들어가는 도화지”라고 생각하시면 됩니다.
일러스트레이터 외에도 포토샵, 피그마, XD 같은 디자인 프로그램을 실행하면 가장 먼저 설정하게 되는 것이 바로 이 아트보드입니다.
아트보드는 단순한 배경이 아니라, 최종 결과물의 크기, 출력 또는 화면 표시 기준, 작업 범위의 기준점을 모두 결정하는 중요한 요소입니다.
아트보드 밖에 있는 요소는 보통 결과물에 포함되지 않기 때문에, 실제로 결과물로 저장되거나 인쇄되는 영역은 아트보드 안쪽이라고 이해하시면 됩니다.
캔버스와 아트보드는 어떻게 다른가요?
디자인을 처음 시작하신 분들이 가장 많이 헷갈리는 부분 중 하나가 바로 캔버스와 아트보드의 차이입니다. 두 용어는 비슷해 보이지만, 사용되는 프로그램과 의미에는 분명한 차이가 있습니다.
먼저 포토샵에서는 ‘캔버스’가 결과물이 실제로 만들어지는 영역을 의미합니다. 이미지의 크기, 해상도, 출력 기준이 모두 캔버스를 기준으로 설정되며, 우리가 저장하거나 출력하는 범위도 캔버스 안쪽입니다.
반면 일러스트레이터에서는 ‘아트보드’가 결과물 영역입니다. 하나의 파일 안에 여러 개의 아트보드를 만들 수 있고, 각 아트보드가 각각의 출력물 또는 화면 단위가 됩니다. 실제로 저장하거나 인쇄되는 기준 역시 아트보드입니다.
아트보드 바깥에 보이는 넓은 회색 공간은 결과물에 포함되지 않는 영역으로, 일반적으로 ‘작업 영역’이라고 부릅니다. 이 공간은 임시로 오브젝트를 올려두거나 참고용 요소를 배치하는 용도로 사용되며, 출력이나 내보내기에는 포함되지 않습니다.
아트보드 사이즈 설정이 중요한 이유
아트보드의 사이즈는 단순히 “대충 맞춰도 되는 설정”이 아닙니다. 작업 목적에 따라 사이즈를 정확하게 설정하지 않으면 다음과 같은 문제가 생길 수 있습니다.
- 출력 시 잘림 현상 발생
- 해상도 저하로 이미지가 흐려짐
- 웹 화면에서 비율이 깨짐
- 재작업 시간 증가
특히 인쇄물이나 광고 배너처럼 사이즈가 명확하게 정해진 작업에서는 아트보드 설정이 곧 결과물의 완성도를 좌우한다고 해도 과언이 아닙니다.
웹용 아트보드와 인쇄용 아트보드의 차이
아트보드를 설정할 때 가장 먼저 구분해야 할 것은 웹용인지, 인쇄용인지입니다. 이 두 가지는 기준 자체가 완전히 다릅니다.
웹용 아트보드 특징
웹용 아트보드는 화면에 표시되는 것을 기준으로 합니다.
- 단위: px(픽셀)
- 해상도: 72dpi 또는 96dpi
- 색상 모드: RGB
웹용 아트보드는 다양한 기기에서 보이기 때문에 비율과 가독성이 매우 중요합니다. 픽셀 단위로 작업하기 때문에 정확한 숫자 설정이 필수입니다.
인쇄용 아트보드 특징
인쇄용 아트보드는 실제 종이에 출력되는 것을 기준으로 합니다.
- 단위: mm 또는 cm
- 해상도: 300dpi
- 색상 모드: CMYK
인쇄용 작업에서는 재단 여백(도련) 개념이 매우 중요합니다. 아트보드 사이즈보다 실제 디자인 요소를 조금 더 크게 배치해두어야 출력 후 잘림을 방지할 수 있습니다.
잠깐! 간단하게 알아보는 RGB와 CMYK 색상 모드
- RGB 색상 모드
빨강(Red), 초록(Green), 파랑(Blue) 빛을 조합해 색을 표현하는 방식으로, 주로 모니터나 스마트폰 화면에서 보여지는 디자인에 사용됩니다. 이런 작업은 대부분 RGB로 설정합니다. 화면에서 색이 선명하고 밝게 보이는 것이 특징입니다. - CMYK 색상 모드
청록(Cyan), 자홍(Magenta), 노랑(Yellow), 검정(Key)을 섞어 색을 만드는 방식으로, 인쇄물을 제작할 때 사용하는 색상 모드입니다. 실제 종이에 출력되는 디자인은 CMYK로 작업해야 화면과 출력 결과의 색 차이를 줄일 수 있습니다.
아트보드 출력 개념, 꼭 알아야 할 포인트
아트보드와 출력은 밀접하게 연결되어 있습니다. 특히 인쇄물 작업에서는 다음 개념을 반드시 이해하셔야 합니다. 자세한 사이즈는 인쇄 업체에서 안내해주니 아래 내용은 참고만 해주시기 바랍니다.
1.도련(Bleed)
출력 후 재단 과정에서 오차가 발생할 수 있기 때문에, 아트보드 바깥으로 3mm 정도 여유 공간을 두는 것을 말한다.
2.안전 영역(Safe Zone)
글자나 중요한 요소는 아트보드 가장자리에서 일정 거리 안쪽에 배치해야 합니다. 그렇지 않으면 재단 시 잘릴 위험이 있습니다.
3.실제 출력 크기
화면에서 보는 크기와 인쇄 후 실물 크기는 다를 수 있습니다. 반드시 mm 기준으로 확인하셔야 합니다.
일러스트레이터에서 아트보드를 추가하는 방법
일러스트레이터에서는 하나의 파일 안에 여러 개의 아트보드를 쉽게 추가할 수 있습니다.
여러 페이지나 다양한 사이즈의 결과물을 한 번에 작업할 때 특히 유용합니다.
가장 간단한 방법은 툴 패널에서 아트보드 도구를 사용하는 것입니다. 왼쪽 도구 모음(툴 패널)에서 아트보드 도구를 선택하거나, 키보드에서 Shift + O를 누르면 아트보드 편집 모드로 전환됩니다.
이 상태에서 빈 공간에 마우스로 드래그하거나, (+)표시를 클릭하면 해당 방향으로 새로운 아트보드가 생성됩니다.
또 다른 방법으로는 상단 메뉴의 ‘아트보드’ 옵션을 활용하는 것입니다. 메뉴바에서 “창 → 대지”를 선택하면 아트보드 패널이 열리며, 패널 하단의 ‘+’ 버튼을 클릭하면 기존 아트보드와 동일한 크기의 아트보드가 하나 더 추가됩니다.
추가된 아트보드는 마우스로 위치를 옮길 수 있고, 크기 역시 자유롭게 조절할 수 있습니다. 필요에 따라 아트보드 이름을 지정해 두면 작업 흐름을 정리하는 데 도움이 됩니다.
여러 개의 아트보드를 사용하는 이유
최근 디자인 작업에서는 하나의 파일에 여러 개의 아트보드를 사용하는 경우가 많습니다.
- 웹페이지 전체 흐름 구성
- SNS 카드 뉴스 제작
- 배너 여러 사이즈 동시 작업
- 브랜드 가이드 정리
여러 아트보드를 활용하면 작업 효율이 크게 올라가고, 파일 관리도 훨씬 수월해집니다.
여러 아트보드 관리 팁
아트보드를 많이 사용하다 보면 정리가 안 되어 오히려 혼란스러워질 수 있습니다. 다음 팁을 참고해보시기 바랍니다.
1. 아트보드 이름을 꼭 지정하세요
예: 메인페이지, 모바일_홈 등
이름만 잘 정리해도 작업 속도가 눈에 띄게 빨라집니다.
2. 작업 순서대로 배치하세요
좌측에서 우측, 위에서 아래 순으로 정리하면 흐름 파악이 쉬워집니다.
3. 불필요한 아트보드는 삭제하세요
사용하지 않는 아트보드를 남겨두면 출력이나 공유시 실수가 발생할 수 있습니다.
4. 목적별로 파일을 분리하세요
웹용과 인쇄용을 한 파일에 섞지 않는 것이 좋습니다.
아트보드 설정 시 자주 하는 실수
초보자분들이 자주 할 수 있는 실수도 함께 짚어보겠습니다.
- 웹 작업인데 CMYK로 설정하는 경우
- 인쇄물인데 해상도를 낮게 설정하는 경우
- 아트보드 사이즈를 임의로 변경하는 경우
- 출력용 파일에 불필요한 아트보드를 포함하는 경우
이런 실수는 결과물 품질 저하로 바로 이어지기 때문에, 처음 설정 단계에서 꼼꼼히 확인하시는 것이 중요합니다.
마무리하며
지금까지 일러스트레이터에서 아트보드란 무엇인지, 그리고 사이즈 설정부터 웹용과 인쇄용 차이 등을 전반적으로 살펴보았습니다.
앞으로 디자인 작업을 하실 때 “아트보드부터 제대로 설정하고 시작한다”는 습관을 들이신다면, 결과물의 완성도와 작업 효율 모두 확실히 달라질 것입니다.
이 글이 아트보드 개념을 정리하는 데 도움이 되었기를 바랍니다.