상세정보

플래시 5를 이영해 감각저인 홈페이지를 제작하고자 하는 네티즌들을 위한 플래시 5 가이드북이다. 현재 홈페이지에서 사용되고 있는 예제 하나하나를 통해 자연스럽게 플래시 5를 이용한 웹 디자인을 이해시키고자 했다. 주요 내용으로는 플래시 5 추가 기능과 환경 설정하기, 툴박스 및 타임라인의 이해, 애니메이션의 기본적인 트위닝기능과 마스크 기능, 플래시에서 사용할 수 있는 이미지의 모든 것, 인터렉티브의 구현원리 액션, 플래시 무비 swf 파일로 내보내기, 플래시 파일 expert하기, 알기 쉽게 따라하는 응용예제, 만들어진 플래시 웹에 띄우기 등을 자세히 설명한다.

부록 CD ROM에는 플래시 5 트아이아웃 버전과 작품예제, 갤러리, 유틸리티 등이 수록되어 있다.

정보제공 :

목차

저자의 말 = 6

작품 예제 미리보기 = 14

플래시가 살아있는 추천사이트 = 27

1부. 플래시 입문하기

 1. 플래시, 플래시란 무엇일까? = 52

  1. 플래시의 탄생과 발전 = 52

  2. 플래시의 효용성 best 10 !!! = 53

   1) 벡터 그래픽 기반의 플래시 = 53

   2) 애니메이션 기능 = 54

   3) 용량(속도)의 효율성 = 54

   4) 스트리밍(Streaming) 기술 = 55

   5) 인터랙티브 기능 = 55

   6) 다른 프로그램과의 호환성 = 56

   7) MP3 압축 엔진 장착 = 56

   8) 쉬운 사용법 = 56

   9) 깔끔한 인터페이스 = 57

   10) 타회사와의 협력관계로 플러그 인의 원활한 배포 = 57

  3. 플래시에서 사용되는 용어 설명 = 58

 2. 플래시 5의 추가기능 = 60

  1. 베지어 곡선(Bezier handling) 기능 = 60

   1) 베지어 곡선의 구조 = 60

   2) 포인트 = 61

   3) 선분 = 61

   4) 방향선 = 61

   5) 방향점 = 62

  2. 패널 윈도우 등장(Panel Window) = 62

   1) 패널 윈도우의 편리성 = 62

   2) 패널 윈도우 열기와 편집하기 = 63

  3. 색상 관련 패널들 = 68

   1) Mixer panel = 68

   2) Swatches panel = 69

   3) Fill panel = 71

   4) Stroke panel = 74

  4. 텍스트에 관련된 패널들 = 74

   1) Character panel = 74

   2) Paragraph panel = 75

   3) Text options panel = 77

  5. 심벌에 관련된 패널 = 87

   1) instance panel = 88

   2) effect panel = 91

   3) object actions = 92

  6. frame 패널 = 93

  7. 무비탐색 창(Movie Explorer) = 94

  8. 액션 창의 독립 = 96

  9. Real player 지원 = 96

  10. 텍스트 메뉴 추가 = 97

  11. 오브젝트 선택표시 변화 = 97

  12. swf에 패스워드 걸어 export하기 = 98

  13. 라이브러리 색상구별 = 99

 3. 플래시 무비 제작과 저장, 그리고 출판하기 = 100

  1. 플래시 파일 저장하기 = 100

  2. fla 파일을 swf 파일로 변환하기 = 103

   1) Test movie로 swf 파일 만들기 = 103

   2) Publish 기능으로 swf 파일과 html 문서 만들기 = 104

   3) Export movie 기능으로 swf 만들기 = 105

 4. 플래시 5 환경설정하기 = 106

  1. Preference에서 환경설정하기 = 107

   1) General = 108

   2) Editing = 111

   3) Clip board = 112

  2. Keyboard Shortcuts으로 단축키 만들기 = 112

  3. 무비속성상자 = 116

