일러스트 윤곽선 만들기 - illeoseuteu yungwagseon mandeulgi

이번 시간은 일러스트 아웃라인, 글자깨기 방법을 알려드리는 정보성 포스팅을 준비했는데 편집 디자인 관련 직업에 실무로 종사하고 있거나 이런 분야로 진로를 정한 분들은 공부하고 컴퓨터 그래픽 프로그램을 다뤄보기 위해 어도비 제품인 Illustrator를 자주 사용해 보게 될 겁니다.

일러스트레이터는 프로그램 내에서 마련되어 있는 도구를 이용해 여러 가지 모양과 색상을 입힐 수 있고 사용법도 그리 어렵지 않아 많은 분들이 편집, 캐릭터, 심벌, 제품 디자인 등의 작업에 활용하고 있는데요.

그렇지만 이 프로그램을 오랜만에 다루거나 처음 이용해 보는 분들은 텍스트를 입력하고 저장하기 전에 글자를 깨야 되는데 아웃라인하는 방법이 기억나지 않거나 몰라서 헤매는 일이 생길 수도 있습니다.

일러스트레이터에서 작업된 결과물을 저장하기 전에 아웃라인을 하게 되는 이유는 파일을 누군가에게 전달하거나 다른 PC에서 열 때 기존에 사용한 폰트가 사용하려는 피씨에 없을 경우 굴림체나 바탕체 같은 기본 서체로 바껴버리는 문제가 생길 수 있고 인쇄를 진행할 때 폰트를 깨지 않으면 이런 이유로 인쇄 사고가 발생할 수도 있기 때문인데요.

그러니 문제가 생기지 않게 미리 방지하기 위해선 사용한 폰트의 글자 즉, 일러스트 아웃라인을 해야 될 필요가 있는 것인데 그런 의미에서 이번 포스팅을 통해 글자에 윤곽선을 만드는 방식으로 일러스트 글자깨기 방법을 간단히 알려드리도록 할 테니 궁금했던 분들은 이 내용을 참고하면 도움이 될 것입니다.

사용 중인 Illustrator 버전에 따라 약간씩 구성 및 환경이 다를 수 있지만 대부분 비슷한 방법으로 진행할 수 있을 텐데 우선 작업한 일러스트레이터 파일이 열린 상태에서 텍스트 입력을 한 폰트를 선택한 다음 상단 메뉴를 보면 [Type]이 있으니 눌러줍니다.

그러면 Type과 관련된 몇 가지 하위 메뉴를 살펴볼 수 있는데 이 중에서 [Create Outlines]를 선택해 주세요.

일러스트레이터 한글판에선 메뉴가 '윤곽선 만들기'로 표시되어 있을 것이며 단축키는 Shift+Ctrl+O(알파벳)를 누르면 됩니다.

정상적으로 적용되면 텍스트 글자가 이런 모습으로 바뀐 걸 볼 수 있을 것이며, 간단하게 말하면 폰트의 속성이 사라지고 텍스트를 벡터 형식으로 도형화시킨 거라고 이해하면 될 거예요.

참고로 이런 식으로 사용한 폰트가 많을 경우 일일이 하나씩 아웃라인할 필요 없이 전체 선택(Ctrl+A) 또는 드래그하여 객체가 선택된 상태 윤곽선 만들기를 하면 한꺼번에 모든 텍스트 글자를 깰 수 있을 것입니다.(아트보드 바깥에 배치한 폰트여도 전달받았거나 다른 PC에서 열 때 글자를 깨지 않으면 다른 폰트로 대체될 수 있으니 참고할 것)

이제 해당 폰트를 사용한 윈본을 따로 저장하지 않는 이상 저장 후 창을 닫을 경우 다시 열었을 때 텍스트 입력으로 수정할 수 없게 될 테니 더 이상 수정할 게 없고 완성된 상태일 때 글자를 깨는 게 좋을 거예요.(저장하고 창을 닫지 않은 상태에서 이전 상태로 되돌리고 싶다면 단축키로 Ctrl+Z를 누르면 됨)

참고로 객체별로 한 묶음이 되어 그룹화된 걸 볼 수 있는데 개별적으로 글자를 변형하거나 위치를 바꾸고 싶을 땐 객체가 선택된 상태에서 마우스 우클릭 후 Ungroup를 하거나 단축키로 Shift+Ctrl+G를 눌러 그룹 해제를 하면 개별적인 수정이 가능해질 것입니다.

