일러스트레이터 폰트 일괄 변경 - illeoseuteuleiteo ponteu ilgwal byeongyeong

모형 이미지 SAHACHATZ. 프로모션 배너 Romanova Ekaterina.

Shutterstock의 스톡 벡터 컬렉션으로 디자인과 일러스트레이션에 쉽게 접근하여 디자인 작업을 빠르게 시작할 수 있습니다. 많은 스톡 벡터 이미지 레이아웃은 세일 프로모션이나 텍스트가 디자인에서 어떻게 나타날지 보여주는 샘플 텍스트 기능이 있습니다. 이 벡터를 EPS 파일 포맷으로 다운로드하고 어도비 일러스트레이터 내에서 열어보세요.

캠페인 또는 비즈니스 사양에 맞게 사본을 맞춤 설정하고 싶을 수도 있는데, 벡터는 “Sample Text Here” 또는 클래식한 “Lorem Ipsum” 필러 텍스를 고정값으로 가지고 있습니다. 텍스트가 벡터화된 경우 어떻게 수정할 수 있을까요?

아래의 어도비 일러스트레이터에서 벡터화된 샘플 텍스트를 단 몇 단계만에 수정해서 사용하는 법과 타입 툴(Type Tool)패스 툴 위의 텍스트(Type on a Path Tool)에 대해 알아보세요.


어도비 일러스트레이터에서 타입 툴 격파하기

왼쪽 툴바에 있는 Type Tool (T)은 명백하게 어도비 일러스트레이터 내에서 가장 중요한 도구 중 하나입니다. 이 도구에서 몇 가지 기능을 사용하여 가로 텍스트를 작성하거나 벡터에 맞춰 정렬할 수 있습니다.

Type Tool이 활성화되면 텍스트 상자를 클릭 앤 드래그하여 텍스트 경계선으로 만드세요. 텍스트 상자가 없는 것을 선호한다면 문서를 클릭하여 시작 지점에서 텍스트를 시작할 수도 있습니다. 중심 콘텐츠를 작성하면서 텍스트 상자 밖에 놓인 텍스트를 주의하세요.

빨간 더하기 표시의 작은 상자가 벗어난 텍스트를 경고하는 게 보일 겁니다. Shift + Command + < 로 간단하게 글꼴 크기를 줄여서 모든 텍스트가 화면에 제대로 보이는지 확인하세요. 필요하다면, Selection Tool (V)에서 텍스트 상자를 클릭 및 드래그하여 확장할 수도 있습니다.

일러스트레이터 폰트 일괄 변경 - illeoseuteuleiteo ponteu ilgwal byeongyeong

Type on a Path Tool로 곡선, 앵글에 맞춰지고 심지어 거꾸로 된 텍스트도 볼 수 있습니다. 이 도구는 기울기를 따르거나 원형으로 향하는 샘플 텍스트를 편집하는 데 이상적입니다


텍스트의 가로 라인 수정하기

벡터 포맷에서 판매 프로모션 또는 디자인을 다운로드하면 벡터를 사용하는 법을 보여주는 필러 또는 샘플 텍스트를 위한 공간을 발견할 수 있습니다. 샘플 디자인에 언급된 것처럼 여러분의 사업은 75% 세일을 실시하지 않거나 프로모션 코드가 맞지 않을 수 있습니다. 이 텍스트들을 어떻게 수정해야 할까요?

일러스트레이터에서 다재다능한 도구로 쉽게 텍스트 라인을 수정하여 원하는 캠페인대로 수정할 수 있습니다. 간편한 Type Tool, Selection Tool (V), Character 팔레트를 사용하여 몇 단계 만에 디자인 스타일을 과감하게 변형시킬 수 있습니다.

일러스트레이터 폰트 일괄 변경 - illeoseuteuleiteo ponteu ilgwal byeongyeong

이미지 Graf Vishenka. Golden Plains, Bodoni 72, EB Garamond로 텍스트 변형

가이드를 따라서 디자인에 제대로 된 글꼴 정렬을 사용하는 것으로 시작해보세요. Cmd + R로 격자를 불러온 다음 샘플 텍스트 원본의 베이스라인까지 밝은 푸른색 선을 클릭 앤 드래그하고 텍스트의 시작과 끝을 정해 보세요. 격자를 정확하게 설정하여 텍스트가 대칭을 이루게하고 디자인을 완성해보세요.

일러스트레이터 폰트 일괄 변경 - illeoseuteuleiteo ponteu ilgwal byeongyeong

