이 책은 단순한 일러스트레이터와 포토샵 기능을 소개하는 책이 아닙니다. 그래픽에서 가장 많이 사용되는 일러스트레이터와 포토샵의 부족한 부분을 보완하여 효율적으로 디자인을 합니다. 제품, 환경, 시각 디자인을 통해 디자인 감각은 물론 툴의 핵심 기능까지 완벽하게 익힐 수 있으며 두 가지 툴의 활용으로 작업 능률도 향상할 수 있습니다. 그래픽 툴의 중심인 일러스트레이터와 포토샵의 효율적으로 활용하여 머릿속에 있는 아이디어를 디자인 결과물로 탄생시켜 당당하게 제시할 수 있습니다.
일러스트레이터와 포토샵 활용의 스킬을 향상시키는 Mix Up! Illustrator + Photoshop. 일러스트레이터와 포토샵 CS3를 활용하여 디자인에서 기본이 되는 아이디어 스케치를 바탕으로 제품, 환경, 시각 디자인을 합니다. 디자인에 필요한 소스와 클라이언트에게 제시할 수 있는 결과물 등을 일러스트와 포토샵을 적절히 활용하여 제작합니다. 실무에서 바로 적용할 수 있는 예제를 시작으로 재단선, 해상도 설정 등을 직접 적용하여 작업 스킬을 향상시킬 수 있습니다.



이 책은 단순한 일러스트레이터와 포토샵 기능을 소개하는 책이 아닙니다. 그래픽에서 가장 많이 사용되는 일러스트레이터와 포토샵의 부족한 부분을 보완하여 효율적으로 디자인을 합니다. 제품, 환경, 시각 디자인을 통해 디자인 감각은 물론 툴의 핵심 기능까지 완벽하게 익힐 수 있으며 두 가지 툴의 활용으로 작업 능률도 향상할 수 있습니다. 그래픽 툴의 중심인 일러스트레이터와 포토샵의 효율적으로 활용하여 머릿속에 있는 아이디어를 디자인 결과물로 탄생시켜 당당하게 제시할 수 있습니다.

Part 01. 생각하는 대로 만드는 제품 디자인

Section 01 아이디어 스케치 리터칭하여 디자인 소스로 만들기
Step 1. 포토샵으로 아이디어 스케치 이미지 보정하기
Step 2. 포토샵으로 입체적 표현을 위한 리터칭하기
Step 3. 일러스트레이터로 만든 디자인 소스 적용하기
포인트 따라잡기 | 일러스트레이터에서 원하는 사이즈대로 만들기
포인트 따라잡기 | 포토샵과 일러스트레이터를 넘나드는 Smart Object

Section 02. 제품 그래픽을 위한 디자인 소스 만들기
Step 1. 일러스트레이터로 로고와 심볼, 타이틀 이미지 만들기
Step 2. 일러스트레이터에서 포토샵 파일로 저장하기
Step 3. 포토샵에서 재질 표현하여 완성하기
포인트 따라잡기 | 오브젝트의 결합과 분리하는 [Pathfinder] 팔레트
포인트 따라잡기 | 포토샵에서 일러스트레이터로 저장하기와 불러오기

Section 03. 제품 설명을 위한 디자인 패널 만들기
Step 1. 포토샵에서 아이디어 스케치를 소스로 만들기
Step 2. 포토샵에서 3D 효과 표현하기
Step 3. 포토샵에서 패널 레이아웃 디자인하기
Step 4. 일러스트레이터에서 구성 요소 제작 후 완성하기
포인트 따라잡기 | [Stroke] 팔레트를 이용하여 다양한 선 만들기
포인트 따라잡기 | 선택 영역의 편집

Section 04. 다양한 색상의 시계 디자인하기
Step 1. 일러스트레이터에서 정교한 라인 드로잉하기
Step 2. 포토샵에서 패스를 활용한 렌더링하기
Step 3. 포토샵에서 재질 표현하기
Step 4. 포토샵으로 다양한 제품 이미지 만들기
포인트 따라잡기 | 오브젝트를 정렬하는 [Align] 팔레트
포인트 따라잡기 | 플라스틱 소재의 표면처리

Section 05. 다양한 재질을 표현하여 하드웨어 인터페이스 디자인하기
Step 1. 일러스트레이터에서 기본 외형 만들기
Step 2. 일러스트레이터에서 렌더링 소스 완성하기
Step 3. 일러스트레이터에서 템플릿 제작한 후 레이어 정리하기
Step 4. 포토샵에서 소재의 표현과 입체감 적용하기
Step 5. 포토샵에서 반사광을 표현한 후 완성하기
포인트 따라잡기 | 패스에 따라 문자 입력하기
포인트 따라잡기 | 레이어 스타일의 [Bevel and Emboss]

