수준 높은 비주얼 디자인을 위한 디자이너 필독서

비주얼 디자이너를 위한 스타일북. 레이아웃, 타이포그래피, 배색 등 디자인을 위해 필수적으로 알아야 할 원칙을 알려 주고, 기존의 책에서는 볼 수 없었던 저작권으로부터 자유로울 수 있는 소스와 텍스처 제작 노하우를 전한다. 이를 통해 다양한 스타일에 대한 자유로운 발상을 유도하면서 창의적인 비주얼 디자인을 할 수 있는 힘을 길러 준다. 또한 다양한 상황에서 활용할 수 있는 실무 디자이너의 포토샵 스킬을 통해 더 깊이 있는 활용을 할 수 있도록 돕는다.

Part 1 효과적인 비주얼 디자인을 위한 특별 레슨

Lesson 01 좋은 레이아웃을 만드는 9가지 원칙

1 여백의 미를 활용하라
2 비례를 염두에 두어라
3 그리드 안에서 역동성을 구현하라
4 요소를 섞어라
5 색상으로 시선을 사로잡아라
6 요소를 계층화하라
7 이야기를 만들어라
8 예상 밖의 요소를 배치하라
9 실험적인 레이아웃을 만들어 보라

Lesson 02 좋은 타이포그래피를 만드는 10가지 원칙

1 글자를 시각적으로 활용하라
2 글자 외 공간을 활용하라
3 정서적인 고정관념을 활용하라
4 캘리그래피와 혼용하라
5 단순 명료하게 표현하라
6 대비를 통해 주목성과 상대성을 높여라
7 벡터 기반의 일러스트레이션과 혼용하라
8 무게감으로 우선순위를 두어라
9 반복을 통한 리듬감을 표현하라
10 다양한 방법으로 실험해 보라

Lesson 03 효과적인 배색을 위한 어도비 쿨러

1 어도비 쿨러 배색 활용 예 살펴보기
2 컬러 휠로 컬러 스와치 만들기
3 이미지로 컬러 스와치 만들기
4 테마 살펴보기
5 배색 수정해 보고 저장하기

Part 2 실무 포토샵 비주얼 디자인 테크닉

Commercial Imagery

Style 01 금속 느낌의 피부 연출
Warming-Up : 인물 소스 촬영하기
1 기본 색상 보정하고 선명하게 하기
2 밝은 부분 표현하고 색감 입히기

Style 02 물방울을 통해 비치는 초상화 연출
Warming-Up : 마스크 살펴보기
1 이미지 단순화하기
2 배경 그레이디언트 만들기
3 브러시 만들고 마스크와 함께 사용하기

Style 03 낡은 느낌의 포스터 디자인
Warming-Up : 레이어 스타일 살펴보기
1 셰이프와 필터로 집중을 위한 프레임 만들기
2 인물 사진과 셰이프 배치하기
3 브러시로 낡은 느낌 적용하기

Style 04 회오리 망점 스티커를 붙인 상품 디자인
Warming-Up : 필터 살펴보기
1 필터로 회오리 배경 만들기
2 하프톤 망점 패턴 만들기
3 망점 텍스트를 이용해 상품명 디자인하기
4 바다 위에 빛나는 느낌의 광고 배경 만들기
5 병 색상 보정하고 굴곡에 따라 스티커 붙이기

Style 05비와 구름 속 물방울이 흩어지는 역동적인 효과
Warming-Up : 블렌딩 모드 살펴보기
1 인물과 먹구름 배경 배치하고 보정하기
2 이미지 손상 없이 선명하고 입체적으로 표현하기
3 물방울 파편, 빛, 비를 만들어 동적인 느낌 표현하기

Style 06 빛, 구름, 연기, 파티클이 있는DVD 재킷 디자인
Warming-Up : [Brush] 패널 옵션 살펴보기
1 필터를 이용한 부분 집중 조명 효과 만들기
2 뭉게구름 형태의 배경 만들기
3 빛나는 연기 효과 만들기
4 조명과 파티클 추가하고 프리셋에 배치하기

디자이너 갤러리 1동심과 향수를 그림에 담다_길완진

Retouching

Style 07 프로페셔널 얼굴 리터칭
Warming-Up : 스탬프 툴 사용하기
1 잡티 제거 및 색상 보정하기
2 지저분한 머리카락 정돈하기
3 이목구비 또렷하게 만들기

Style 08 프로페셔널 전신 리터칭
Warming-Up : Liquify 필터로 드래그하여 변형하기
1 입술 보정하고 머리카락 풍성하게 하기
2 전신 날씬하게 만들기
3 다리 잡티 보정하고 광택 만들기

Style 09 유화 느낌의 디지털 파스텔 초상화 연출
Preview : 파스텔 드로잉을 접한 미술 학교
1 인물 분리하여 배경에 합성하기
2 손가락 툴로 파스텔 드로잉 느낌 표현하기