Shift + Cmd + G로 샘플 텍스트의 모든 벡터 요소를 그룹 해제한 다음 대체하고 싶은 텍스트를 Delete key로 지워보세요.

Type Tool (T)로 안내선을 클릭하고 드래그하여 텍스트 상자를 만듭니다. 이 상자는 텍스트가 경계선 안에서만 보이게 합니다. 텍스트 상자를 만들고 싶지 않다면 간단하게 아트보드 내에서 클릭하여 문구를 작성하세요.

Selection Tool (V)로 텍스트 상자를 원하는 만큼 움직이거나 텍스트 상자의 주변의 하얀색 정사각형을 클릭 앤 드래그하여 간단하게 텍스트 상자 크기를 키워보세요.

일러스트레이터 폰트 일괄 변경 - illeoseuteuleiteo ponteu ilgwal byeongyeong

Character 팔레트에서 다양한 폰트를 훑어보며 디자인에 가장 잘 어울리는 스타일을 찾아보세요. 다양한 폰트가 다른 의미를 환기시키며 폰트가 잘 어울리는 것은 효과적인 디자인에 아주 중요합니다.

일러스트레이터 폰트 일괄 변경 - illeoseuteuleiteo ponteu ilgwal byeongyeong

스크립트 스타일은 여성스럽거나 우아한 분위기에, 클래식 세리프는 전문적인 판매 및 세부사항에, 산세리프는 더 캐주얼한 디자인에 가장 잘 어울립니다. 디자인에서 최대 세 개의 폰트로 실험해보고 대조적인 폰트 스타일을 시도해보세요.


앵글 위의 텍스트 편집하기

가로 지향적인 샘플 텍스트 편집 외에 각도가 정해진 텍스트도 쉽게 변경할 수 있습니다.

일러스트레이터 폰트 일괄 변경 - illeoseuteuleiteo ponteu ilgwal byeongyeong

이미지 Dmitry Kostrov. 은은한 소용돌이 컬러 팔레트 적용. 판매 세부사항 Futura PT 적용.

Pen Tool (P)로 편집하려는 각진 텍스트의 베이스라인을 그려보세요. 벡터가 원본 샘플 텍스트에 가능한 정확하게 배치될 수 있게 하세요. 그렇지 않으면 텍스트가 울퉁불퉁하게 보일 수 있습니다.

Shift + Command + G로 다른 벡터 요소에서 샘플 텍스트를 분리한 다음 Delete key로 원본 텍스트를 지우세요.

일러스트레이터 폰트 일괄 변경 - illeoseuteuleiteo ponteu ilgwal byeongyeong

Type Tool 드롭다운 메뉴에 있는 Type on a Path Tool를 활성화하여 Pen Tool (P)로 그린 선을 따라서 문장을 작성하세요. 크기 때문에 텍스트를 볼 수 없다면 Command + Shift + < 또는 폰트 크기를 줄이거나 Character palette를 불러와 폰트 크기를 수정하세요.

일러스트레이터 폰트 일괄 변경 - illeoseuteuleiteo ponteu ilgwal byeongyeong

Direct Selection Tool (A)를 활성화하여 텍스트 정렬을 수정하고 공간 위에 있는 파란색 수직 선을 드래그해보세요. 이 선은 라인 세그먼트 내에서 텍스트의 처음, 가운데, 끝을 수정합니다.

다양한 폰트 스타일을 시도해보고 Character 팔레트 드롭다운에서 텍스트의 커닝 또는 트래킹을 수정해보세요. 텍스트 정렬을 수정하려면 Paragraph 메뉴로 이동하여 다양한 형태의 타당한 옵션을 확인하세요.


커브에서 텍스트 변형

곡선 배너 또는 원형에 맞는 샘플 텍스트는 벅찬 일처럼 느껴집니다. 하지만 위의 똑같은 일러스트레이션 도구로 괜찮게 해결할 수 있습니다.

아치형 배너에서 텍스트

많은 세일즈 프로모션과 광고는 샘플 텍스트와 곡선 배너를 포함하고 있습니다. 판매 프로모션의 특정 세부사항에 맞추려면 대개 텍스트만 수정하면 됩니다.

일러스트레이터 폰트 일괄 변경 - illeoseuteuleiteo ponteu ilgwal byeongyeong

이미지 bokmok. Mark My Words 및 Montserrat로 텍스트 편집

