일러스트레이터 강의
라인 아이콘 실습
stock 이미지 조사
1) category
2) my page
3) alert
4) messages
5) home
6) setting
7) calendar
8) search
9) location
솔리드 아이콘: 면으로 채워진 아이콘. 좁은 공간이나 작은 크기에서 라인 아이콘보다 적합하다.
면으로 채워 무게감을 주면 작은 크기에서도 존재감이 있어보인다.
- 아이콘 디자인 시 path를 끊어주는 디테일(숨통트기)을 만들때는 논리적 이유가 있어야 한다.
- 프로젝트 전체를 관통하는 주제의식(예: 개방성)과 디자인 디테일을 연결하면 설득력이 높아진다.
Join 기능: 끊긴 path를 연결하는 방법
- join 기능을 쓰면 두 개의 끝점 사이가 자동으로 연결된다.
- 최단거리 직선 연결로, 곡선보다는 직선 오브젝트에 적합하며, 원치 않는 ahchor point 생성을 막아 파일 용량을 최적화하는 데 중요하다.
average 기능: 선택된 점들의 현재 위치 평균 값을 구해 점들을 이동 시켜 주는 기능
- Horizen(수평) 옵션: 선택된 점들이 Y값의 평균값으로 통일되어 수평축을 이룬다.
- Vertical(수직) 옵션: 선택된 점들이 X값의 평균값으로 통일되어 수직축을 이룬다.
- Both 옵션: X, Y 각각의 평균값 모두 통일되어 모든 점이 한 지점에 모인다.
Average 후 join 기능을 함께 사용하면 path를 정리하거나 하나로 합칠 수 있다.
Compound Path: 여러 개의 path를 하나의 path로 묶어 공동으로 효과를 적용할 때 쓴다.
- 오브젝트 선택 후 상단 메뉴에서 Object > Compound Path > Make를 선택하거나, 오른쪽 마우스 클릭으로 Make Compound Path를 실행하여 만들 수 있다.
- Compound Path는 Release(해제)할 수 있으며, 겹쳐진 Path들이 결합될 경우 Pathfinder의 Minus Front와 유사하게 작동한다.
- 라인 아이콘을 솔리드 아이콘으로 변환할 때 활용 가능한 기능이다.
라인 아이콘을 솔리드 아이콘으로 변환하기
- Expand 기능을 사용하여 선의 두께와 코너 형태 등 디자인 디테일을 포함하여 선을 면으로 바꾼다.
- 두 가지 색상 아이콘과 단색 아이콘을 만들 때 면 분할 계획(Pathfinder 활용) 및 디테일 조정(Anchor Point 이동)이 필요하다.
- 단색 아이콘을 만들 때는 Pathfinder를 사용하여 면을 뚫어주는(Minus Front) 등의 작업이 필요하다.
글래스모피즘 아이콘
글래스모피즘
- 유리(Glass)와 형태(Morphism)의 합성어로, 반투명한 유리 질감을 활용하여 시각적인 깊이와 입체감을 주는 UI 디자인 트렌드
- 배경에 Blur 효과를 주고 얇은 테두리(Stroke)와 그림자(Shadow)를 활용하여 유리 너머로 사물을 보듯이 부드럽고 세련된 인상을 연출하는 것이 특징이다.
글래스모피즘을 구성하는 주요 특징
- 반투명성 및 배경 Blur: 유리처럼 반투명한 레이어를 사용하여 배경을 흐릿하게 처리함으로써 깊이감을 부여한다.
- 화려한 배경: 배경에 화려한 색상이나 텍스처를 사용하여 반투명 레이어를 돋보이게 하고 시각적 효과를 높인다.
- 얇은 테두리 (Stroke): 오브젝트를 구분하기 위해 얇고 밝은 테두리를 추가하여 명확한 경계를 만든다.
- 은은한 그림자 (Subtle Shadow): 오브젝트의 입체감을 강조하기 위해 미묘한 그림자를 추가한다.
- 시각적 계층 (Visual Hierarchy): 여러 레이어를 겹겹이 쌓아 올려 어떤 레이어가 가장 앞에 있는지 쉽게 파악할 수 있도록 디자인 한다.
4강: 일러스트레이션 완성도 높이기
손 그림 느낌 표현: 벡터 이미지도 손으로 그린 것 처럼 연출할 수 있다.
- Scribble: 개체의 선이나 면을 손으로 그린 것 처럼 거칠고 불규칙하게 만드는 효과.\
(effect - stylize - scribble)
자연스러운 텍스처 표현: 브러쉬
페인트 브러쉬: 브러쉬 스트로크를 적용할 수 있는 기능
페인트 브러쉬 툴의 기본 기능과 역할
- Paint Brush Tool은 "Draw Pass with Brush Stroke Applied" 기능을 수행한다.
- 이 Tool은 선(Stroke)에 붓터치 느낌의 Brush Stroke를 적용하는 기능.
- Paint Brush Tool로 만든 선뿐만 아니라 Pen Tool로 만든 선에도 Brush Stroke 적용 가능
- Brush 기능은 벡터 기반의 선에 입체감과 스타일을 더하여 사용 범위가 넓다.
페인트 브러쉬 툴 옵션
- Fidelity: smooth, accurate 중 선택하여 앵커 포인트 갯수와 곡선 표현의 정고함을 조절.
smooth로 갈수록 부드러운 곡선이 그려지며 패스가 단순해지고, Accurate으로 갈수록 필압에 따라 Anchor Point가 많이 생성되어 그림이 정교해진다.
- keep selected: drawing 후 object가 선택 된 상태를 유지하는 기능
- edit selected path: 체크하면 paint brush로 그린 path를 변경할 수 있다.
- within: 서로 다른 path를 연걸할 때의 허용치. 수치가 낮을수록 정확히 끝점을 잡아야 한다.
일러스트레이터 브러쉬 종류
- Calligraphic Brush: 붓글씨 느낌을 주는 브러쉬
- Scatter Brush: 등록한 Object를 Path를 따라 흩뿌리듯이 배치하여 텍스처 표현에 집중적으로 쓰인다.
- Art Brush: 등록한 Object를 Path 선에 따라 길게 늘어나면서 그어지는 Brush
- Bristle Brush: 붓 터치 느낌이 강하며 투명도와 강약 조절이 가능하여 회화적 표현에 유용하다
- Pattern Brush: 등록한 Object를 Path를 따라 패턴처럼 반복하여 연결하며 장식 효과를 연출할 수 있다.