일러스트레이터 양각 효과 - illeoseuteuleiteo yang-gag hyogwa

단순하고 평평한 텍스트는 종종 디자인에 있는 다른 벡터 요소에 가려져 눈에 들어오지 않을 수도 있습니다. 윤곽 효과를 내는 두 가지 방법으로 시선을 사로잡는 타이포그래피를 만들어 보세요.

윤곽이나 경사가 들어간 타이포그래피는 오랫동안 디자인 세계에 존재했지만, 효과를 처리하는 방법과 스타일은 계속해서 발전해 왔습니다. 광고 세계의 디자이너들은 윤곽이 들어간 활자를 맞춤형 폰트 스타일, 분필로 쓴 손글씨 및 타이포그래픽 포스터에 결합했습니다. 다용도로 쓰일 수 있는 이 활자 스타일은 섬세한 스크립트와 세리프를 더해 우아하게 만들거나, 부드러운 색조, 두꺼운 윤곽선, 약간의 질감을 넣어 복고풍 분위기로 만들 수 있습니다. 빈티지한 질감, 그레인 또는 그림자 같은 여러분만의 개성을 더해 이 간단한 타이포그래픽 기법을 쉽게 향상시킬 수 있습니다.

일러스트레이터 양각 효과 - illeoseuteuleiteo yang-gag hyogwa

어도비 일러스트레이터에서 윤곽이나 경사가 들어간 텍스트를 디자인하는 방법은 여러 가지가 있습니다. 두 가지 다른 방식으로 이 인기 있는 스타일을 만드는 방법을 알아보겠습니다.


돌출과 경사(Extrude & Bevel) 효과로 윤곽이 들어간 활자 만드는 방법

일러스트레이터의 편리한 돌출과 경사 효과로 그림자 또는 등각 투상과 같은 다양한 3차원 효과를 만들 수 있습니다. 이런 다양한 효과 외에도, 돌출과 경사 메뉴로 경사를 넣어 텍스트를 변신시킬 수 있습니다.

일러스트레이터 양각 효과 - illeoseuteuleiteo yang-gag hyogwa

돌출과 경사 효과의 유일한 단점은 O 또는 C와 같은 둥근 문자 형태의 경사를 매핑하기가 어렵다는 것입니다. 돌출과 경사 효과는 T 또는 L과 같이 분명하게 각진 문자 형태에 가장 잘 작동해서 몇 번의 클릭만으로 윤곽이 들어간 느낌을 만들어 낼 수 있습니다.


1단계: 산세리프나 세리프 스타일로 문구 입력하기

먼저 굵은 산세리프나 슬랩 세리프로 구나 단어를 입력합니다. 문자 도구(Type Tool, 단축키:T)를 사용해 텍스트를 입력하고 문자(Character) 또는 단락(Paragraph) 패널로 이동해 글꼴 스타일과 위치를 변경합니다.

일러스트레이터 양각 효과 - illeoseuteuleiteo yang-gag hyogwa

Montserrat 또는 Josefin Slab과 같은 굵은 기하학적 글꼴 스타일이 경사 효과에 가장 적합합니다. 돌출과 경사 메뉴를 사용할 때 스크립트나 둥근 스타일은 비정상적인 결과를 초래할 수 있습니다.


2단계: 돌출과 경사 효과 열기

선택 도구(Selection Tool, 단축키: V)로 경사를 넣으려는 텍스트를 선택한 후, 효과(Effect) > 3D > 돌출과 경사(Extrude & Bevel)로 들어갑니다. 다양한 방법으로 텍스트를 조정할 수 있는 몇 가지 옵션이 나타나게 됩니다.

일러스트레이터 양각 효과 - illeoseuteuleiteo yang-gag hyogwa