Section 06. 정확한 치수로 만드는 사인 디자인
Step 1. 일러스트레이터에서의 디자인 라인 정리하기
Step 2. 일러스트레이터에서 로고 삽입 후 저장하기
Step 3. 포토샵에서 소재의 표현과 입체감 적용하기
Step 4. 포토샵에서 다양한 컬러의 적용하여 완성하기
포인트 따라잡기 | 일러스트레이터에서 포토샵 파일로 저장하기
포인트 따라잡기 | 다양한 색 표현하기

Part 02. 감각을 표현하는 환경 디자인

Section 01. 매장의 파사드 디자인 채색하기
Step 1. 일러스트레이터에서 오토캐드 도면 정리하기
Step 2. 포토샵에서 재질 합성하기
Step 3. 포토샵에서 입체감 표현하기
Step 4. 일러스트레이터에서 레이아웃 정리하여 완성하기
포인트 따라잡기 | 편리한 일러스트레이터의 환경설정
포인트 따라잡기 | Feather 값 적용에 따른 선택 영역 경계의 변화

Section 02. 이미지 합성하여 프레젠테이션 보드 만들기
Step 1. 포토샵에서 다양한 표현 요소 정렬하기
Step 2. 포토샵에서 이미지 톤 조절 후 저장하기
Step 3. 일러스트레이터에서 프레젠테이션 보드 완성하기
포인트 따라잡기 | [Live Trace]를 이용하여 이미지를 오브젝트로 만들기
포인트 따라잡기 | 형태의 자유로운 변형을 하는 [Transform]

Section 03. 주거 공간 디자인의 평면도 표현하기
Step 1. 일러스트레이터에서 실내 평면도 수정하기
Step 2. 포토샵에서 다양한 재질 표현하기
Step 3. 포토샵에서 사실감 있게 표현하기
Step 4. 일러스트레이터에서 시각 요소 적용하여 완성하기
포인트 따라잡기 | 일러스트레이터에서의 레이어 활용
포인트 따라잡기 | 선택 영역의 저장과 활용

Section 04. 주거 공간의 지적 배치도 설계에 따라 채색하기
Step 1. 일러스트레이터에서 지적도 라인 정리하기
Step 2. 포토샵에서 자연 소재 적용 후 평면도 합성하기
Step 3. 포토샵에서 입체 요소 적용 후 음영 표현하기
Step 4. 일러스트레이터에서 표시 기호 삽입하여 완성하기
포인트 따라잡기 | [Live Paint]를 활용하여 빠르게 면과 선의 색상 적용하기
포인트 따라잡기 | [Burn Tool]과 [Dodge Tool]의 활용

Part 03. 디자인 트렌드를 반영하는 시각 디자인
Section 01. 캐릭터 디자인을 활용한 스티커 만들기
Step 1. 일러스트레이터에서 자동차 캐릭터 패스 만들기
Step 2. 일러스트레이터에서 채색하여 완성하기
Step 3. 포토샵에서 이미지 소스 만들기
Step 4. 일러스트레이터에서 재단선 만들기
포인트 따라잡기 | 일러스트레이터에서 필요 없는 영역 지우기
포인트 따라잡기 | 선택 영역의 제어

Section 02. 워드마크 디자인과 응용 이미지 만들기
Step 1. 일러스트레이터에서 가이드라인 정리하기
Step 2. 일러스트레이터에서 워드마크 디자인 완성하기
Step 3. 포토샵에서 응용 이미지 만들기
포인트 따라잡기 | 일러스트레이터에서 Alt 키를 활용한 오브젝트 만들기
포인트 따라잡기 | [Patch Tool]과 [Clone Stamp Tool]로 이미지 복제하기

Section 03. 규격에 따른 로드 사인을 디자인하여 실제 이미지에 적용하기
Step 1. 일러스트레이터에서 로드 사인 제작하기
Step 2. 일러스트레이터에서 입체감 표현하기
Step 3. 포토샵에서 합성하여 최종 이미지 제작하기
포인트 따라잡기 | 일러스트레이터에서 이미지를 템플릿으로 활용하기
포인트 따라잡기 | [Lighting Effects]로 실감나는 조명 효과 만들기

Section 04. 포트폴리오를 위한 콘텐츠 페이지 만들기
Step 1. 일러스트레이터에서 레이아웃 디자인하기
Step 2. 포토샵에서 아이콘 이미지 만들기
Step 3. 포토샵에서 액션 기능을 활용하여 소스 만들기
Step 4. 일러스트레이터에서 출력 데이터 만들기
포인트 따라잡기 | 일러스트레이터에서 인쇄를 위한 준비
포인트 따라잡기 | [Out Glow]와 [Inner Glow] 레이어 스타일의 활용

Section 05. 가습기 라벨 디자인과 제품 이미지 합성하기
Step 1. 일러스트레이터에서 라벨 디자인 만들기
Step 2. 일러스트레이터에서 텍스트 로고 삽입하기
Step 3. 일러스트레이터의 [Live Color] 기능 활용하기
Step 4. 포토샵에서 라벨 디자인 적용하여 완성하기
포인트 따라잡기 | [Live Color]를 활용한 다양한 색의 조합
포인트 따라잡기 | [Spherize]와 [Warp]을 활용한 라벨의 합성