2부. 플래시 익히기

 5. 편집모드의 의미 = 120

  1. 무비 편집 모드와 심벌 편집 모드 = 120

 6. 드로잉 도구 모음 - 툴박스 = 128

  1. 툴박스 살펴보기 = 128

   1) 새로 생긴 툴 : 부분선택툴, 펜툴 = 128

   2) 툴박스의 구조 = 129

  2. 각 툴의 특성 알아보기 = 131

   1) 선택툴 = 131

    1. 선택툴의 용도 = 131

     1) 그룹지어진 오브젝트 선택 = 131

     2) 그룹지어진 오브젝트를 드래그하여 선택 = 132

     3) break apart 상태의 오브젝트 선택 = 132

     4) break apart 상태의 오브젝트를 드래그하여 선택 = 133

     5) 오브젝트 추가 선택과 선택된 오브젝트의 부분 해제 = 133

     6) 외곽선만 추출하여 선택 = 133

     7) 외곽선 변형하기 = 134

    2. 선택툴의 옵션 기능 = 135

     1) 곡선화 옵션 = 135

     2) 직선화 옵션 = 135

     3) 스케일 조정 = 135

     4) Rotate 조정 = 136

     5) 자석 옵션 = 136

   2) 부분선택툴 = 137

    1. 베지어 곡선 조절 기능 = 137

   3) 직선툴 = 139

    1. 선을 그리는 기능 = 139

   4) 라쏘툴 = 140

    1. 라쏘툴의 용도 = 141

    2. 라쏘툴의 옵션 기능 = 142

     1) 라쏘 직선툴 = 142

     2) 마술봉툴 = 142

     3) 마술봉 값 입력 = 143

   5) 펜툴 = 143

    1. 펜툴의 용도 = 143

     1) 펜툴을 이용하여 자유곡선 그리기 = 144

     2) 도형 그리기 = 144

     3) 곡선 그리기 = 145

     4) 곡선 변형하기 = 146

   6) 문자툴 = 147

    1. 텍스트 이미지로 사용하기 = 149

    2. 텍스트 속성 유지한 채 사용하기 = 150

    3. 텍스트 속성을 유지한 채 사용하는 경우 = 152

   7) 원형툴 = 153

    1. 원형툴의 용도 = 153

   8) 사각툴 = 154

    1. 사각툴의 Round Rectangle Radius 옵션 = 154

   9) 연필툴 = 155

    1. 연필툴의 옵션 기능 = 155

   10) 브러쉬툴 = 156

    1. 브러쉬툴의 용도 = 156

    2. 브러쉬툴의 옵션 기능 = 157

     1) 브러쉬모드 = 157

     2) Lock fill 옵션 = 158

   11) 외곽선툴 = 159

    1. 외곽선툴의 용도 = 159

   12) 버킷툴 = 160

    1. 버킷툴의 용도 = 160

    2. 버킷툴의 옵션 기능 = 160

     1) Gap size 옵션 = 160

     2) Lock fill 옵션 = 161

     3) Transform fill 옵션 = 161

   13) 스포이드툴 = 162

    1. 스포이드툴의 용도 = 162

   14) 지우개툴 = 163

    1. 지우개툴의 옵션기능 = 163

     1) 지우개 모드(Eraser Mode) = 163

     2) 수도꼭지툴 = 164

   15) 손바닥툴 = 164

   16) 돋보기툴 = 164

 7. 타임라인 = 168

  1. 타임라인의 의미 = 168

   1. 타임라인의 구조 = 169

   2. 레이어 활용하기 = 172

    1) 레이어 추가하고 이동하기 = 172

    2) 레이어 상태 바꾸기 = 173

    3) 레이어 속성 바꾸기 = 174

   3. 레이어를 사용한 간단한 예제 = 174

   4. 프레임 = 177

    1) 프레임 보기 = 177

    2) 프레임의 종류 = 179

    3) 프레임 추가와 삭제하기, 단축키 익히기 = 179

    4) 프레임 이동하기 = 180

   5. 오니언스킨 = 180

 8. 그 밖의 중요한 인터페이스 요소 알아보기 = 182

  1. 라이브러리란? = 182

   1) 라이브러리의 구조 = 183

   2) 라이브러리의 옵션 메뉴 = 186

  2. 스테이지 = 189

  3. scene(장면) = 190

  4. 액션 창 = 190

   1) 액션 창의 구조 = 191

   2) 액션 창의 옵션 메뉴 = 192

  5. cascade, tile = 195

 9. 심벌 = 198

  1. 심벌 만들기 = 198

   1) convert to symbol로 오브젝트를 심벌로 바꾸어 주기 = 199

   2) New Symbol로 심벌을 만든 후 오브젝트 넣어주기 = 201

  2. 심벌의 3가지 행동자 = 204

   1) 무비클립심벌 = 204

   2) 그래픽심벌 = 206

   3) 버튼심벌 = 207

  3. 심벌의 행동자 변경해 주기 = 213

   1) 라이브러리의 심벌 속성상자에서 행동자 바꾸어 주기 = 213

   2) 심벌 속성상자에서 행동자 변경 후 유의할 점 = 214

   3) 인스턴스 패널을 통해 행동자 임시로 바꾸어 주기 = 218

  4. 그래픽 심벌과 무비클립 심벌의 차이점 = 220

   1) 예제로 확인하기 = 220

  5. Instance 패널 = 226

   1) 무비클립의 경우 = 226

   2) 버튼의 경우 = 226

   3) 그래픽 심벌의 경우 = 227

   4) Instance 패널 서브 옵션 아이콘 = 227

