목차 일부
1. 소개 ... 2
Lynda의 한 마디 ... 2
이 책의 구성 ... 4
예제 파일과 H·O·T CD-ROM ... 5
CD-ROM에 있는 소프트웨어 파일 ... 6
자주 겪는 문제 해결 (FAQ) ... 6
대상 수준 ... 6
많을 수록 좋은 RAM ... 7
시스템 요구 사항 ... 7
lynda....
더보기
목차 전체
1. 소개 ... 2
Lynda의 한 마디 ... 2
이 책의 구성 ... 4
예제 파일과 H·O·T CD-ROM ... 5
CD-ROM에 있는 소프트웨어 파일 ... 6
자주 겪는 문제 해결 (FAQ) ... 6
대상 수준 ... 6
많을 수록 좋은 RAM ... 7
시스템 요구 사항 ... 7
lynda.com에 관해서 ... 8
필자에 관해서 ... 9
감사의 말 ... 11
2. 인터페이스 ... 12
인터페이스 개관 ... 13
포토샵 5.5와 이미지레디 2.0의 툴바 ... 14
바로가기 버튼 ... 15
유연한 팔레트와 탭 사용하기 ... 16
팔레트를 기본 설정으로 되돌리기 ... 18
팔레트 단축키 ... 19
단축키 ... 20
포토샵에서 도구를 기본 설정으로 다시 설정하는 방법 ... 21
포토샵과 이미지레디에서 숨겨진 도구들 보는 방법 ... 21
3. 색상 관리 ... 22
실전 연습 1 - 웹 디자인을 위한 포토샵 색상 설정 변경하기 ... 24
실전 연습 2 - 웹을 위해 포토샵 환경설정 변경하기 ... 27
4. 최적화 ... 28
웹상에서 속도에 영향을 미치는 것? ... 29
GIF인가? JPEG인가? ... 29
GIF 투명성과 애니메이션 ... 30
손실이 많은가? 손실이 없는가? ... 31
작은 JPEG는 어떻게 만드는가? ... 32
작은 GIF는 어떻게 만드는가? ... 33
PNG란? ... 34
비트 깊이 (Bit Depth)란? ... 35
실전 연습 1 - JPEG를 사용하여 웹용으로 저장하기 ... 36
실전 연습 2 - GIF를 이용하여 웹용으로 저장하기 ... 42
실전 연습 3 - 올바른 팔레트 선택하기 ... 50
실전 연습 4 - 색상 줄이기 ... 53
실전 연습 5 - 감마와 브라우저 디더 미리보기 ... 56
실전 연습 6 - 그래픽 수치 변경하기 ... 59
실전 연습 7 - 브라우저에서 미리보기 ... 60
실전 연습 8 - 이미지레디에서 최적화 설정하기 ... 62
실전 연습 9 - JPEG 최적화하기 ... 64
실전 연습 10 - JPEG에서 매트 색상 사용하기 ... 66
실전 연습 11 - 미리보기와 HTML 작성하기 ... 69
실전 연습 12 - 손실이 많은 압축 사용하기 ... 72
5. 웹 색상 ... 76
그렇다면 웹 안전 색상이란 무엇인가? ... 77
웹 안전 색상이 그렇게 중요한가? ... 80
16진수 색상이란 무엇인가? ... 81
웹 안전 색상을 사용하지 않으면 어떻게 될까? ... 82
실전 연습 1 - Info 팔레트 변경하기 ... 86
실전 연습 2 - HTML로 색상 복사하기 ... 88
실전 연습 3 - 웹 색상만 ... 90
실전 연습 4 - 웹 색상으로 전환 ... 94
실전 연습 5 - 색상 팔레트를 웹 색상으로 설정하기 ... 95
실전 연습 6 - 스와치 팔레트를 웹 색상으로 설정하기 ... 96
실전 연습 7 - lynda.com 스와치 로드하기 ... 98
실전 연습 8 - 디더 미리보기 ... 100
실전 연습 9 - 안전하지 않은 이미지 수정하기 ... 102
실전 연습 10 - 디더링이 좋을 때 ... 107
실전 연습 11 - 투명성 보존하기 ... 110
실전 연습 12 - 디더박스로 채우기 ... 116
실전 연습 13 - 감마 미리보기 ... 119
실전 연습 14 - 이미지레디에서 감마 미리보기 ... 121
6. 문자 ... 122
포토샵 5.5와 이미지레디 2.0의 문자상 차이점 ... 123
실전 연습 1 - 문자에 대한 기본기 ... 124
실전 연습 2 - 바로가기 ... 130
실전 연습 3 - 업데이트 기능 변경하기 ... 132
실전 연습 4 - 문자 편집하기 ... 136
실전 연습 5 - 문자 렌더링 ... 139
실전 연습 6 - 아트워크를 버튼으로 설정하기 ... 144
실전 연습 7 - 이미지레디 레이어 효과 ... 148
실전 연습 8 - 포토샵 레이어 효과 ... 152
실전 연습 9 - 그레디언트 / 패턴 레이어 효과 ... 156
실전 연습 10 - 스타일 적용하기 ... 160
실전 연습 11 - 사용자 정의 스타일 만들기 ... 163
실전 연습 12 - 스타일과 필터 효과를 사용하여 텍스트에 윤곽선 만들기 ... 168
실전 연습 13 - 선택 영역을 이용하여 텍스트에 윤곽선 만들기 ... 171
실전 연습 14 - 그룹 잘라내기 ... 175
실전 연습 15 - 문자 내부 칠하기 ... 178
7. 배경 이미지 ... 180
배경 이미지란 무엇인가? ... 181
배경 이미지 크기 ... 182
실전 연습 1 - 배경 이미지 정의하고, 편집하고, 미리보기 ... 184
실전 연습 2 - 배경 이미지 저장하기 ... 189
실전 연습 3 - 배경 이미지 아트워크 다시 칠하기 ... 192
실전 연습 4 - 이음새없는 타일 모양 배경 ... 198
이미지레디의 저장 옵션 ... 202
실전 연습 5 - 오프셋으로 복사해서 붙이기 ... 203
이미지레디에서 오프셋 필터에 접근하는 방법들 ... 207
실전 연습 6 - 이음새없는 사진 배경 이미지 ... 208
배경 이미지에는 어떤 프로그램이 가장 좋은가? ... 213
실전 연습 7 - 풀-스크린 배경 이미지 ... 214
실전 연습 8 - 큰-스크린 사진 배경 이미지 ... 219
실전 연습 9 - 방향성 타일 ... 222
8. 투명한 GIF ... 224
GIF 투명성의 문제점 ... 225
앤티-앨리어싱은 어떻게 보이는가? ... 226
투명한 레이어를 인식하는 방법 ... 227
브라우저에서의 오프셋 문제 ... 228
투명성, 마스크, GIF ... 229
실전 연습 1 - GIF 투명성 만들기와 미리보기 ... 230
실전 연습 2 - 깜끔하지 않은 가장자리 수정하기 ... 233
실전 연습 3 - 드롭 쉐도우 추가하기 ... 236
실전 연습 4 - 넓은 배경의 함정 ... 238
실전 연습 5 - 투명한 이미지 저장하기 ... 241
실전 연습 6 - 포토샵에서의 투명성 ... 242
실전 연습 7 - 투명한 레이어 vs 투명한 GIF ... 244
실전 연습 8 - GIF 89a 내보내기 ... 247
9. 이미지 맵 ... 248
서버측 이미지 맵? 아니면 클라이언트측 이미지 맵? ... 249
이미지 맵은 어떻게 생겼는가? ... 251
실전 연습 1 - 이미지 맵 만들기 ... 252
실전 연습 2 - 보이지 않는 레이어를 이미지 맵으로 만들기 ... 257
실전 연습 3 - 이미지 맵을 포함한 채 포토샵으로 바로가기 ... 262
10. 슬라이스하기 ... 264
슬라이스란 무엇인가? ... 265
슬라이스 아이콘 ... 266
고라이브 코드? 아니면 이미지레디 코드? ... 267
실전 연습 1 - 슬라이스하기와 선택하기 ... 268
실전 연습 2 - 슬라이스 최적화하기 ... 272
실전 연습 3 - 스라이스 미리보기와 저장하기 ... 278
실전 연습 4 - 슬라이스 팔레트 사용하기 ... 282
실전 연습 5 - 자동 슬라이스 이미지 없음으로 설정하기 ... 286
슬라이스 저장 정리 / 재확인 ... 291
11. 롤오버 ... 292
실전 연습 1 - 스타일을 가지는 단일 버튼 롤오버 ... 293
실전 연습 2 - 이미지 맵에 기초한 롤오버 ... 298
실전 연습 3 - 롤오머 저장하기 ... 300
롤오버 저장에 대한 환경설정 ... 303
실전 연습 4 - 레이어가 있는 단일 버튼 롤오버 ... 307
어떤 자바스크립트 상태가 허용되는가 ... 310
실전 연습 5 - 리모트 롤오버 ... 311
실전 연습 6 - 복잡한 롤오버 저장하기 ... 324
실전 연습 7 - 네비게이션 바 레이어 만들기 ... 326
실전 연습 8 - 레이어 정렬하기 ... 332
실전 연습 9 - 네비게이션 바에 슬라이스 추가하기 ... 339
실전 연습 10 - 네비게이션 바에 롤오버 추가하기 ... 340
12. 동적 GIF ... 344
애니메이션 용어 ... 345
동적 GIF형식 ... 348
압축 문제 ... 348
동적 GIF의 타이밍 조절하기 ... 349
애니메이션 심리학 ... 349
실전 연습 1 - 레이어로 한 프레임씩 애니메이션 작업하기 ... 350
실전 연습 2 - 속도와 루핑 설정하기 ... 354
실전 연습 3 - 동적 GIF최적화하기와 저장하기 ... 356
실전 연습 4 - 투명한 동적 GIF 만들기 ... 358
실전 연습 5 - 불투명도로 트윈하기 ... 363
실전 연습 6 - 프레임 선택하기, 복제하기, 역순으로 만들기 ... 367
실전 연습 7 - 트윈된 장면 트윈하기 ... 370
실전 연습 8 - 포지션으로 트윈하기 ... 373
실전 연습 9 - 효과로 트윈하기 ... 376
실전 연습 10 - 동적 슬라이드 쇼 ... 379
실전 연습 11 - 동적 GIF 롤오버 ... 348
실전 연습 12 - 전체 인터페이스 디자인하기 ... 389
13. 자동화 ... 396
웹 포토 갤러리란 무엇인가? ... 397
포토샵과 이미지레디 내에 내장된 액션 ... 398
실전 연습 1 - 웹 포토 갤러리 만들기 ... 399
웹 포토 갤러리 설정이란? ... 403
실전 연습 2 - 액션 만들기 ... 404
실전 연습 3 - 액션으로 일괄 처리하기 ... 410
액션 추가하기, 변경하기, 삭제하기, 정지하기 ... 414
실전 연습 4 - 브라우저 액션으로 미리보기 만들기 ... 415
실전 연습 5 - 액션으로 배경 미리보기 ... 418
실전 연습 6 - 드롭셋으로 최적화 자동화하기 ... 422
드롭셋에 관하여… ... 427
14. 불러오기 / 내보내기 ... 428
실전 연습 1 - HTML 업데이트 ... 429
Upadate HTML이 어떻게 실행되는가 ... 434
실전 연습 2 - 고라이브에 이미지레디 롤오버 넣기 ... 436
실전 연습 3 - 이미지레디 롤오버를 드림위버로 내보내기 ... 443
실전 연습 4 - 일러스트레이터 8.0 파일 내보내기 ... 453
실전 연습 5 - 일러스트레이트의 이전 버전에서 내보내기 ... 456
실전 연습 6 - 이미지레디에서 퀵타임으로 내보내기 ... 458
실전 연습 7 - 퀵타임에서 이미지레디로 변환하기 ... 460
15. 자주 겪는 문제 해결 (FAQ) ... 462
인덱스 ... 470
더보기 닫기