[TIL 0414] [본캠프] 일러스트 4강 ~ 5강

📗[오늘의 학습 목표]

일러스트 4강 ~  5강

📃[오늘의 학습내용 정리]

✅ 일러스트 4강

 

4-1 손그림 느낌 표현

 

★ Effect → Stylize → Scribble

 

다양한 타입들이 있습니다. 직접 경험하며 느낌을 익힙니다.

★ 수정하고 싶을 때

 

Window → Appearance → 효과 찾기

 

★ 거친 느낌을 주고 싶을 때

Effect → Distort & transform → Roughen

 

4-2 자연스러운 텍스쳐 표현

 

브러쉬를 이용하여 텍스쳐 표현

개인적 팁 : 브러쉬는 만들지 말고 소스 사이트에 찾아서 사용한다.

 

4-3 감성적인 분위기 표현 ★ ★ ★ ★ ★ ★ ★

 

<Grain 효과>

1. Copy → Paste in Place → 음영 색깔 → 맨 뒤로 보내기

2. 원본 복사 → 맨아래 → 잠그기 (원본 백그라운드) 

3. 2개 선택 → Mask

4. Mask 클릭 → 사각형 그리기 → 그라디언트 (Freeform, point )

    블랙 → 적용 안 함 / 화이트 → 적용함

5. Effect → Texture → Grain → Type : Stippled (50 / 25)

6. 완성

 

<Mezzotint Effect> 거친, 살아있는 느낌

1. 원본 → 복사

2. 복사본 → 그라디언트 (Linear)  화이트 0% → 음영 100%

3. Effect → Pixelate → Mezzotint → Coarsedots

 

4-4 입체감 표현

object → Create Gradient Mesh

4-5 디테일과 완성도 표현

Clipping Mask : 맨 위에 오브젝트 모양대로 아래 오브젝트를 자르거나 담아낸다.

Drop shadow : 그림자를 넣어 사실적 표현을 한다.

 

✅ 일러스트 5강

 

5-1 디자인의 한끗 차이, 타이포 그래피

 

"읽히는 글자"이자 "보이는 이미지"

 

Font : 글자의 파일

Typeface : 글자 스타일

 

<타이포 그래피 역할>

1. 정보 전달

2. 감정 전달

3. 브랜딩과 정체성

<타이포 그래피 원칙>

1. 텍스트에 계층을 설정하라

 

2. 적정한 텍스트 크기 설정

- 디지털 : 16px 이상 (모바일 17px 이상 권장)

- 인쇄물 : 9pt ~ 11pt

- 출판물 : 12pt ~ 14pt

- 제목 및 소제목 : 본문보다 크게

- 7pt 이하 금지

 

3. 서체 조합의 원칙

- 2 ~ 3개 정도

 

4. 가독성을 위한 여백 제공

행간 : 글꼴 크기의 1.15 ~ 1.5배

텍스트 한줄 : 60 ~ 70자

 

5. 텍스트 배경 사이의 충분한 대비

 

<포스터 디자인을 위한 비주얼 원칙>

1. Visual Structure : 보이지 않는 그리드 위에 서 있다.

2. Visual Hierarchy : Size, Weight, Color, Position

3. Visual Contrast : 시선을 멈추게 하는 장치

4. Rythnm & Repetition : 시각적 흐름

5. Whitespace : 여백, 의도된 공간

 

5-2 입체적인 타이포 그래피

 

1. Blend

Object → Blend → Blend option → make

텍스트 입력 → 선으로 변경 → 아웃라인 → 복사 → 크기 줄이기 → 맨 아래 배치 → 블랜드 

 

2. Transform effect (스파이럴 효과)

Effect → disort & Transform → Transform effect

Scale / Rotate angle / Copie로 효과 주기

스케일을 줄여 점점 들어가게 만드는 효과

 

3. 3D effect & Blend

Effect → 3D effect → Extrude & Bevel

 

5-3 공간감 있는 타이포 그래피

 

1. 3D Mapping

맵핑 할 텍스트 입력 → 심볼 등록 (그래픽)

원 하나 그림 → 3D and M → 3D → Revolve

Map art → Symbol → Scale to fit

(수동으로도 크기 조절하면서 글자 간격 맞추기)

 

2. Type on a path

동그라미 선 하나 → 반반 씩 텍스트 채우기 → 그룹

Type → Type on a path → Skew

3D → 3D → Rotate 

 

3. 리본 맵핑

사각형 위에 텍스트 입력 → Symbol 등록

원형 선 → 3D → 3D →  Extrude & Bevel  (깊이주기) → Map art 

 

5-4 다양한 타이포 그래피

 

<Blur + Halftone>

텍스트 입력 →  블러 → Radial blur

→ Rasterize → None

→  Effect → Pixelate → Color Halftone

→ Window → Image Trace → Advanced → Trace → Expand

매직선택 툴 → 하프톤과 배경 분리 → 하얀 배경 배경 제거

 

<Wrap (wave)>

텍스트 입력 → 복사 → 중심 맞추기 → 아웃라인 → Unite 

Wrap → wave

 

<3D Effect for wave>

선 하나 → zig zag (Absolute / Smooth)

→ 텍스트 심볼 등록 → 3D Extrude Classic → Expand appearance

→ 더블 클릭 → 그룹해제 → 물결 제거

 

✏️[오늘을 돌아보며]

문득 일러스트 자격증 시험 때가 생각난다. 포토샵과 달리 시간에 엄청 쫒겼다. 내가 모든 것을 직접 만들어야 하기 때문이다. 포토샵과 달리 직접 만들어야 하기 때문에 방법을 알고 있는 것이 매우 중요하다. 포토샵에 비해 과정이 좀 복잡하다. 그만큼 퀄리티는 보장한다. 까먹지 않기 위해 많이 연습해야겠다.