Pen Tool (P)을 사용하여 텍스트의 원본 아래에 곡선 길을 그리는 것부터 시작해보세요. 베지어 곡선을 대부분의 글자가 있는 보이지 않는 선인 베이스라인에 맞추어 수정해보세요. 베지어 곡선이 새로운 텍스트 라인에서 베이스라인 역할을 합니다.

일러스트레이터 폰트 일괄 변경 - illeoseuteuleiteo ponteu ilgwal byeongyeong

Shift + Command + G로 디자인의 모든 벡터 요소를 그룹 해제하여 텍스트만 분리한 다음, Selection Tool (V)로 텍스트를 클릭하고 Delete key를 눌러 원본 벡터 텍스트를 제거하세요.

일러스트레이터 폰트 일괄 변경 - illeoseuteuleiteo ponteu ilgwal byeongyeong

왼쪽 툴바에서 Type Tool를 탐색해보고 커서를 눌러 타입 툴 옵션의 메뉴를 불러오세요. 곡선 위에 “T”로 나타난 Type on a Path Tool가 보일 겁니다.

Type on a Path Tool를 활성화한 다음 Pen Tool로 만든 곡선을 클릭하여 선을 따라 문구를 작성해보세요. 문구의 처음과 끝을 결정하는 파란색 수직 라인이 보일겁니다. Direct Selection Tool (A)을 활성화한 다음 화살표로 이 선들을 클릭 앤 드래그하여 텍스트 길이를 수정하세요.

일러스트레이터 폰트 일괄 변경 - illeoseuteuleiteo ponteu ilgwal byeongyeong

Character 팔레트에서 폰트를 탐색하여 어떤 스타일이 세일 프로모션에 가장 잘 어울리는지 확인할 수 있습니다. Command + Shift + < / >로 필요한 만큼 폰트 크기를 줄이거나 키우고 문장의 커닐 및 트래킹을 수정하여 가독성을 높일 수 있습니다.

간편한 어도비 키보드 단축키를 확인하고 디자인 작업흐름을 개선해보세요.

곡선 원형에서의 텍스트

가벼운 곡선에 놓인 텍스트처럼 원형 지향성을 따르는 샘플 텍스트를 몇 단계만에 변형할 수 있습니다.

일러스트레이터 폰트 일괄 변경 - illeoseuteuleiteo ponteu ilgwal byeongyeong

이미지 Romanova Ekaterina. 몬트세라트로 텍스트 수정

아래에 보이는 것처럼 기존의 샘플 텍스트의 위와 아래 프레임이 정확하도록 Ellipse Tool (L)로 두 개의 원을 그리세요. 텍스트의 하나만 수정한다면 샘플 텍스트의 베이스라인에 맞도록 원을 그리세요.

일러스트레이터 폰트 일괄 변경 - illeoseuteuleiteo ponteu ilgwal byeongyeong

Type on a Path Tool로 안에 있는 원을 선택하여 주변에 놓인 텍스트를 수정하세요. 문구를 적은 다음 파란색 수직선을 따라 텍스트의 위치를 수정하세요. 문구 안에 있는 수직선을 클릭 앤 드래그하여 원의 선을 따라 위치한 문구의 위치를 수정하세요.

일러스트레이터 폰트 일괄 변경 - illeoseuteuleiteo ponteu ilgwal byeongyeong

파란선이 내부에 위치한다면 텍스트는 선을 따라 뒤집어져서 읽기 힘들어집니다. 가독성 문제를 피하기 위해 텍스트가 항상 바로 위치하는지 확인하세요. 성공적인 디자인을 위해 언제나처럼 폰트 크기, 스타일, 커닐, 트래킹 등을 수정하세요.

일러스트레이터 폰트 일괄 변경 - illeoseuteuleiteo ponteu ilgwal byeongyeong

원에서 텍스트의 다른 위치에 위의 단계를 해제하고 반복하세요. 이 테크닉은 세일 프로모션에 제한되지 않으며 뱃지 같은 다양한 형태의 디자인에 적용될 수 있습니다.


어도비 일러스트레이터의 능력에 대해 더 알아보고 싶으세요? 다음 팁과 도구 가이드를 확인해보세요.

  • 어도비 일러스트레이터에서 텍스트에 윤곽 효과 주는 방법
  • 일러스트레이터에서 타이포그래피에 디지털 글리치 효과 주는 방법
  • 3가지 방법으로 어도비 일러스트레이터에서 표준 글꼴 사용자 정의하기
  • 어도비 일러스트레이터에서 EPS를 JPG 파일로 변환하는 방법