글자를 깨고 저장하면 다른 사람에게 파일을 전달하거나 해당 폰트가 없는 다른 PC 일지라도 열었을 때 대체되는 일은 생기지 않을 것이며, 작업 시 사용한 그대로의 형태가 유지되어 인쇄 사고가 생길 우려도 없으니 안심할 수 있을 거예요.

편집디자인 회사에서 일하거나 인쇄소 같은 실무 환경에서 작업할 땐 일러스트 아웃라인하는 건 기초 중에 기초이고 필수적인 부분이지만 실수하거나 놓치는 경우도 종종 있는데 이런 부분을 세심하게 신경 쓰고 파일 관리를 해준다면 문제가 생기거나 인쇄 사고가 생기는 일을 예방할 수 있을 것입니다.

부디 이 내용이 알차고 유익한 정보가 되셨길 바라겠고 앞으로도 도움 되는 최신 소식을 전해드리기 위해 노력하도록 할게요.

공감 하트(♥) 또는 SNS 등 다른 채널에 공유하거나 퍼가는 것은 괜찮지만 무단으로 허락 없이 내용이나 사진을 복사하여 사용할 경우 적법한 조치를 취하고 있으니 이런 부분은 주의해 주시고 보답해준 모든 분들께 진심을 다한 감사의 말씀드립니다.

어도비 일러스트레이터(Adobe Illustrator) 윤곽선 아웃라인 만들기, 텍스트 쪼개기, 인쇄소에 ai 혹은 pdf로 파일 보낼 때 처리 방법

요즘에는 소량 인쇄물 제작 업체가 많아 직접 프로그램으로 디자인하여 주문 제작을 맡기기도 편리해졌습니다. 저도 종종 엽서나 스티커 같은 것들을 직접 디자인해서 인쇄소에 출력을 맡기곤 하는데요. 이때 일러스트레이터로 작업할 경우 반드시 해 주어야 하는 작업이 있습니다. 바로 이른바 텍스트 쪼개기, 문자의 윤곽선을 만들어 주는 일입니다! 왜 그런 작업이 필요한지 그 이유와 과정을 설명드리겠습니다.

1. 윤곽선(아웃라인)이 필요한 이유?

일러스트레이터의 ai 파일에서 입력한 문자들은 기본적으로 벡터 타입입니다. 벡터 타입의 문자는 크기를 확대/축소/각도 변형 등등의 작업을 해도 깨지지 않습니다. 쉽게 말하면 점과 선과 면의 모양과 위치를 조정 사항에 맞춰서 계산한 뒤 재구성하기 때문이죠. 이와 대조되게 비트맵 파일은 이미 찍어진 점과 점들을 그냥 쭉쭉 잡아당겨서 크기를 조절하기 때문에, 화질이 깨져 보입니다. (용량이 비교적 작다는 장점이 있지만요.)

그래서 래스터화(간단히 말해, 비트맵화) 하지 않은 ai 확장자 파일은 말끔한 화질을 자랑합니다. 하지만 이 장점을 발휘하려면 모양을 만드는 데 필요한 정보 중 하나인 글꼴이 설치되어 있어야겠죠? '가'를 쓰려면 'ㄱ'의 모양을 알아야 하듯이 말이에요. 따라서 파일을 여는 컴퓨터에 필요한 폰트가 없으면 원본을 제대로 표현해주지 못할 수 있습니다! 만약 내 디자인에 썼던 폰트가 인쇄소에 없으면 다른 폰트로 대체되어 원하지 않는 모양으로 바뀌어 버리거나 아예 의미를 알 수 없는 외계어와 박스로 깨져버리는 문제가 생길 수 있죠.

살면서 한 번쯤 열심히 PPT 만들어서 다른 컴퓨터에 띄웠더니 해당 폰트가 없다며 궁서체로 바뀌어 버린다거나 하는 일을 보셨을 겁니다. 그와 비슷한 가슴 아픈 일이 여기서도 발생할 수 있다는 것이에요. 그래서 대부분의 인쇄소에서는 작업물의 모든 텍스트에 아웃라인 처리를 하라고 가이드라인을 제시하고 있습니다. 이 폰트들의 윤곽선을 따서 패스(선)로 만들어 버리면, 폰트가 없어도 그 선대로만 모양을 나타내면 되기 때문에 디자인을 해치지 않고 인쇄소에 전달할 수 있지요.

