제로베이스 콘텐츠 마케팅 스쿨 | 스터디 노트_6 | 일러스트레이터 기초 (2)

 

01_일러스트레이터의 다양한 채색 방법

Color Picker 기능을 활용한 채색방법 (좌) / Swatches 패널을 활용한 채색방법 (중) / Recolor Artwork 기능을 활용한 색상 편집 기능 (우)

선형·방사형·자유형 그라디언트 적용이 가능한 Gradient 기능 (좌) / 직접 패턴 제작 후 채색에 활용 가능한 Pattern Options 기능 (우)

 

 

 

작업 예시

Recolor Artwork를 활용해 채색한 사탕 이미지 (좌) / Gradient를 활용해 채색한 립스틱 이미지 (우) / Pattern을 활용한 노트 이미지

---

02_일러스트레이터의 문자 입력과 표현

문자 툴 (Type Tool)

 

Type Tool (문자 도구): 지정한 위치에 가로로 문자를 입력

Area Type Tool (영역 문자 도구): 오브젝트의 영역 안에 가로로 문자를 입력

Type on a Path Tool (패스 상의 문자 도구): 외곽선을 따라 가로로 문자를 입력

Vertical Type Tool (세로 문자 도구):  지정한 위치에 세로로 문자를 입력

Vertical Area Type Tool (세로 영역 문자 도구): 오브젝트의 영역 안에 세로로 문자를 입력

Vertical Type on a Path Tool (패스 상의 세로 문자 도구): 외곽선을 따라 세로로 문자를 입력

Touch Type Tool (문자 손질 도구): 개별 문자의 위치나 크기 등을 각각 조정할 수 있는 기능

 

 

작업 예시

Type on a Path Tool을 활용한 이미지 (좌) / Create Ouline을 활용한 말풍선 문자 이미지 (우)

---

03_일러스트레이터의 다양한 오브젝트 표현 기능

왜곡기능능

Object - Enelope Distort 메뉴

 

Make with Warp (변형으로 만들기): 원하는 스타일을 지정한 후 왜곡 정도를 지정하는  왜곡 기능

Make with Mesh (망으로 만들기): 문자의 바운딩 박스에 그물망을 생성하여 이동하고 변형할 수 있는 왜곡 기능

Make with Top Object (최상위 오브젝트로 만들기): 오브젝트의 형태에 맞춰 텍스트를 왜곡 시키는 기능

 

+ Warp Tool (단축키: Shift + R): 드래그를 통해 오브젝트를 왜곡 시키는 기능

 

블렌드 툴 (Blend Tool)

블렌드 툴 (Blend Tool) 옵션

 

Smooth Color (매끄러운 색상): 오브젝트와 오브젝트 사이를 부드러운 색상으로 연결

Specified Steps (지정된 단계): 오브젝트와 오브젝트 사이를 지정한 개수만큼의 오브젝트로 연결

Specified Distance (지정된 거리): 오브젝트와 오브젝트 사이 중간 단계를 지정한 간격을 기준으로 연결

 

이미지 트레이스 툴 (Image Trace Tool)

이미지 트레이스 툴 (Image Trace Tool)

 

비트맵 기반 이미지를 벡터 이미지로 변환할 수 있는 기능.

 

심볼 도구(Symbol Tool)

심볼 도구 (Symbol Tool)

Symbol Sprayer Tool (심볼 스프레이 도구): 심볼을 스프레이 뿌리듯이 분사하는 기능

Symbol Shifter Tool (심볼 이동기 도구): 심볼을 옮기는 기능

Symbol Scruncher Tool (심볼 분쇄기 도구): 심볼을 모으는 기능

Symbol Sizer Tool (심볼 크기 조절 도구): 심볼의 크기를 조절하는 기능

Symbol Spinner Tool (심볼 회전기 도구): 심볼의 각도를 조절하는 기능

Symbol Strainer Tool (심볼 염색기 도구): 심볼의 색상을 변경하는 기능

Symbol Screener Tool (심볼 투명도 도구): 심볼의 투명도를 조절하는 기능

Symbol Styler Tool (심볼 스타일기 도구): 심볼에 그래픽 스타일을 적용하는 기능

 

 

작업 예시

왜곡 기능을 활용한 이미지 작업 예시 (좌) / 브러쉬 툴을 활용한 이미지 작업 예시 (우)

블렌드 툴을 활용한 원근 문자 이미지 작업 예시 (좌) / 심볼 스프레이 툴을 활용한 나무 이미지 작업 예시 (우)

 

소스 이미지 (좌, 중) / 원근감 격자 (Perspective Grid Tool)를 활용한 작업 예시 (우)

 

불투명도 마스크를 활용한 이미지 작업 예시 (좌) / Effect 메뉴를 활용한 날씨 캐릭터 이미지 작업 예시 (우)

 

Tip. 불투명도 마스크는 Transparency 패널에서 적용

Effect 메뉴를 이용했을 때는 Expand Appearance를 적용해야 보이는 형태대로 오브젝트가 고정

---

소감

일러스트에서 많이 쓰이는 여러 기능들을 되짚어 볼 수 있어서 유익했다.

 

같은 결과물을 만들어내더라도 시간적으로나, 용량적으로나

보다 효율적인 결과물을 제작하기 위해서는

기본적인 툴에 대한 이해도가 중요하다는 생각을 또 한 번 할 수 있었다.

 

 

* 이 글은 제로베이스 강의 자료를 발췌해 작성되었습니다.