3부. 플래시 이용하기

 10. 애니메이션의 기본 - 트위닝 = 232

  1. 모션 트위닝 = 232

   1) 모션 트위닝이란? = 232

   2) 모션 트위닝 시 유의할 점 = 232

   3) 모션 트위닝 적용하기 = 233

  2. 예제로 배우는 모션 트위닝 = 233

   1) 모션 트위닝 따라하기 = 233

   2) 모션 트위닝에 변화주기 = 237

   3) 동작안내선 익히기 = 241

   4) 떨어지는 공 움직임 만들기 = 246

  3. 쉐이프 트위닝 = 254

   1) 쉐이프 트위닝이란? = 254

   2) 쉐이프 트위닝시 유의할 점 = 254

   3) 쉐이프 트위닝 적용하기 = 254

  4. 예제로 배우는 쉐이프 트위닝 = 254

   1) 선에 쉐이프 트위닝 적용하기 = 254

   2) 플러버 만들기 = 259

 11. 사용자와 호흡하는 버튼 만들기 = 264

  1. 버튼 프레임 이해하기 = 265

  2. 버튼을 갖다대면 텍스트가 나오는 버튼 만들기 = 268

  3. 애니메이션 버튼 만들기 = 270

  4. 버튼에 액션주기 = 276

  5. 링크버튼과 E-mail 버튼 만들기 = 280

   1) 링크버튼 만들기 = 281

   2) E-mail 버튼 만들기 = 283

  6. 마우스 이벤트란? = 284

  7. 버튼에 사운드 넣기 = 285

 12. 마스크 기능을 이용하여 특별한 효과 연출하기 = 288

  1. 마스크의 정의 = 288

  2. mask 레이어와 masked 레이어 = 289

  3. 마스크 적용시 유의할 점 = 292

  4. 마스크를 활용한 예제 따라하기 = 296

   1) 스포트 라이트 효과 = 296

   2) 텍스트 마스크 = 303

   3) 마스크 기능을 이용하여 블라인드 효과 = 308

   4) 마스크 기능을 이용하여 돋보기 효과 = 320

 13. 알파값으로 만드는 고밀도 애니메이션 = 326

  1. 알파값이란? = 326

  2. mixer 패널에서 투명한 색상 만들기 = 326

  3. Effect 패널의 알파값 이용하기 = 328

  4. Alpha값을 이용한 애니메이션 예제 따라하기 = 330

   1) Fade in, out 효과 주기 = 330

   2) 블러(blur)효과 만들기 = 336

   3) 총알글씨 만들기 = 343

 14. 타이포 이용한 이미지 만들기 = 352

  1. 타이포 애니메이션의 세계로 = 352

   1) 그라디언트 텍스트 = 353

   2) 비트맵으로 채운 텍스트 = 358

   3) 텍스트에 네온 효과주기 = 361

   4) 회전하며 들어가는 텍스트 무빙 이미지 = 366

   5) 반회전 하면서 들어가는 텍스트 무빙 이미지 = 373