결론은 디자인 속 폰트가 깨지거나 다른 폰트로 대체되어 의도와 다르게 출력되는 일을 방지하기 위해, 글자의 본을 떠서 보내줘야 한다는 겁니다. 이를 위해 [윤곽선 만들기] 기능을 활용하는 것이고, 이 과정을 '텍스트를 쪼갠다'고 표현하고는 하는 모양이더라고요!

2. AI(어도비 일러스트레이터)에서 윤곽선 만드는 방법

너무도 간단합니다!

원하는 글꼴로 원하는 글씨를 씁니다. 저는 산돌 안단테 폰트를 사용했습니다. 아직 아웃라인 처리를 하지 않은 글꼴은 선택했을 때 이렇게 네모난 박스 안에 밑줄이 그어진 채로 표시가 됩니다. 이 상태에서는 자유롭게 색이나 크기와 내용, 자간 설정 등을 변경할 수 있습니다.

방법 1) 문자에 우클릭

가장 간단한 방법입니다. 문자 위에 우클릭을 하면 박스에 [윤곽선 만들기] 항목이 나타납니다. 클릭해 주세요.

방법 2) 단축키 사용

윤곽선(아웃라인) 만들기의 AI 단축키는 Shift+Ctrl+O입니다. 위의 이미지에도 쓰여 있군요! 문자를 선택한 상태에서 단축키를 눌러 줍니다.

방법 3) 속성 윈도우에서 [윤곽선 만들기] 버튼 누르기

보통 초기 설정대로라면 오브젝트를 선택했을 때 우측 윈도우에 '속성' 탭이 나타납니다. 그곳에 들어가면 (대부분 맨 밑에 위치) '빠른 작업' 항목에서 [윤곽선 만들기] 버튼을 찾을 수 있습니다. 이것을 눌러 주세요.

디자인 내에 텍스트가 많은데 이걸 언제 하나하나 다 적용하고 있나요? 하실 수도 있습니다. 하지만 걱정 마세요! 문자 외의 오브젝트를 선택한 뒤 윤곽선 만들기를 적용해도, 윤곽선을 만들 수 있는 대상에 한정해서만 무사히 윤곽선 만들기 작업이 진행됩니다. 따라서 디자인 속 전체 텍스트의 아웃라인을 따셔야 한다면, Ctrl+A 단축키로 전체 오브젝트를 선택하신 뒤 윤곽선 만들기를 진행해 주세요. Shift 키로 복수 선택을 하신 뒤 아웃라인을 따셔도 동일하게 적용됩니다.

3. 적용 결과, 유의할 점

글자에 그어져 있던 밑줄이 사라지고, 문자 외곽선을 따라서 패스가 생긴 게 보이시나요? 이 상태로도 글자의 크기나 각도 등의 조절은 가능합니다. 마치 도형 오브젝트처럼요. 하지만 이제 이것은 더 이상 '문자' 유형으로 처리되는 오브젝트가 아니기 때문에, 자간이나 커닝, 행간 설정 같은 '문자' 항목의 기능을 이용할 수 없습니다.(패스를 선택하여 수동으로 조절하는 작업은 가능합니다.) 그리고 텍스트의 내용을 수정할 수도 없게 됩니다. 이 점을 정말 유의하셔야 해요!

동일 디자인으로 내용만 바꿔서 여러 결과물을 제작해야 하는 경우, 미래에 수정 가능성이 있는 경우 등은 윤곽선 작업을 하기 이전 버전을 사본으로 백업해 두시는 게 좋습니다. 이미 윤곽선 처리가 다 되어 있는 파일만 남아 있다면 텍스트 내용이나 폰트 등을 바꾸고 싶어도 문자 툴로 직접 다시 쓰는 방법밖에 없으니 번거로워요. 반복 작업을 방지하기 위해 사본 저장! 필요시 꼭 기억합시다!

이렇게 윤곽선을 따준 상태로 ai나 pdf 파일 저장을 한 뒤 인쇄소로 보내면 텍스트가 이상하게 변형되지 않고 무사히 나타난답니다. 이것은 더 이상 문자가 아닌 선과 선의 집합이 되었기 때문이지요. 글자를 쪼개라, 윤곽선을 만들어서 달라, 아웃라인을 따라 등등... 대체 무슨 말인지 난감하셨던 분들에게 조금이나마 도움이 되었으면 좋겠습니다!