일러스트레이터와 포토샵을 하나로!

일러스트레이터와 포토샵 활용의 스킬을 향상시켜주는 활용서. Mix-Up! 시리즈는 실무 디자이너의 업무 효율을 극대화할 수 있도록 2가지 툴의 완벽한 접목과 활용을 기본 모토로 하는 실전 활용서이다. 그래픽 툴 간의 벽을 자유롭게 넘나드는 응용력을 길러주며, 최고의 결과물을 만들어내는 업무 스킬을 자세히 풀어 설명한다.

『Mix Up! Illustrator + Photoshop』는 일러스트레이터와 포토샵 CS3를 활용하여 디자인에서 기본이 되는 아이디어 스케치를 바탕으로 제품, 환경, 시각 디자인을 하는 방법을 소개한다. 실무에서 바로 적용할 수 있는 예제를 시작으로 재단선, 해상도 설정 등을 직접 적용하여 작업 스킬을 향상시킬 수 있다.

★책의 구성 살펴보기
이 책은 일러스트레이터와 포토샵의 활용 방법에 따라 3개의 Part로 구분하였으며, 각 Part는 다시 Section으로 구분하였습니다. 디자인 종류에 따라 제품, 환경, 시각으로 나누어 일러스트레이터와 포토샵 CS3의 다양한 활용 방법을 알아봅니다.

☞CD-ROM 1장이 첨부되어 있습니다. (본문에서 사용한 예제 파일, 완성 파일 / 아시아 폰트 55종)

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]을 활용한 라벨의 합성