위치(Position)앞쪽(Front)으로 설정한 다음 경사(Bevel) 옵션으로 이동해 기본(Classic)을 선택합니다. 다른 경사 옵션을 시도해 보실 수도 있지만, 저는 이 설정이 예시 이미지에 들어간 경사와 매우 비슷하다고 생각합니다. 글꼴과 글꼴의 크기에 따라 높이 10포인트 이하로 조정합니다. 크기가 너무 크면 경사 간섭이 발생해 비정상적인 결과로 이어질 수 있습니다. 마지막으로 표면(Surface)을 플라스틱 음영(Plastic Shading)으로 설정합니다. 확인을 눌러 텍스트로 다시 돌아갑니다.


3단계: 확장 및 다시 칠하기

기본적으로 돌출과 경사 효과는 기존 텍스트의 색상을 기준으로 밝은 영역과 어두운 영역을 만듭니다. 오브젝트(Object) > 모양 확장(Expand Appearance)으로 들어가서 각 벡터 모양의 색조를 쉽게 변경할 수 있습니다. 경사가 들어간 각각의 모양은 이제 개별적이면서도 다른 모양과 그룹화된 벡터입니다. Shift + Command + G를 눌러 모든 텍스트 요소를 그룹 해제한 다음 다시 그룹 해제해서 모든 경사 모양을 분리합니다.

일러스트레이터 양각 효과 - illeoseuteuleiteo yang-gag hyogwa

선택 도구(Selection Tool, 단축키:V)로 개별 벡터 모양을 활성화한 후 사용자 정의 견본 팔레트 또는 색상 메뉴의 색상 슬라이더를 사용해 색상을 다시 지정합니다. 3차원 모양에는 다양한 색조로 설정된 하이라이트, 중간 톤, 쉐도우가 필요합니다. 텍스트에 쉐도우가 들어갈 부분, 그리고 그보다 더 밝은 부분이 어디인지 생각해 보세요.

일러스트레이터 양각 효과 - illeoseuteuleiteo yang-gag hyogwa

이런 주요 하이라이트와 쉐도우를 파악하는 가장 좋은 방법은 가상의 광원을 만드는 것입니다. 타원 도구(Ellipse Tool, 단축키: L)로 원을 그려 ‘빛’이 나오는 방향을 정확히 알 수 있습니다. 해당 ‘광원’에 가장 가까운 부분에는 밝은 색조를 지정하고, 가장 먼 부분에는 어두운 색조를 지정하세요.

일러스트레이터 양각 효과 - illeoseuteuleiteo yang-gag hyogwa

경사가 들어간 각각의 모양에 다양한 색조, 음영, 색조를 시도해 보세요. 저는 단색의 색채 배합을 선호하지만, 여러분께서는 대담하게 눈길을 끄는 색조를 사용해 보셔도 좋습니다.

경사가 들어간 텍스트를 조금 더 개성 있게 만들기 위해 윤곽선, 질감, 그라디언트, 하프톤 또는 클리핑 마스크를 개별 벡터 모양에 추가할 수 있습니다.


오프셋 패스(Offset Path)로 윤곽이 들어간 텍스트를 직접 만드는 방법

경사가 들어간 텍스트를 디자인하는 또 다른 방법은 펜 도구를 사용해 각 모양을 직접 만드는 것입니다. 이 방법은 시간이 오래 걸리지만, 최종 결과는 아주 멋집니다.

일러스트레이터 양각 효과 - illeoseuteuleiteo yang-gag hyogwa

돌출과 경사 효과를 쓰는 방법과 달리, 문자 모양에 제한이 없습니다. O나 C와 같은 둥근 문자를 원하는 대로 사용할 수 있습니다.


1단계: 문구 입력

위에서처럼 효과를 줄 굵기가 일정한 산세리프나 슬랩 세리프 글꼴을 찾습니다. 굵기가 달라지거나 끝으로 가면서 가늘어지는 글꼴은 경사 효과가 두드러지지 않습니다.

일러스트레이터 양각 효과 - illeoseuteuleiteo yang-gag hyogwa

