Illustrator 영역 문자(area type) 사용하기

인디자인 문서에 글자를 넣어본 적이 있다면, 일러스트레이터에서 **영역 문자(area type)**를 다룰 때도 익숙함을 느낄 것입니다. 물론, 차이점도 있을 겁니다. 키보드에서 T를 눌러 **문자 도구(type tool)**를 선택하고 이 아트워크의 뒷표지로 이동하겠습니다. 아래쪽에서 클릭하고 드래그하여 다음과 같이 프레임을 만들겠습니다.

 

이제 Esc 키를 눌러 **선택 도구(selection tool)**로 전환합니다. 그리고 이 글자를 확대하겠습니다. 키보드에서 Command + 를 몇 번 눌러 확대했습니다. 이 글자는 배경에 대비되어 보기가 매우 어렵습니다. 그래서 두 가지 선택지가 있습니다. 글자 색상을 변경하거나, 글자가 들어있는 상자의 색상을 변경하는 것입니다. 지금은 전자를 선택하여 글자 색상을 변경하겠습니다.

인디자인과 달리, 여기에서 **텍스트 상자(text box)**가 선택된 상태에서 **색상 견본 패널(swatches panel)**의 색상은 실제로 **텍스트(text)**를 나타냅니다. 색상이 변경되는 것을 볼 수 있습니다. 인디자인에서는 프레임이 변경되었을 것입니다. 하지만 이 두 가지는 별개입니다.

그 외에도, 이 부분은 매우 익숙하고 유사하다고 생각할 수 있습니다. **연결된 텍스트(threaded text)**를 위한 **입력 포트(inflow port)**와 **출력 포트(outflow port)**가 있기 때문입니다. 인디자인 작업을 해본 적이 없고 이 두 가지가 무엇인지 궁금하다면, 간단히 시연해 보이겠습니다. 이 **텍스트 상자(text box)**를 원래보다 훨씬 작게 만들겠습니다. 당연히 이제 상자 안에 표시할 수 있는 것보다 더 많은 텍스트가 있습니다. 이때 이 아이콘이 나타납니다. 안에 더 많은 텍스트가 있다는 것을 알려줍니다.

 

이것을 클릭한 다음 밖으로 나와 새 프레임을 그릴 수 있습니다. 이렇게 하면 **연결된 텍스트(threaded text)**라고 알려진 것이 생성됩니다. 텍스트가 어디로 가는지 보여주는 작은 화살표가 보입니다. 그리고 여기 **입력 포트(inflow port)**가 채워져 있습니다. 이는 텍스트가 들어오고 있다는 것을 알려줍니다. 아주 큰 레이아웃에 있어서 보이지 않을 경우를 대비해서 말이죠. 이제 여기 **출력 포트(outflow port)**는 비어 있습니다. 우리가 가진 텍스트를 모두 표시할 수 있는 충분한 공간을 제공했기 때문입니다.

추가 프레임을 삭제하고 이 프레임의 크기를 다시 조정하겠습니다. 잠시 전 텍스트가 잘 보이지 않던 문제로 돌아가 봅시다. 이 부분의 색상을 어떻게 지정할까요? 많은 사람들이 단순히 뒤에 직사각형을 그릴 것이라는 것을 알고 있습니다. 그것이 잘못된 것은 아니지만, 휴대성을 위해 추가적인 것을 만들 필요가 없기 때문에 실제로 필요하지 않습니다.

 

여기서 필요한 것은 **직접 선택 도구(direct selection tool)**입니다. 그런 다음 프레임을 클릭해야 합니다. 다른 모든 핸들이 사라진 것을 알 수 있습니다. 이제 **채우기 색상(fill color)**을 지정해 보겠습니다. 현재는 전혀 채워져 있지 않습니다. 대비가 잘 될 만한 색상을 선택하세요. 저는 아주 어두운 회색을 선택하겠습니다.

하지만 텍스트 자체가 상단 가장자리에 너무 붙어 있어 이상적이지 않습니다. 상자를 좀 더 크게 만든 다음 문자(type) 메뉴로 이동하겠습니다. 제대로 선택되어 있다면(제가 다시 선택 도구로 선택했습니다), 문자(type) 메뉴로 가서 **영역 문자 옵션(area type options)**으로 이동하겠습니다.

 

여기서 상자의 폭과 높이를 숫자로 제어할 수 있지만, 물론 **속성 패널(properties panel)**에서도 할 수 있습니다. 여기서 **행(rows)**과 **열(columns)**을 도입할 수 있습니다. 테이블과 같은 것을 만들고 싶다면 일러스트레이터에는 테이블 기능이 전혀 없기 때문에 이렇게 할 수 있습니다.

 

**스팬(span)**을 설정할 수 있습니다. 이것은 각 개별 요소의 폭입니다. 내려갈수록 어떻게 변하는지 볼 수 있습니다. 그리고 **거터(gutter)**는 행이나 열과 관련하여 추가하는 요소 사이의 공간입니다. 지금 우리가 찾고 있는 것은 **오프셋(offset)**입니다. **여백(inset spacing)**을 추가하여 프레임 가장자리에서 텍스트를 밀어낼 수 있습니다. 이 여백은 **전역적(global)**입니다. 즉, 가장자리 전체에 적용됩니다.

텍스트와 관련된 항목을 선택할 수 있습니다. 몇 가지를 직접 사용해 보고 어떻게 작동하는지 이해할 수 있습니다. 이 모든 것을 자세히 다룰 시간은 없지만, 기본적으로 캡 높이(cap height), 어센트(ascent) 또는 **x 높이(x height)**에서 작업할 수 있습니다. 상자 안에서 어떻게 **정렬(aligned)**되는지 결정할 수 있습니다. 때로는 효과가 없는 것처럼 보일 때도 있지만, 이는 다른 모든 것들(예: **여백(inset)**이 계산되는 방식) 때문에 그렇습니다.

다른 행과 열이 있다면 텍스트 흐름(flow) 방식도 변경할 수 있습니다. 상자에서 상자로, 왼쪽에서 오른쪽으로, 또는 열을 위아래로 흐르게 할 수 있습니다. 좋습니다. **확인(OK)**을 누르겠습니다.

 

여기서 관심 있을 수 있는 다른 옵션은 물론 **단락 옵션(paragraph options)**입니다. 여기에는 **단락 정렬(paragraph alignment)**이 있습니다. 일러스트레이터에 비교적 새로 추가된 **글머리 기호(bullets)**와 **번호 매기기(numbering)**를 설정할 수 있습니다. **들여쓰기(indents)**가 필요하다면 여기서 설정할 수 있습니다. 또한 **단락 앞 공간(space before)**과 **단락 뒤 공간(space after)**을 설정할 수도 있습니다. 이는 항상 추가 새 줄을 추가하는 것보다 텍스트 간격을 훨씬 효율적으로 조정하는 방법입니다. 제가 지금 단락 앞 공간을 늘리고 있는데, 이 줄이 아래로 이동하는 것을 볼 수 있습니다.

여기까지입니다. 영역 문자(area text) 작업 방법입니다. **연결된 텍스트(threaded text)**를 만들 수 있습니다. 또한 이제 포함된 문자에 적합한 간격을 갖도록 **텍스트 상자(text box)**를 설정하는 방법도 알게 되었습니다. 감사합니다.