[AI] [Type on a Path]툴로 패스 위에 텍스트 넣기 1 - 개념과 옵션

[Type on a Path Tool]

뭔가 필요한 디자인 소스가 생겼을때

웹상에서 검색하거나, 미디어 광고, 인쇄물 등

여러 경로를 통해 위 이미지와 비슷한 형식의

디자인을 자주 볼 수 있는데요.

이런 디자인에 들어가는 텍스트 배치 방식은

초, 중, 고, 대학교 아이덴티티를 비롯해

각종 기업, 제품들의 심볼, 엠블럼에서도

굉장히 흔히 쓰입니다.

중요한건 이런 원형 기반 디자인에

텍스트를 배치하려면 패스 형태와

최대한 비슷한 형태로 넣어야만

자연스럽게 넣을 수 있는데요.

간단하게는 Make Envelope를 이용할 수도 있긴합니다.

허나 정확하게 패스에 맞추기 위해서는

Type on a path 툴을 사용하는게 적합한데,

이번 포스팅에서는 툴의 기본적인

사용방법과 개념, 옵션에 대해서

살펴보도록 하겠습니다.

먼저 원형 패스를 만들기 위해

Ellipse^[각주:1] 툴로 [Sh] 누른채

드래그해줍니다.

어차피 패스만 필요하기 때문에

Fill, Stroke 색은 상관 없습니다.

Type 툴을 누르고 있으면

리스트 박스가 열리며 위와 같이

하위 툴들이 나오는데

그 중 Type on a path 툴을 선택합니다.

텍스트의 시작점을 예상하며

만들어둔 Ellipse 오브젝트 위에서

클릭합니다.

클릭과 동시에 색은 사라지고

패스만 남은 오브젝트 위에

텍스트 커서가 생긴걸 볼 수 있습니다.

원하는 텍스트를 작성합니다.

Type 툴을 더블클릭합니다.

해당 툴에 대한 옵션 창이 뜨는데,

먼저 Preview를 체크한 뒤,

세부 옵션들이 어떤 속성을 가지는지

살펴 보겠습니다.

Flip에 체크하게 되면

패스 바깥에 있던 텍스트들이

안쪽으로 들어가게 됩니다.

텍스트의 작성 방향 또한 반전됩니다.

Effect의 리스트박스에는

Rainbow

Skew

3D Ribbon

Stair Step

Gravity

가 있습니다.

기본으로 선택되는 Rainbow는

패스와 텍스트의 각도가 항상

직각이 되도록 유지해줍니다.

다음 리스트는 이미지와 함께

설명하자면

▲ Skew

최초 툴을 클릭한 지점부터

패스의 90도가 되는 부분에서는

텍스트를 기울여 입체적으로 보이도록 합니다.

▲ 3D Ribbon

Skew가 Y축만을 기준으로

기울인다면 3D Ribbon은

X, Y축 모두 기울여 더 3D적인 효과를 줍니다.

▲ Stair Step

계단형식으로 텍스트를 기울이지 않고

위치만 변경되도록 적용합니다.

▲ Gravity

패스의 정중앙을 기준으로 기울이며

멀어질 수록 효과를 크게 주어

당기는 듯한 효과를 줍니다.

(원형 패스의 경우 Rainbow와 차이를 느끼기 어려워 직선패스로 적용함)

Align to Path는 패스를 텍스트의

어느 라인에 일치시킬지 설정하는 부분입니다.

▲ Ascender

텍스트의 최상단을 패스에 맞춰

패스 안쪽에 텍스트를 위치시킵니다.

▲ Descender

텍스트의 최하단 라인을 패스에 맞추며

패스 바깥에 텍스트를 위치시킵니다.

▲ Center

패스를 텍스트 중앙 라인과

일치하게 배치합니다.

▲ Baseline

텍스트의 알파벳상 baseline위에

패스를 맞추며 텍스트를 패스 바깥으로

배치합니다.

이번 포스팅에서는 Type on a path 툴의

기본적인 사용방법 개념, 옵션에 대해서 살펴봤습니다.

다음 포스팅에서는 툴을 실제 사용하는 경우

어떻게 응용해서 활용하는지

그 과정을 좀 더 자세하게 포스팅하도록 하겠습니다.

[Design/AI] - [Type on a Path]툴로 패스 위에 텍스트 넣기 2 - 응용

사진출처

ttps://pixabay.com/photo-3054514

1. Ellipse Tool - 단축키 L [본문으로]