문자 도구(Type Tool, 단축키: T)를 사용해 단어나 구를 입력한 다음 오브젝트(Object) > 확장(Expand)으로 이동해 편집 가능한 벡터로 변환합니다.


2단계: 패스 이동(Offset Path)

패스 이동 명령은 모든 비율과 가장자리를 유지하면서 기존 벡터의 축소 버전을 만들어 줍니다. 선택 도구(Selection Tool, 단축키: V)로 벡터 텍스트를 선택한 다음 오브젝트(Object) > 경로(Path) > 패스 이동(Offset Path)으로 이동합니다.

일러스트레이터 양각 효과 - illeoseuteuleiteo yang-gag hyogwa

이동(Offset)과 모양을 조작할 수 있는 패스 이동 메뉴가 나타납니다. 원본 텍스트의 크기에 따라 이동을 -4 ~ -10픽셀 정도로 설정합니다. 이 범위를 넘어서서 이동하면 원본과 겹치거나, 패스가 거의 눈에 띄지 않게 될 수 있습니다. 연결(Joins)각지게(Miter)로, 각의 한계(Miter Limit)4로 설정합니다. 미리 보기를 클릭해 결과가 어떤지 확인한 다음 필요에 따라 이동을 조정하세요. 완료되면 확인을 눌러 벡터로 돌아갑니다.


3단계: 경사가 들어간 벡터 도형 그리기

강력한 펜 도구(Pen Tool, 단축키: P)로 모양을 그려 패스 이동이 적용된 패스의 모서리를 원본 패스에 연결합니다. 이 모양들은 각 문자의 각진 부분에 있게 됩니다. 곡선 부분은 나중에 패스파인더(Pathfinder) 팔레트를 사용할 테니 그대로 두세요.

일러스트레이터 양각 효과 - illeoseuteuleiteo yang-gag hyogwa

각진 경사 모양을 모두 그리고 나면, 나머지 글자의 곡선 부분으로 돌아갑니다. 패스파인더 팔레트[윈도우(Window) > 패스파인더(Pathfinder)]를 불러온 다음 선택 도구(V)로 하나의 문자 내에 있는 모든 모양을 선택합니다. 패스파인더 섹션에서 나누기를 클릭합니다. 이 명령은 모든 겹치는 패스를 개별 벡터 모양으로 나눠줍니다.

일러스트레이터 양각 효과 - illeoseuteuleiteo yang-gag hyogwa

일단 분할되면 일러스트레이터는 모든 모양을 그룹화합니다. Shift + Command + G를 눌러 모든 요소를 ​​그룹 해제하여 각 모양을 개별적으로 선택합니다. 나머지 곡선 문자에 위의 단계를 반복해서 적용하세요.


4단계: 색상 지정

이제 모든 경사 모양이 매핑되었으므로, 즐겁게 색상을 적용할 일만 남았습니다. 메뉴 슬라이더를 사용해 보거나 사용자 정의 견본을 가져올 수 있습니다. 단색 색조가 사실적인 3D 효과를 내줍니다.

일러스트레이터 양각 효과 - illeoseuteuleiteo yang-gag hyogwa

첫 번째 방법과 마찬가지로 하이라이트에는 밝은 색조를, 쉐도우에는 어두운 색조를 적용합니다. 곡선 문자의 경우, 색상의 전환과 그라디언트를 함께 사용하는 것이 가장 좋습니다.


커버 이미지 제공: SFIO CRACHO

더 많은 타이포그래피 스타일을 시도해보고 싶으시나요? 다음 게시물도 확인해 보세요.

  • 타이포그래피에 대한 필수 사항 4가지
  • 눈에 띄는 텍스트를 만드는 타이포그래피 팁 5 가지
  • 일러스트레이터에서 타이포그래피에 디지털 글리치 효과 주는 방법
  • 디자이너를 위한 최고의 무료 폰트: 셰리프, 산 셰리프, 스크립트 등