Illustrator 10 + Web Design & Print

Chapter 1 웹 디자인과 일러스트레이터 _11

1. 일러스트레이터의 활용방안 _12
(1) 다양한 디자인 분야_12
(2) DTP_13
(3) 3D 그래픽_14
(4) 웹 디자인_14
(5) 모바일 컨텐츠 디자인_15
(6) 프리젠테이션 자료 만들기 _15
2. Best Web Designer가 되기 위해 알아야 할 것들_16
(1) 웹 디자이너 경쟁력_16
(2) 웹 디자인 전략 지침_19
3. 벡터 그래픽의 장점을 살린 웹사이트 구경하기_22


Chapter 2 일러스트레이터 10의 새로운 기능 _31

1. 일러스트레이터 10 Preview_32
(1) 우수한 웹 그래픽 제작기능_32
(2) 독특한 창조의 자유_36
(3) 어도비사의 다른 전문가용 제품군들과의 완벽한 호환성 _42

2. 웹을 위한 우수한 그래픽 제작기능들_43
(1) 심볼의 기능과 웹 애니메이션_43
(2) 슬라이스 기능 알아보기_48

3. 일러스트레이터 10 훑어보기_60
(1) 일러스트레이터 10의 툴박스_60
(2) 일러스트레이터 10의 메뉴구성_68


Chapter 3 웹 디자인을 위한 일러스트레이터 10 _91

1. 이미지의 최적화_92
(1) 웹에 어울리는 파일 포맷 알아보기_92
(2) 이미지에 어울리는 파일 포맷 찾아내기_95
(3) Save for web을 이용한 이미지의 최적화 _97
(4) 이미지 최적화하기_110

2. KPT Vector Effects 사용하기_120
(1) KPT Vector Effects 설치하기_120
(2) KPT Vector Effects의 작업화면_123
(3) KPT Vector Effects 필터 적용하기_131

3. 웹을 위한 타이포그라피_151
(1) 웹에서의 타이포그라피_151
(2) 타이포 그라피의 구성요소_153
(3) 웹 타이포 그라피의 특징_154
(4) 일러스트레이터로 폰트를 내맘대로 하기 _159
(5) 클리핑마스크와 Envelope Distort를 이용한 타이포그라피_161
(6) 아트브러시로 나만의 타이포브러시 만들기_171
(7) 인물사진을 응용한 타이포그라피 _173

4. 웹을 위한 이미지 드로잉_179
(1) 직접 선택 툴과 도형 툴을 이용한 드로잉 _179
(2) 바코드 드로잉하기_196
(3) 인트로 화면 만들기_199
(4) 웹페이지의 투명 효과_208
(5) 카드 로고 드로잉_213
(6) 블렌딩을 이용한 Color chart_215
(7) 섬세한 시계 드로잉_220
(8) 애플스타일의 메뉴 바 완성하기_226
(9) 메탈릭 네비게이션 창 드로잉_231

5. 일러스트레이터의 웹 애니메이션_236
(1) 티델키를 이용한 애니메이션_236
(2) 블랜드를 이용한 애니메이션_239


Chapter 4 포토샵-이미지 레디와 같이쓰기 _243

1. 일러스트레이터 파일 불러들이기(레스터라이즈)_244
(1) Open으로 불러들이기_244
(2) Place 명령으로 불러들이기_247
(3) Copy-Paste로 불러들이기 _248
(4) 포토샵에서 작업한 패스를 일러스트레이터로 불러들이기 _250
2. 픽셀 디자인을 이용한 아바타 만들기_253
(1) 일러스트에서 캐릭터 작업하기_254
(2) 포토샵을 이용하여 보정하기_257
3. 이미지 레디를 이용한 스마일 애니메이션_262
(1) 일러스트레이터에서 이미지 작업하기_262
(2) 이미지 레디를 이용한 GIF 애니메이션 만들기_265


Chapter 5 플래시와 같이 쓰기 _271

1. 트위닝을 이용한 양이 있는 움직이는 시계추_272
(1) 양 이미지 그리기_273
(2) 플래시에서 애니메이션 완성하기_277
2. 작동하는 시계_284
3. 내가 만드는 스크린세이버_299
4. South Park 배너 만들기_306
(1) 일러스트레이터에서 필름 드로잉하기_306
(2) 플래시를 이용한 애니메이션 배너_309


Chapter 6 드림위버와 같이 쓰기 _313

1. 슬라이싱을 이용한 기본적인 이미지 삽입_314
(1) 일러스트레이터에서 슬라이스하기_314
(2) 드림위버에서 이미지 삽입하기_316
2. 딩뱃문자를 사용한 간단한 롤오버 효과_322
(1) 아이콘 드로잉하기_323
(2) 드림위버에서 효과주기_327
3.이미지맵 사용하여 링크걸기_331


Chapter 7. Illustrator for Print _337

1. 아트워크의 프린팅시 주의할 점_338
(1) 작업 영역_338
(2) 최종 아트워크는 항상 CMYK모드로 저장할 것_338
(3) 사용한 서체를 확인하고 프린트할 것_341
2. 네온 텍스트의 생일축하 카드 만들기_341
3. 패턴을 이용한 커피 브로슈어 제작하기_348
(1) 바탕 패턴 만들기_349
(2) 카피 로고 제작하기_350
(3) 브로슈어 완성 하기_354


부록 1 Web Color_361
1. 웹 컬러 모드_362
2. 웹 사이트 배색_371
3. 색의 상징성_375
4. 색 설계 기본 원리 _379

부록 2 Web Layout&Interface Design
1. Web Layout의 개념 _384
2. 레이아웃과 시선의 이동 _386
3. 레이아웃의 형태와 분석 _390
4. 인터페이스 디자인의 기본 원칙 _391