Style 10 사막을 눈 쌓인 풍경으로 바꾸는 장면 리터칭
Warming-Up : 알파 채널 살펴보기
1 사막을 눈 쌓인 듯이 색상 보정하기
2 부분적으로 눈 쌓인 효과 강하게 하기
3 하늘 색상 보정하기

Digital Painting

Style 11 카툰 페인팅
Warming-Up : 브러시 툴 옵션 살펴보기
1 밑그림 따라 스케치하기
2 채색하기
3 어두운 영역 표현하기
4 밝은 영역 표현하기

Style 12 아이디어 스케치를 표현하는 디지털 콤포지션
Warming-Up : 이미지 소스 촬영하기
1 배경과 브러시 만들고 주요 이미지 배치하기
2 소스에 적합한 효과 적용하여 배치하기
3 빛줄기와 브러시로 작업 마무리하기

Style 13 환상적인 가상 세계 배경 연출
Warming-Up : 색상 보정하기
1 아이디어 스케치 배치해 보기
2 아이디어 스케치를 따라 배경 콤포지션하기
3 환상적인 느낌을 위한 건축물 콤포지션하기
4 전체 색상 황금색으로 조절하기

Style 14 텍스처를 이용한 디지털 이미지 합성
Warming-Up 1 : 물감과 먹으로 텍스처 만들기
Warming-Up 2 : 브러시 프리셋 만들기
1 다양한 방법으로 배경에 물감 자국 합성하기
2 이미지 배치하고 배경과 어울리도록 조절하기
3 옷 영역 그린 다음 패턴 입히기
4 드로잉 선 표시하고 다양한 색 입히기

디자이너 갤러리_ 2작품을 통해 ‘나’를 투사하다_바켠지

Motion Graphic Imagery

Style 15실사 사진을 이용한 코믹북 커버 디자인
Warming-Up : 색상 모드 알아보기
1 패스 만들고 기본 색 지정하기
2 망점 형태 이미지 만들기
3 의상 패스 만들고 그레이디언트 채우기
4 효과 입히고 추가 요소 배치하기

Style 16미디어 아트를 위한 벡터 일러스트레이션
Warming-Up : 애니메이션 섬네일 살펴보기
1 매핑을 위한 벡터 셰이프 그리기
2 프로젝션 매핑 마스크 만들기
3 랜더링하고 매핑 프로그램으로 매핑하기

3D Imagery

Style 17 3D 모델링 텍스처 매핑
Warming-Up : 자유 변형 단축키 알아보기
1 자유 변형으로 매핑하기
2 색감 조절하여 차가운 분위기 연출하기
3 조명 효과 표현하기

Style 18일러스트레이터를 활용한3D 타이포그래피
Warming-Up : 일러스트레이터에서 사용할 기능 알아보기
1 타이포그래피 변형하고 블렌딩 선 입히기
2 색상 입히고 물방울 배치하기

UI Imagery
Style 19아쿠아 아이콘 디자인
Warming-Up : Shape Layers로 영역 조절하기
1 아쿠아 아이콘의 기본 형태 만들기
2 하이라이트 표현하기
3 몸통에 무늬 입히기
4 더듬이와 날개로 아이콘 완성하기
5 다양한 아쿠아 아이콘 만들기

Style 20유리 질감의 UI아트워크 디자인
Warming-Up : [Bevel and Emboss]로 입체 효과 만들기
1 다채로운 색상의 모자이크 배경 만들기
2 버튼이 들어갈 유리 텍스처 스타일 설정하기
3 움푹 들어간 느낌의 버튼 스타일 설정하기
4 이퀄라이저 디자인하기
5 다이얼과 버튼 디자인하기
6 문자 배치하고 선명하게 하기
디자이너 갤러리 3소중한 기억을 통해 공감을 자아내다_양수진

Special

Special 01디자인 업그레이드를 위한 포토샵 스킬 10
Skill 1 연기 효과 만들기 - Gaussian Blur
Skill 2 흑백 포스터 효과 사용하기 - Threshold
Skill 3 자연스러운 연기 라인 효과 만들기 ? Warp
Skill 4 알록달록한 스크래치 드로잉 효과 만들기 - Multiply
Skill 5 구형 도시 이미지 만들기 - Polar Coordinates
Skill 6 네거티브 필름 효과 만들기 - Difference
Skill 7 도시 조명 효과 만들기 ? Noise
Skill 8 빈티지 색감 만들기 - Gradient Map
Skill 9 반짝이는 눈송이 효과 만들기 - Brush Panel
Skill 10 조약돌 타이포그래피 만들기 - Stained Glass

Special 02창의적인 영감을 주는 북마크

Special 03작업 시간을 2배로 빠르게 하는 필수 단축키 모음

색인
참고문헌