4부. 플래시 자세히 알기

 15. 플래시에서 사용할 수 있는 이미지의 모든 것 = 384

  1. 벡터 이미지와 비트맵 이미지 = 384

   1) 벡터 이미지와 비트맵 이미지 분석해보기 = 384

   2) 장단점 비교하기 = 385

  2. 플래시에서 그리기 = 386

  3. 플래시와 함께 사용할 수 있는 외부 프로그램 = 386

   1) Adobe illustrator 사용하기 = 386

   2) Adobe Photoshop 사용하기 = 390

   3) Fireworks를 이용해 비트맵 효율적으로 압축하지 = 396

   4) Adobe streamline에서 비트맵을 벡터로 바꾸기 = 399

 16. 강력한 인터랙티브의 힘 - 액션 = 402

  1. 액션이란? = 402

  2. 액션 창 = 402

   1) 액션 창의 구조 = 403

   2) 액션 창의 옵션 메뉴 = 405

  3. 마우스 이벤트란? = 408

  4. 액션 사용으로 만든 예제 따라하기 = 409

   1) go to 액션으로 팝업 메뉴 만들기 = 409

   2) 파일 Download 버튼과 링크, 이메일 버튼 만들기 = 414

   3) tell target 액션으로 무비 클립 제어하기 = 419

   4) load movie 액션으로 다른 swf 파일 부르기 = 423

   5) If frame is loaded 액션 사용하여 로딩 무비 만들기 = 432

   6) Zoom in, Zoom out 효과를 제어하는 버튼 만들기 = 446

 17. 사운드 = 460

  1. 사운드 파일의 종류와 효율적인 압축률 = 460

   1) 사용가능한 파일 종류 = 460

   2) 효율적인 압축률 = 461

  2. 사운드 불러오기(Sound Import) = 462

  3. 사운드넣기 = 463

  4. 사운드 패널의 기능 살펴보기 = 464

   1) Sound = 464

   2) Edit = 464

   3) Effect = 465

   4) Sync(Synchronization) = 466

   5) Loops = 466

  5. Stop all sounds 액션주기 = 466

  6. 사운드 on, off버튼 만들기 = 467

 18. 플래시 무비 swf 파일로 내보내기

  1. Test movie 모드에서 테스트하기 = 476

   1) test movie 모드의 구조 = 476

   2) 스트리밍 테스트하기 = 479

  2. 플래시 무비 export 하기 = 480

 19. 플래시 무비를 여러 파일로 export하기 = 484

  1. Publish setting = 484

   1) format = 484

   2) swf 파일의 Publish Setting 상자 = 485

   3) html 파일의 Publish Setting 상자 = 486

   4) gif 파일의 Publish Setting 상자 = 486

   5) jpg 파일의 Publish Setting 상자 = 487

   6) Quick time 파일의 Publish Setting 상자 = 487

  2. 여러 개의 무비 파일로 export하기 = 488

   1) 각 파일의 속성상자 = 488

  3. Export image = 489

5부. 플래시 응용하기

 20. 알기쉽게 따라하는 응용 예제 = 496

  1. 플래시로 배너광고 만들기 = 496

  2. 플래시로 나만의 카드 만들기 = 500

  3. 카운트 다운 효과 만들기 = 503

  4. 마우스를 갖다 대면 눈이 내리는 효과 만들기 = 510

  5. 비오는 효과 만들기 = 519

  6. 오래된 느낌을 주는 파선 만들기 = 526

  7. 재미있는 바탕화면 만들기 = 530

  8. 비트맵 이미지로 패턴 만들기 = 539

  9. 동작안내선으로 빛나는 글씨 만들기 = 542

  10. 오래된 필름효과 = 550

  11. 오디오 플레이어 만들기 = 561

6부. 플래시 웹에 띄우기

 21. 만들어진 플래시 파일 웹에 띄우기 = 568

  1. 플래시 파일 html 문서에 삽입하기 = 568

  2. 플래시 무비 삽입시 크기 조정하기 = 570

  3. html 문서에서 여백 없애주기 = 572

  4. 플래시 무비를 브라우저 중앙에 위치시키기 = 572

  5. 새 창 띄우기 = 573

  6. Flash 무비가 웹상에서 보이지 않는 이유 = 576

  7. 웹 페이지에 타이틀 달기 = 578