머리말 ... 3 이 책에서 배울 중요한 예제 미리 보기 ... 4 플래시 그리고 말말말[이 책에 관한 독자들의 의견] ... 20 각각의 부에 대한 설명 ... 24 이 책을 배우기 전에 ... 26 이 책의 구성 ... 27 부록 CD 사용법 ... 45 PART 1 플래시 이해하기 1 플래시! 그것을 알고 싶다 ... 48 1. 플래시는 어떤 도구인가? ... 48 2. 플래시로 할 수 있는 구체적인 것들 ... 49 2 플래시를 잘하면 성공할 수 있다 ... 52 3 플래시 사이트를 감상하면 잠이 없어진다 ... 56 4 플래시를 공부하려면 플래시를 설치해야 한다 ... 60 나도 전문가 - 웹 디자이너가 되는 5단계 ... 55 1. 플래시 설치하기 ... 60 2. 플래시 5 설치 후 궁금한 내용 ... 62 3. ESD 버전을 설치하고 사용할 때 주의사항 ... 63 5 플래시를 시작하고 종료할 줄 알아야 한다 ... 64 1. 플래시 실행하기 ... 64 2. 작업 공간 만들어 무비 제작하고 종료하기 ... 65 나도 전문가 - 플래시 작업 환경을 내 마음대로 주무르기 ... 66 6 간단한 홈페이지를 만들어보면 플래시가 보인다 ... 68 1. 제작할 무비 환경 설정하기 ... 68 2. 플래시 무비 제작하고 저장하기 ... 69 3. 쇽웨이브 파일을 생성하고 HTML 문서 만들기 ... 71 PART2 플래시 기본기 익히기 7 화면 구성과 주요 도구 살펴보기 ... 74 1. 드로잉 툴바 ... 75 2. 타임라인 ... 76 3. 툴바 ... 77 8 플래시를 이용한 기본 드로잉 ... 78 1. 플래시 드로잉 툴 사용시 일반적인 규칙 ... 78 2. 원형과 사각형 그리기 ... 79 3. 원형 툴과 사각형 툴의 옵션들 ... 80 4. 직선과 자유곡선 그리기 ... 81 9 펜 툴과 보조 선택 툴로 베지어 곡선 그리기 ... 82 1. 펜 툴을 이용한 곡선 드로잉 ... 82 2. 베지어 곡선 수정하고 마무리하기 ... 83 10 오브젝트 선택하고 변형하기 ... 84 1. 선택 툴 ... 84 2. 플래시에서 오브젝트의 속성 ... 85 3. 오브젝트 전체나 일부분을 선택하는 방법 ... 86 4. 오브젝트를 변형하기 ... 87 11 오브젝트 회전과 크기 마음대로 조정하기 ... 88 1. 오브젝트 회전하기[완성 파일 rotate.FLA] ... 88 2. 오브젝트를 비틀거나 복사하기 ... 89 3. 오브젝트를 수평과 수직으로 대치시키기[mirror.FLA] ... 90 4. 오브젝트의 크기를 마음대로 변형하기[size.FLA] ... 91 12 플래시에서 텍스트 사용하기 ... 92 1. 플래시에서 텍스트 사용하기 ... 93 2. 텍스트 전체를 수정하거나 일부분을 수정하기 ... 94 3. 문단 정렬하고 문단 환경 설정하기[source\2\paragraph.FLA] ... 95 13 오브젝트 제작에 유용한 툴들 ... 96 1. 잉크병 툴 ... 96 2. 브러시 툴 ... 97 3. 페인트통 툴 ... 98 4. 스포이드 툴[spoid.FLA] ... 100 5. 지우개 툴[erase.FLA] ... 101 6. 핸드 툴 ... 102 7. 돋보기 툴 ... 102 나도 전문가 - 화면의 배율 및 제작에 관련된 여러 가지 유용한 팁들 ... 103 14 나만의 색상 팔레트 제작하기 ... 104 1. 믹서[Mixer] 패널 ... 104 2. 믹서 패널 사용해 보기[mixer.FLA] ... 105 3. 믹서 패널을 이용하여 투명한 색상 만들기[alpha.FLA] ... 106 4. 스와치[Swatches] 패널 ... 107 5. 스와치 패널 옵션 메뉴 ... 107 6. 나만의 색상 팔레트 만들어 사용하기[scolortable.FLA] ... 108 7. 나만의 색상 팔레트 불러와 사용하기 ... 109 15 채우기[Fill] 패널의 그라디언트 편집기 사용하기 ... 110 1. 그라디언트를 만들어 스와치 패널에 저장하기 ... 110 2. 오브젝트에 투명한 그라디언트 적용하기 ... 112 16 초보를 위한 유용한 기본기 다지기 ... 114 1. 외곽선이나 내부 색상을 나타나지 않게 하는 방법 ... 114 2. 나만의 특별한 색 만들기 ... 115 3. 패널 초기 상태로 되돌리기 ... 116 4. 불규칙한 영역을 선택하기[rasso.FLA] ... 117 17 작업에 편리한 스테이지 꾸미기 ... 118 1. 격자[Grid]와 자[Ruler] 표시하기 ... 118 2. 스테이지에 안내선 표시하기 ... 119 3. 무비의 배경 색상을 바꾸는 방법 ... 120 4. 무비의 크기를 정하는 방법 ... 120 5. 텍스트 안티알리아싱 처리하기 ... 120 6. 플래시 단축키 내 마음대로 지정하기 ... 121 18 무비의 저장과 그 외 여러 가지 이야기 ... 122 1. 작업 중인 무비 저장하기 ... 122 2. 다른 이름으로 무비 저장하기 ... 122 3. 저장된 무비 불러오기 ... 123 4. 저장했던 초기의 상태로 되돌리기 ... 123 5. 복구하기 ... 124 6. 되돌리기 ... 124 7. 클립보드에 저장하여 사용하기 ... 124 8. 플래시 무비 인쇄하기 ... 125 PART 3 플래시 고급스럽게 사용하기 19 오브젝트의 속성 이해하기 ... 128 1. 오브젝트의 속성 ... 128 2. 분해된 속성과 그룹의 속성을 가진 오브젝트의 차이 ... 129 3. 오브젝트의 속성 변경하기[완성 파일 textbreak.FLA] ... 130 4. 그룹의 속성과 그룹 지어진 오브젝트[완성 파일 group.FLA] ... 131 5.그룹 편집하기[완성 파일 groupedit.FLA] ... 132 6. 겹쳐 있는 오브젝트의 순서 바꾸기 ... 133 20 오브젝트를 확장하고 블러 효과 주기 ... 134 1. 라인에 그라디언트 적용하기 ... 134 2. 오브젝트의 영역을 확장하거나 축소하기 ... 135 3. 오브젝트의 가장 자리에 블러 효과내기 ... 136 나도 전문가 - Soften Edge 명령 사용시 주의 사항 ... 137 21 여러 개의 오브젝트 정렬하기 ... 138 1. 정렬 패널 ... 138 2. 오브젝트 정렬하기 ... 139 22 플래시에서 외부 파일 사용하기 ... 140 1. 플래시에서 비트맵 파일 사용하기 ... 140 2. File Import 명령으로 불러올 수 있는 파일 ... 141 3. 비트맵 분해하여 사용하기[완성 파일 bitmapedit.FLA] ... 142 4. 비트맵을 벡터로 변환하기[완성 파일 tracebitmap.FLA] ... 143 23 플래시의 일등 공신 심벌 공부하기 ... 144 1. 심벌의 정의 ... 144 2. 심벌의 특징 ... 144 3. 심벌 만들기 ... 145 4. 심벌 재 사용하기[완성 파일symbol2.FLA] ... 146 5. 심벌 수정하기[완성 파일 instance.FLA] ... 147 24 플래시 무비 효과적으로 제작하기 ... 148 1. 심벌의 종류와 표현되는 모양 ... 148 2. 라이브러리의 폴더 이용하기 ... 149 3. 다른 무비에서 사용한 라이브러리 가져다 사용하기 ... 150 4. 자기만의 라이브러리 만들어 사용하기 ... 151 25 심벌과 오브젝트의 편집을 편하게 하기 ... 152 1. 심벌의 편집을 빠르게 하기 ... 152 2. 마우스 우측 버튼을 활용한 오브젝트의 수정 ... 153 PART4 플래시를 활용한 고급 드로잉 테크닉 26 오브젝트의 속성을 이용한 드로잉 ... 156 1. 특별한 오브젝트 파일 만들기 ... 156 27 복잡하고 화려한 원 간단하게 만들기 ... 160 1. Soften Fill Edge 명령을 이용하여 복잡하고 화려한 원 만들기[완성 파일 circle.FLA] ... 160 28 잉크병 툴을 이용하여 다양한 효과 만들기 ... 162 1. 잉크병 툴로 텍스트 외각선 추출하기[완성 파일 outline.FLA] ... 162 29. 비트맵과 스포이드 툴의 환상적인 만남 ... 164 1. 스포이드 툴을 이용해 스테이지에 비트맵 채우기[완성 파일 bitmap.FLA] ... 164 2. 텍스트에 비트맵 채우기[완성 파일 textimage.FLA] ... 165 30. 화려하고 다양한 텍스트 만들기 ... 166 1. 그라디언트를 적용한 멋진 글자 만들기[완성 파일 font.FLA] ... 166 2. 텍스트안에 뻥 뚫린 텍스트 효과 넣기[완성 파일 youngjin.FLA] ... 167 31. 벡터 드로잉을 이용하여 독특한 배경 만들기 ... 168 1. 오브젝트의 변형을 통한 배경 만들기[완성 파일 transform.FLA] ... 168 32. 비트맵을 이용하여 멋진 캐릭터 만들기 ... 170 1. 비트맵을 이용하여 준비 작업하기 ... 170 2. 플래시에서 정교한 캐릭터 작업하기[완성 파일 wonbin.FLA] ... 171 33. 비트맵에 Tint 효과 적용하기 ... 172 1. Tint를 이용하여 비트맵에 특수한 효과 내기[완성 파일 tintimage.FLA] ... 172 2. 좋은 플래시 무비를 만들기 위한 조언 ... 175 Part 5 플래시에서의 애니메이션 34 플래시 애니메이션의 기초 ... 178 1. 플래시 애니메이션의 원리 ... 178 2. 프레임에 등록된 오브젝트의 생명력 ... 179 3. 프레임에 등록된 오브젝트의 생명력에 대한 이해 ... 180 4. 오브젝트의 생명력 연장과 프레임과 시간의 관계 ... 181 35 프레임들에 의한 애니메이션 ... 182 1. 캐릭터 변화 애니메이션 만들기[완성 파일 framebyanimation.FLA] ... 182 2. 오브젝트가 나타나는 시간[간격] 늘려주기 ... 183 3. 프레임과 레이어와의 관계 이해하기[완성 파일 layeruse.FLA] ... 184 36 모션 트위닝에 의한 애니메이션 ... 186 1. 무작정 트위닝 해보기[완성 파일 Tweening.FLA] ... 186 2. 트위닝[Tweening] 이란? ... 187 3. 트위닝의 종류 ... 188 4. 오브젝트의 그룹화를 통한 모션 트위닝 애니메이션[완성 파일 movescale.FLA] ... 189 37 쉐이프 트위닝 애니메이션 ... 190 1. 쉐이프 트위닝이 일어나기 위한 조건 ... 190 2. 쉐이프 트위닝을 구현하는 방법 ... 190 3. 그림에서 텍스트로 변하는 몰핑 효과 애니메이션 만들기[완성 파일 shapetweening.FLA] ... 191 38 심벌을 이용한 애니메이션 ... 192 1. 회전하며 이동하는 스머프 애니메이션 만들기[완성 파일 rotatesmurf.FLA] ... 192 2. 심벌의 수정으로 애니메이션에 변화 주기[완성 파일 modifysymbol.FLA] ... 194 39 심벌 인스턴스를 이용한 애니메이션 ... 196 1. 심벌 인스턴스의 정의 ... 196 2. 심벌 인스턴스의 특징 ... 196 3. 심벌 인스턴스 활용하기 ... 197 4. 심벌 인스턴스의 이해 ... 198 40 레이어를 이용한 다중 애니메이션 ... 200 1. 레이어란? ... 200 2. 레이어와 알파 값[투명도]의 관계 ... 200 3. 레이어와 알파 값 이해하기[완성 파일 aplha2.FLA] ... 201 4. 레이어를 이용한 다중 애니메이션 만들기[완성 파일 multiani.FLA] ... 202 5. 다중 애니메이션의 시간 조절하기 ... 204 6. 레이어 제어하기 ... 205 41 무비 클립을 이용한 애니메이션 ... 206 1. 무비 클립 심벌 이해하기 ... 206 2. 무비 클립 만들어 보기[완성 파일 textmovie.FLA] ... 207 나도 전문가 - Convert to Symbol과 New Symbol의 차이 ... 209 42 플래시 무비 테스트 모드 ... 210 1. 플래시 무비의 특성 ... 210 2. 플래시 무비 테스트 모드 ... 211 PART 6 액션 스크립트 기본기 다지기 43 액션 스크립트 이해하기 ... 214 1. 액션 스크립트[Action Script]란? ... 214 2. 액션 스크립트 명령을 주기 위한 조건 ... 214 3. 액션 패널의 종류 ... 215 4. 액션 패널 불러오기 ... 215 5. 액션 패널 자유 자재로 다루기 ... 216 44 Get URL로 홈페이지 링크하기 ... 218 1. 버튼에 Get Url 액션 걸어 링크 시키기[완성 파일 geturl.FLA] ... 218 2. 프레임에 액션 걸어 링크 시키기[완성 파일 frameaction.FLA] ... 220 45 버튼 심벌을 이용한 상호 작용 ... 222 1. 버튼 심벌[Button Symbol]의 용도와 구조 ... 222 2. 버튼 심벌 이해하기[완성 파일 button.FLA] ... 223 3. 버튼 심벌에 속성 지정하기[완성 파일 buttonproperty.FLA] ... 224 나도 전문가 - 버튼 심벌의 Hit 영역이 가지는 의미[완성 파일 hitbutton.FLA] ... 226 46 버튼 심벌에 액션 부여하고 마우스 이벤트 이해하기 ... 228 1. 버튼 심벌의 속성과 버튼 심벌 인스턴스 ... 228 2. Get URL 액션의 옵션 알아보기 ... 229 3. 상대 경로와 절대 경로 알아보기 ... 230 4. 마우스 이벤트 이해하고 이벤트 값 수정하기 ... 231 47 프레임 액션과 버튼 액션의 조화 ... 232 1. 프레임 액션을 이용하여 무비 재생 멈추기[완성 파일 carok.FLA] ... 232 2. 기본적인 액션 정리하기 ... 234 48 무비 안의 또 다른 무비 제어하기 ... 236 1. Tell Target 액션을 이용하여 무비 클립 제어하기[완성 파일 control.FLA] ... 236 2. 무비 클립과 Tell Target 액션의 상호작용 이해하기[완성파일 movietarget.FAL] ... 238 49 무비 안에서 외부 무비 불러와 사용하기 ... 240 1. Load Movie 액션 이해하기[완성 파일 loadmovie.FLA] ... 240 2. Load Movie 액션으로 불러들여진 무비의 특징 ... 242 3. 서로 다른 Level 값으로 메일 무비에 무비 불러들이기 ... 243 50 심벌 인스턴스를 변경하여 액션 걸기 ... 242 1. 심벌 인스턴스의 속성을 변경하기 ... 244 PART7 실전! 플래시로 나만의 홈페이지 만들기 51 여러분과 함께 만들어 볼 무비 미리 보기 ... 248 1. 공부하게 된 내용들 미리 보기 ... 248 2. 플래시를 이용한 홈페이지 구축 과정 ... 249 52 제작할 무비의 기본 값 설정하기 ... 250 1. 무비 제작하기 전 무비 속성 값 설정하기 ... 250 나도 전문가 - 스테이지의 크기를 정할 때의 유의 사항 ... 252 나도 전문가 - 무비의 배경 색과 브라우저의 배경 색을 맞추는 방법 ... 253 53 레이이웃과 기본적인 오브젝트 제작하기 ... 254 1. 가이드 라인 그리기 ... 255 2. 모서리가 둥근 사각형 그리기 ... 256 3. 레이어 추가하고 레이어 이름 바꾸기 ... 257 4. 플래시4 방식으로 타임라인 제어하기 ... 258 5. 심벌로 등록된 오브젝트에 모션 트위닝 적용하기 ... 259 6. 빈 키프레임을 삽입하기 ... 260 7. 투명도를 이용한 애니메이션 만들기 ... 261 8. 텍스트를 심벌로 저장하고 트위닝하기 ... 262 9. 비트맵이 서서히 나타나는 애니메이션 구현하기 ... 263 10. 비트맵 트위닝하고 마무리하기 ... 164 54 폰트를 활용하여 멋진 효과 만들기 ... 266 1. 폰트 활용하기 ... 267 2. 잉크병 툴로 외곽선 추출하고 Soften Edge 명령으로 오브젝트 확장하기 ... 268 3. 내부 텍스트 클립보드에 저장하여 활용하기 ... 269 4. 외각선 텍스트를 심벌로 저장하고 트위닝 하기 ... 270 5. 클립보드에 저장되어 있던 오브젝트 활용하기 ... 271 6. 심벌로 저장하여 트위닝하고 무비 마무리하기 ... 272 55 비트맵의 분해와 타이밍 효과 애니메이션 ... 274 1. 모든 레이어의 프레임 늘려주고 다음 과정 준비하기 ... 275 2. 비트맵 분해하고 가이드 라인 이용하기 ... 276 3. 분해된 비트맵 이미지를 그래픽 심벌로 만들어 주기 ... 277 4. 4등분된 이미지 각각의 레이어에 등록하기 ... 278 5. 분해된 비트맵이 등록된 4개의 레이어에 키프레임 동시에 삽입하기 ... 279 6. 타이밍 애니메이션 구현하고 무비 마무리하기 ... 280 56 마스크를 활용하여 오브젝트가 그려지는 애니메이션 ... 282 1. 메뉴로 사용할 라인 만들기 ... 283 2. 메뉴 라인 정렬하고 마스크 레이어 만들기 ... 284 3. 마스크를 적용할 사각형 그리고 중심점 이동하기 ... 285 4. 마스크를 적용하여 라인이 그려지는 효과 만들기 ... 286 57 무비 클립을 이용한 애니메이션 버튼 만들기 ... 288 1. 메뉴에 사용할 아이콘 등록하기 ... 189 2. Frame by Frame Animation 구현하기 ... 290 3. 텍스트를 이용한 버튼 만들기 ... 291 4. 버튼 심벌의 속성을 섬세하게 제어하기 ... 292 5. 소개 글 무비 클립 만들어 버튼에 삽입하기 ... 293 6. 소개 글 무비 클립 완성하기 ... 294 7. 버튼 심벌의 Over 속성에 무비 클립 삽입하기 ... 295 8. 무비 클립 올바르게 수정하기 ... 296 9. 버튼에 또 다른 무비 클립 삽입하고 무비 마무리하기 ... 297 10. 색상이 변하며 등장하는 버튼 만들기 ... 298 11. 타이밍 조절하고 무비 마무리하기 ... 299 12. 버튼에 Get URL 액션 걸어 링크시키기 ... 300 58 Work Area를 이용한 애니메이션 만들기 ... 302 1. 다음 과정을 위한 준비 작업하기 ... 303 2. 오브젝트 정렬하고 각각의 레이어에 심벌로 저장하기 ... 304 3. 가상 영역에서 스테이지로 오브젝트 등장시키기 ... 305 4. 애니메이션 되는 오브젝트 타이밍 조절하기 ... 306 5. 가상의 영역에서 등장하는 오브젝트 확인하기 ... 307 6. 오브젝트의 속성을 이용한 드로잉 ... 308 7. 레이어 위치 바꾸고 무비 클립 만들어 등록하기 ... 309 8. 무비 클립 등록하고 Stop 액션 걸어 무비 마무리하기 ... 310 59 쇽웨이브 파일과 HTML 문서 생성하기 ... 312 1. SWF[Shockwave File] 생성하기 ... 312 2. Publish하여 SWF 파일과 플래시 무비를 재생할 HTML 문서 생성하기 ... 313 3. 브라우저의 크기에 맞추어서 자동으로 무비가 조절되게 하기 ... 314 4. 무비의 비율을 무시하고 화면에 곽 차게 하는 방법 ... 315 5. 무비의 크기를 유지하고 화면 중앙에 오게하는 방법 ... 316 나도 전문가 - 플래시 무비 저장 옵션 상자 ... 317 60 FTP 프로그램 이용하여 서버에 파일 올리기 ... 318 1. 본인의 계정에 SWF 파일과 HTML 파일 올리기 ... 318 PART 8 플래시 무비 최적화와 스트리밍 전송 테크닉 61 플래시 무비 파일 크기 측정하기 ... 322 1. 플래시 무비 크기 측정하기 ... 322 2. 플래시 무비 테스트 모드 ... 323 3. 플래시 무비 안에 포함된 특정한 오브젝트의 크기를 측정하는 방법 ... 324 4. 최적화된 오브젝트를 새로운 무비에 삽입하는 방법 ... 325 62 무비 최적화를 위한 가장 기본적인 내용 익히기 ... 326 1. 라인의 형태 신중하게 선택하기[완성 파일 solidline.FLA, dotline.FLA] ... 326 2. 스테이지를 벗어나는 오브젝트 모두 지우기[완성 파일 stagediet.FLA] ... 327 63 플래시에서 폰트 제대로 사용하기 ... 328 1. 폰트의 속성에 따른 크기 비교 ... 328 2. 한글 폰트를 많이 사용하고자 할 때의 최적화 기법 ... 329 64 비트맵과 벡터 이미지 파일 최적화하기 ... 330 1. 비트맵 파일 최적화하기[완성 파일 bitmapsize.FLA] ... 330 2. 벡터 이미지 파일 최적화하기[완성 파일 vectoropt.FLA] ... 333 65 사운드 파일 최적화하기 ... 334 1. 사운드 파일 압축하기[완성 파일 soundopt.FLA] ... 334 나도 전문가 - 무비에 포함되는 사운드 파일의 압축률을 동일하게 지정하는 방법 ... 336 사운드에 관한 여러 가지 이야기 ... 337 66 캐릭터 애니메이션 최적화하기 ... 338 1. 캐릭터 애니메이션 예제 미리 보기 ... 338 2. 심벌 인스턴스를 활용한 캐릭터 애니메이션 만들기[완성 파일 symbol.FLA] ... 339 67 스트리밍 전송 테크닉 ... 340 1. Streaming Graph와 Frame by Graph ... 340 2. 실제 스트리밍 테스트하는 방법 ... 341 나도 전문가 - 실전에서의 대역폭에 관한 여러 가지 이야기 ... 342 무비를 최적화 하기 위한 필자의 조언 ... 343 PART 9 수준 높은 애니메이션 만드는 여러 가지 테크닉 68 다양한 회전 애니메이션 만들기 ... 346 1. 기본적인 회전 애니메이션 만들기[완성 파일 [rotate360.FLA]] ... 346 2. 심벌의 인스턴스를 변경한 다양한 회전 애니메이션[완성 파일 autovertical.FLA, cwvertical.FAL] ... 347 69 중심점과 타이밍 조절 애니메이션 ... 348 1. 중심점을 이동하는 방법[완성 파일 movepoint.FLA] ... 348 2. 중심점 이동과 타이밍 조절을 통한 현실감 있는 무비 만들기[smurfbowling.FLA] ... 349 3. 타이밍 조절에 의한 완벽한 애니메이션[timesmurf.FLA] ... 351 70 동작 안내선을 이용한 애니메이션 ... 352 1. 동작 안내선을 이용한 애니메이션 만들기[완성 파일 cycleshow.FLA] ... 352 2. 한 개의 동작 안내선으로 여러개의 오브젝트 제어하기[multiguide.FAL] ... 354 71 진행 방향을 지정하여 현실감 있는 무비 만들기 ... 356 1. 평범한 애니메이션과 진행 방향을 지정한 애니메이션의 차이 ... 356 2. Orinet to path를 지정하여 현실감있는 무비 만들기[완성파일 orienrpath.FLA] ... 357 72 fade in fade out 효과 구현하기 ... 358 1. 비트맵에 fade in fade out 효과 내기[완성파일 fadeinout.FLA] ... 358 73 잔상 효과 애니메이션 만들기 ... 360 1. 잔상효과 만들기[완성 파일 jansang.FLA] ... 361 74 마스크를 이용한 애니메이션 ... 364 1. 마스크 이해하기[완성 파일 maskcircle.FLA] ... 364 2. 마스크로 구현하는 서치라이트 효과[완성파일 masklayer.FLA] ... 365 3. 문자 스트롤 애니메이션 만들기[완성 파일 scrolltext.FLA] ... 367 75 장면 전환 애니메이션 만들기 ... 368 1. 두 개의 서로 다른 이미지 멋들어지게 전환하기[완성 파일 doubleimage.FLA] ... 368 2. 장면 전환 애니메이션 가다듬기[완성 파일 maskadd.FLA] ... 370 76 무비 클립을 이용한 다중 애니메이션 ... 372 1. 무비 클립 애니메이션 이해하기 ... 372 2. 무비클립을 이용한 다중 애니메이션 만들기[완성 파일 dogrun.FLA] ... 373 3. 동작 안내선과 무비 클립 애니메이션의 조화[완성 파일 dogrunguide.FLA] ... 374 나도 전문가 - 그래픽 심벌을 이용한 다중 애니메이션[완성 파일 multigraphicmore.FLA] ... 375 77 쉐이프 트위닝을 이용한 몰핑 애니메이션 ... 376 1. 텍스트 몰핑 애니메이션[완성 파일 shape.FLA] ... 376 2. Shape Hint를 이용한 다양한 애니메이션[완성 파일 modifyhint.FLA] ... 378 78 Work Area를 이용한 애니메이션 ... 380 1. Work Area 이해하기 ... 380 2. Work Area가 구현된 HTML 문서 보기 ... 381 79 오브젝트가 멋지게 등장하는 애니메이션 ... 382 1. 애니메이션을 예상하여 오브젝트 만든 후 애니메이션 구현하기[완성파일 matineeok.FLA] ... 382 머리말 ... 3 이 책에서 배울 중요한 예제 미리 보기 ... 4 플래시 그리고 말말말[이 책에 관한 독자들의 의견] ... 20 각각의 부에 대한 설명 ... 24 이 책을 배우기 전에 ... 26 이 책의 구성 ... 27 부록 CD 사용법 ... 45 PART 1 플래시 이해하기 1 플래시! 그것을 알고 싶다 ... 48 1. 플래시는 어떤 도구인가? ... 48 2. 플래시로 할 수 있는 구체적인 것들 ... 49 2 플래시를 잘하면 성공할 수 있다 ... 52 3 플래시 사이트를 감상하면 잠이 없어진다 ... 56 4 플래시를 공부하려면 플래시를 설치해야 한다 ... 60 나도 전문가 - 웹 디자이너가 되는 5단계 ... 55 1. 플래시 설치하기 ... 60 2. 플래시 5 설치 후 궁금한 내용 ... 62 3. ESD 버전을 설치하고 사용할 때 주의사항 ... 63 5 플래시를 시작하고 종료할 줄 알아야 한다 ... 64 1. 플래시 실행하기 ... 64 2. 작업 공간 만들어 무비 제작하고 종료하기 ... 65 나도 전문가 - 플래시 작업 환경을 내 마음대로 주무르기 ... 66 6 간단한 홈페이지를 만들어보면 플래시가 보인다 ... 68 1. 제작할 무비 환경 설정하기 ... 68 2. 플래시 무비 제작하고 저장하기 ... 69 3. 쇽웨이브 파일을 생성하고 HTML 문서 만들기 ... 71 PART2 플래시 기본기 익히기 7 화면 구성과 주요 도구 살펴보기 ... 74 1. 드로잉 툴바 ... 75 2. 타임라인 ... 76 3. 툴바 ... 77 8 플래시를 이용한 기본 드로잉 ... 78 1. 플래시 드로잉 툴 사용시 일반적인 규칙 ... 78 2. 원형과 사각형 그리기 ... 79 3. 원형 툴과 사각형 툴의 옵션들 ... 80 4. 직선과 자유곡선 그리기 ... 81 9 펜 툴과 보조 선택 툴로 베지어 곡선 그리기 ... 82 1. 펜 툴을 이용한 곡선 드로잉 ... 82 2. 베지어 곡선 수정하고 마무리하기 ... 83 10 오브젝트 선택하고 변형하기 ... 84 1. 선택 툴 ... 84 2. 플래시에서 오브젝트의 속성 ... 85 3. 오브젝트 전체나 일부분을 선택하는 방법 ... 86 4. 오브젝트를 변형하기 ... 87 11 오브젝트 회전과 크기 마음대로 조정하기 ... 88 1. 오브젝트 회전하기[완성 파일 rotate.FLA] ... 88 2. 오브젝트를 비틀거나 복사하기 ... 89 3. 오브젝트를 수평과 수직으로 대치시키기[mirror.FLA] ... 90 4. 오브젝트의 크기를 마음대로 변형하기[size.FLA] ... 91 12 플래시에서 텍스트 사용하기 ... 92 1. 플래시에서 텍스트 사용하기 ... 93 2. 텍스트 전체를 수정하거나 일부분을 수정하기 ... 94 3. 문단 정렬하고 문단 환경 설정하기[source\2\paragraph.FLA] ... 95 13 오브젝트 제작에 유용한 툴들 ... 96 1. 잉크병 툴 ... 96 2. 브러시 툴 ... 97 3. 페인트통 툴 ... 98 4. 스포이드 툴[spoid.FLA] ... 100 5. 지우개 툴[erase.FLA] ... 101 6. 핸드 툴 ... 102 7. 돋보기 툴 ... 102 나도 전문가 - 화면의 배율 및 제작에 관련된 여러 가지 유용한 팁들 ... 103 14 나만의 색상 팔레트 제작하기 ... 104 1. 믹서[Mixer] 패널 ... 104 2. 믹서 패널 사용해 보기[mixer.FLA] ... 105 3. 믹서 패널을 이용하여 투명한 색상 만들기[alpha.FLA] ... 106 4. 스와치[Swatches] 패널 ... 107 5. 스와치 패널 옵션 메뉴 ... 107 6. 나만의 색상 팔레트 만들어 사용하기[scolortable.FLA] ... 108 7. 나만의 색상 팔레트 불러와 사용하기 ... 109 15 채우기[Fill] 패널의 그라디언트 편집기 사용하기 ... 110 1. 그라디언트를 만들어 스와치 패널에 저장하기 ... 110 2. 오브젝트에 투명한 그라디언트 적용하기 ... 112 16 초보를 위한 유용한 기본기 다지기 ... 114 1. 외곽선이나 내부 색상을 나타나지 않게 하는 방법 ... 114 2. 나만의 특별한 색 만들기 ... 115 3. 패널 초기 상태로 되돌리기 ... 116 4. 불규칙한 영역을 선택하기[rasso.FLA] ... 117 17 작업에 편리한 스테이지 꾸미기 ... 118 1. 격자[Grid]와 자[Ruler] 표시하기 ... 118 2. 스테이지에 안내선 표시하기 ... 119 3. 무비의 배경 색상을 바꾸는 방법 ... 120 4. 무비의 크기를 정하는 방법 ... 120 5. 텍스트 안티알리아싱 처리하기 ... 120 6. 플래시 단축키 내 마음대로 지정하기 ... 121 18 무비의 저장과 그 외 여러 가지 이야기 ... 122 1. 작업 중인 무비 저장하기 ... 122 2. 다른 이름으로 무비 저장하기 ... 122 3. 저장된 무비 불러오기 ... 123 4. 저장했던 초기의 상태로 되돌리기 ... 123 5. 복구하기 ... 124 6. 되돌리기 ... 124 7. 클립보드에 저장하여 사용하기 ... 124 8. 플래시 무비 인쇄하기 ... 125 PART 3 플래시 고급스럽게 사용하기 19 오브젝트의 속성 이해하기 ... 128 1. 오브젝트의 속성 ... 128 2. 분해된 속성과 그룹의 속성을 가진 오브젝트의 차이 ... 129 3. 오브젝트의 속성 변경하기[완성 파일 textbreak.FLA] ... 130 4. 그룹의 속성과 그룹 지어진 오브젝트[완성 파일 group.FLA] ... 131 5.그룹 편집하기[완성 파일 groupedit.FLA] ... 132 6. 겹쳐 있는 오브젝트의 순서 바꾸기 ... 133 20 오브젝트를 확장하고 블러 효과 주기 ... 134 1. 라인에 그라디언트 적용하기 ... 134 2. 오브젝트의 영역을 확장하거나 축소하기 ... 135 3. 오브젝트의 가장 자리에 블러 효과내기 ... 136 나도 전문가 - Soften Edge 명령 사용시 주의 사항 ... 137 21 여러 개의 오브젝트 정렬하기 ... 138 1. 정렬 패널 ... 138 2. 오브젝트 정렬하기 ... 139 22 플래시에서 외부 파일 사용하기 ... 140 1. 플래시에서 비트맵 파일 사용하기 ... 140 2. File Import 명령으로 불러올 수 있는 파일 ... 141 3. 비트맵 분해하여 사용하기[완성 파일 bitmapedit.FLA] ... 142 4. 비트맵을 벡터로 변환하기[완성 파일 tracebitmap.FLA] ... 143 23 플래시의 일등 공신 심벌 공부하기 ... 144 1. 심벌의 정의 ... 144 2. 심벌의 특징 ... 144 3. 심벌 만들기 ... 145 4. 심벌 재 사용하기[완성 파일symbol2.FLA] ... 146 5. 심벌 수정하기[완성 파일 instance.FLA] ... 147 24 플래시 무비 효과적으로 제작하기 ... 148 1. 심벌의 종류와 표현되는 모양 ... 148 2. 라이브러리의 폴더 이용하기 ... 149 3. 다른 무비에서 사용한 라이브러리 가져다 사용하기 ... 150 4. 자기만의 라이브러리 만들어 사용하기 ... 151 25 심벌과 오브젝트의 편집을 편하게 하기 ... 152 1. 심벌의 편집을 빠르게 하기 ... 152 2. 마우스 우측 버튼을 활용한 오브젝트의 수정 ... 153 PART4 플래시를 활용한 고급 드로잉 테크닉 26 오브젝트의 속성을 이용한 드로잉 ... 156 1. 특별한 오브젝트 파일 만들기 ... 156 27 복잡하고 화려한 원 간단하게 만들기 ... 160 1. Soften Fill Edge 명령을 이용하여 복잡하고 화려한 원 만들기[완성 파일 circle.FLA] ... 160 28 잉크병 툴을 이용하여 다양한 효과 만들기 ... 162 1. 잉크병 툴로 텍스트 외각선 추출하기[완성 파일 outline.FLA] ... 162 29. 비트맵과 스포이드 툴의 환상적인 만남 ... 164 1. 스포이드 툴을 이용해 스테이지에 비트맵 채우기[완성 파일 bitmap.FLA] ... 164 2. 텍스트에 비트맵 채우기[완성 파일 textimage.FLA] ... 165 30. 화려하고 다양한 텍스트 만들기 ... 166 1. 그라디언트를 적용한 멋진 글자 만들기[완성 파일 font.FLA] ... 166 2. 텍스트안에 뻥 뚫린 텍스트 효과 넣기[완성 파일 youngjin.FLA] ... 167 31. 벡터 드로잉을 이용하여 독특한 배경 만들기 ... 168 1. 오브젝트의 변형을 통한 배경 만들기[완성 파일 transform.FLA] ... 168 32. 비트맵을 이용하여 멋진 캐릭터 만들기 ... 170 1. 비트맵을 이용하여 준비 작업하기 ... 170 2. 플래시에서 정교한 캐릭터 작업하기[완성 파일 wonbin.FLA] ... 171 33. 비트맵에 Tint 효과 적용하기 ... 172 1. Tint를 이용하여 비트맵에 특수한 효과 내기[완성 파일 tintimage.FLA] ... 172 2. 좋은 플래시 무비를 만들기 위한 조언 ... 175 Part 5 플래시에서의 애니메이션 34 플래시 애니메이션의 기초 ... 178 1. 플래시 애니메이션의 원리 ... 178 2. 프레임에 등록된 오브젝트의 생명력 ... 179 3. 프레임에 등록된 오브젝트의 생명력에 대한 이해 ... 180 4. 오브젝트의 생명력 연장과 프레임과 시간의 관계 ... 181 35 프레임들에 의한 애니메이션 ... 182 1. 캐릭터 변화 애니메이션 만들기[완성 파일 framebyanimation.FLA] ... 182 2. 오브젝트가 나타나는 시간[간격] 늘려주기 ... 183 3. 프레임과 레이어와의 관계 이해하기[완성 파일 layeruse.FLA] ... 184 36 모션 트위닝에 의한 애니메이션 ... 186 1. 무작정 트위닝 해보기[완성 파일 Tweening.FLA] ... 186 2. 트위닝[Tweening] 이란? ... 187 3. 트위닝의 종류 ... 188 4. 오브젝트의 그룹화를 통한 모션 트위닝 애니메이션[완성 파일 movescale.FLA] ... 189 37 쉐이프 트위닝 애니메이션 ... 190 1. 쉐이프 트위닝이 일어나기 위한 조건 ... 190 2. 쉐이프 트위닝을 구현하는 방법 ... 190 3. 그림에서 텍스트로 변하는 몰핑 효과 애니메이션 만들기[완성 파일 shapetweening.FLA] ... 191 38 심벌을 이용한 애니메이션 ... 192 1. 회전하며 이동하는 스머프 애니메이션 만들기[완성 파일 rotatesmurf.FLA] ... 192 2. 심벌의 수정으로 애니메이션에 변화 주기[완성 파일 modifysymbol.FLA] ... 194 39 심벌 인스턴스를 이용한 애니메이션 ... 196 1. 심벌 인스턴스의 정의 ... 196 2. 심벌 인스턴스의 특징 ... 196 3. 심벌 인스턴스 활용하기 ... 197 4. 심벌 인스턴스의 이해 ... 198 40 레이어를 이용한 다중 애니메이션 ... 200 1. 레이어란? ... 200 2. 레이어와 알파 값[투명도]의 관계 ... 200 3. 레이어와 알파 값 이해하기[완성 파일 aplha2.FLA] ... 201 4. 레이어를 이용한 다중 애니메이션 만들기[완성 파일 multiani.FLA] ... 202 5. 다중 애니메이션의 시간 조절하기 ... 204 6. 레이어 제어하기 ... 205 41 무비 클립을 이용한 애니메이션 ... 206 1. 무비 클립 심벌 이해하기 ... 206 2. 무비 클립 만들어 보기[완성 파일 textmovie.FLA] ... 207 나도 전문가 - Convert to Symbol과 New Symbol의 차이 ... 209 42 플래시 무비 테스트 모드 ... 210 1. 플래시 무비의 특성 ... 210 2. 플래시 무비 테스트 모드 ... 211 PART 6 액션 스크립트 기본기 다지기 43 액션 스크립트 이해하기 ... 214 1. 액션 스크립트[Action Script]란? ... 214 2. 액션 스크립트 명령을 주기 위한 조건 ... 214 3. 액션 패널의 종류 ... 215 4. 액션 패널 불러오기 ... 215 5. 액션 패널 자유 자재로 다루기 ... 216 44 Get URL로 홈페이지 링크하기 ... 218 1. 버튼에 Get Url 액션 걸어 링크 시키기[완성 파일 geturl.FLA] ... 218 2. 프레임에 액션 걸어 링크 시키기[완성 파일 frameaction.FLA] ... 220 45 버튼 심벌을 이용한 상호 작용 ... 222 1. 버튼 심벌[Button Symbol]의 용도와 구조 ... 222 2. 버튼 심벌 이해하기[완성 파일 button.FLA] ... 223 3. 버튼 심벌에 속성 지정하기[완성 파일 buttonproperty.FLA] ... 224 나도 전문가 - 버튼 심벌의 Hit 영역이 가지는 의미[완성 파일 hitbutton.FLA] ... 226 46 버튼 심벌에 액션 부여하고 마우스 이벤트 이해하기 ... 228 1. 버튼 심벌의 속성과 버튼 심벌 인스턴스 ... 228 2. Get URL 액션의 옵션 알아보기 ... 229 3. 상대 경로와 절대 경로 알아보기 ... 230 4. 마우스 이벤트 이해하고 이벤트 값 수정하기 ... 231 47 프레임 액션과 버튼 액션의 조화 ... 232 1. 프레임 액션을 이용하여 무비 재생 멈추기[완성 파일 carok.FLA] ... 232 2. 기본적인 액션 정리하기 ... 234 48 무비 안의 또 다른 무비 제어하기 ... 236 1. Tell Target 액션을 이용하여 무비 클립 제어하기[완성 파일 control.FLA] ... 236 2. 무비 클립과 Tell Target 액션의 상호작용 이해하기[완성파일 movietarget.FAL] ... 238 49 무비 안에서 외부 무비 불러와 사용하기 ... 240 1. Load Movie 액션 이해하기[완성 파일 loadmovie.FLA] ... 240 2. Load Movie 액션으로 불러들여진 무비의 특징 ... 242 3. 서로 다른 Level 값으로 메일 무비에 무비 불러들이기 ... 243 50 심벌 인스턴스를 변경하여 액션 걸기 ... 242 1. 심벌 인스턴스의 속성을 변경하기 ... 244 PART7 실전! 플래시로 나만의 홈페이지 만들기 51 여러분과 함께 만들어 볼 무비 미리 보기 ... 248 1. 공부하게 된 내용들 미리 보기 ... 248 2. 플래시를 이용한 홈페이지 구축 과정 ... 249 52 제작할 무비의 기본 값 설정하기 ... 250 1. 무비 제작하기 전 무비 속성 값 설정하기 ... 250 나도 전문가 - 스테이지의 크기를 정할 때의 유의 사항 ... 252 나도 전문가 - 무비의 배경 색과 브라우저의 배경 색을 맞추는 방법 ... 253 53 레이이웃과 기본적인 오브젝트 제작하기 ... 254 1. 가이드 라인 그리기 ... 255 2. 모서리가 둥근 사각형 그리기 ... 256 3. 레이어 추가하고 레이어 이름 바꾸기 ... 257 4. 플래시4 방식으로 타임라인 제어하기 ... 258 5. 심벌로 등록된 오브젝트에 모션 트위닝 적용하기 ... 259 6. 빈 키프레임을 삽입하기 ... 260 7. 투명도를 이용한 애니메이션 만들기 ... 261 8. 텍스트를 심벌로 저장하고 트위닝하기 ... 262 9. 비트맵이 서서히 나타나는 애니메이션 구현하기 ... 263 10. 비트맵 트위닝하고 마무리하기 ... 164 54 폰트를 활용하여 멋진 효과 만들기 ... 266 1. 폰트 활용하기 ... 267 2. 잉크병 툴로 외곽선 추출하고 Soften Edge 명령으로 오브젝트 확장하기 ... 268 3. 내부 텍스트 클립보드에 저장하여 활용하기 ... 269 4. 외각선 텍스트를 심벌로 저장하고 트위닝 하기 ... 270 5. 클립보드에 저장되어 있던 오브젝트 활용하기 ... 271 6. 심벌로 저장하여 트위닝하고 무비 마무리하기 ... 272 55 비트맵의 분해와 타이밍 효과 애니메이션 ... 274 1. 모든 레이어의 프레임 늘려주고 다음 과정 준비하기 ... 275 2. 비트맵 분해하고 가이드 라인 이용하기 ... 276 3. 분해된 비트맵 이미지를 그래픽 심벌로 만들어 주기 ... 277 4. 4등분된 이미지 각각의 레이어에 등록하기 ... 278 5. 분해된 비트맵이 등록된 4개의 레이어에 키프레임 동시에 삽입하기 ... 279 6. 타이밍 애니메이션 구현하고 무비 마무리하기 ... 280 56 마스크를 활용하여 오브젝트가 그려지는 애니메이션 ... 282 1. 메뉴로 사용할 라인 만들기 ... 283 2. 메뉴 라인 정렬하고 마스크 레이어 만들기 ... 284 3. 마스크를 적용할 사각형 그리고 중심점 이동하기 ... 285 4. 마스크를 적용하여 라인이 그려지는 효과 만들기 ... 286 57 무비 클립을 이용한 애니메이션 버튼 만들기 ... 288 1. 메뉴에 사용할 아이콘 등록하기 ... 189 2. Frame by Frame Animation 구현하기 ... 290 3. 텍스트를 이용한 버튼 만들기 ... 291 4. 버튼 심벌의 속성을 섬세하게 제어하기 ... 292 5. 소개 글 무비 클립 만들어 버튼에 삽입하기 ... 293 6. 소개 글 무비 클립 완성하기 ... 294 7. 버튼 심벌의 Over 속성에 무비 클립 삽입하기 ... 295 8. 무비 클립 올바르게 수정하기 ... 296 9. 버튼에 또 다른 무비 클립 삽입하고 무비 마무리하기 ... 297 10. 색상이 변하며 등장하는 버튼 만들기 ... 298 11. 타이밍 조절하고 무비 마무리하기 ... 299 12. 버튼에 Get URL 액션 걸어 링크시키기 ... 300 58 Work Area를 이용한 애니메이션 만들기 ... 302 1. 다음 과정을 위한 준비 작업하기 ... 303 2. 오브젝트 정렬하고 각각의 레이어에 심벌로 저장하기 ... 304 3. 가상 영역에서 스테이지로 오브젝트 등장시키기 ... 305 4. 애니메이션 되는 오브젝트 타이밍 조절하기 ... 306 5. 가상의 영역에서 등장하는 오브젝트 확인하기 ... 307 6. 오브젝트의 속성을 이용한 드로잉 ... 308 7. 레이어 위치 바꾸고 무비 클립 만들어 등록하기 ... 309 8. 무비 클립 등록하고 Stop 액션 걸어 무비 마무리하기 ... 310 59 쇽웨이브 파일과 HTML 문서 생성하기 ... 312 1. SWF[Shockwave File] 생성하기 ... 312 2. Publish하여 SWF 파일과 플래시 무비를 재생할 HTML 문서 생성하기 ... 313 3. 브라우저의 크기에 맞추어서 자동으로 무비가 조절되게 하기 ... 314 4. 무비의 비율을 무시하고 화면에 곽 차게 하는 방법 ... 315 5. 무비의 크기를 유지하고 화면 중앙에 오게하는 방법 ... 316 나도 전문가 - 플래시 무비 저장 옵션 상자 ... 317 60 FTP 프로그램 이용하여 서버에 파일 올리기 ... 318 1. 본인의 계정에 SWF 파일과 HTML 파일 올리기 ... 318 PART 8 플래시 무비 최적화와 스트리밍 전송 테크닉 61 플래시 무비 파일 크기 측정하기 ... 322 1. 플래시 무비 크기 측정하기 ... 322 2. 플래시 무비 테스트 모드 ... 323 3. 플래시 무비 안에 포함된 특정한 오브젝트의 크기를 측정하는 방법 ... 324 4. 최적화된 오브젝트를 새로운 무비에 삽입하는 방법 ... 325 62 무비 최적화를 위한 가장 기본적인 내용 익히기 ... 326 1. 라인의 형태 신중하게 선택하기[완성 파일 solidline.FLA, dotline.FLA] ... 326 2. 스테이지를 벗어나는 오브젝트 모두 지우기[완성 파일 stagediet.FLA] ... 327 63 플래시에서 폰트 제대로 사용하기 ... 328 1. 폰트의 속성에 따른 크기 비교 ... 328 2. 한글 폰트를 많이 사용하고자 할 때의 최적화 기법 ... 329 64 비트맵과 벡터 이미지 파일 최적화하기 ... 330 1. 비트맵 파일 최적화하기[완성 파일 bitmapsize.FLA] ... 330 2. 벡터 이미지 파일 최적화하기[완성 파일 vectoropt.FLA] ... 333 65 사운드 파일 최적화하기 ... 334 1. 사운드 파일 압축하기[완성 파일 soundopt.FLA] ... 334 나도 전문가 - 무비에 포함되는 사운드 파일의 압축률을 동일하게 지정하는 방법 ... 336 사운드에 관한 여러 가지 이야기 ... 337 66 캐릭터 애니메이션 최적화하기 ... 338 1. 캐릭터 애니메이션 예제 미리 보기 ... 338 2. 심벌 인스턴스를 활용한 캐릭터 애니메이션 만들기[완성 파일 symbol.FLA] ... 339 67 스트리밍 전송 테크닉 ... 340 1. Streaming Graph와 Frame by Graph ... 340 2. 실제 스트리밍 테스트하는 방법 ... 341 나도 전문가 - 실전에서의 대역폭에 관한 여러 가지 이야기 ... 342 무비를 최적화 하기 위한 필자의 조언 ... 343 PART 9 수준 높은 애니메이션 만드는 여러 가지 테크닉 68 다양한 회전 애니메이션 만들기 ... 346 1. 기본적인 회전 애니메이션 만들기[완성 파일 [rotate360.FLA]] ... 346 2. 심벌의 인스턴스를 변경한 다양한 회전 애니메이션[완성 파일 autovertical.FLA, cwvertical.FAL] ... 347 69 중심점과 타이밍 조절 애니메이션 ... 348 1. 중심점을 이동하는 방법[완성 파일 movepoint.FLA] ... 348 2. 중심점 이동과 타이밍 조절을 통한 현실감 있는 무비 만들기[smurfbowling.FLA] ... 349 3. 타이밍 조절에 의한 완벽한 애니메이션[timesmurf.FLA] ... 351 70 동작 안내선을 이용한 애니메이션 ... 352 1. 동작 안내선을 이용한 애니메이션 만들기[완성 파일 cycleshow.FLA] ... 352 2. 한 개의 동작 안내선으로 여러개의 오브젝트 제어하기[multiguide.FAL] ... 354 71 진행 방향을 지정하여 현실감 있는 무비 만들기 ... 356 1. 평범한 애니메이션과 진행 방향을 지정한 애니메이션의 차이 ... 356 2. Orinet to path를 지정하여 현실감있는 무비 만들기[완성파일 orienrpath.FLA] ... 357 72 fade in fade out 효과 구현하기 ... 358 1. 비트맵에 fade in fade out 효과 내기[완성파일 fadeinout.FLA] ... 358 73 잔상 효과 애니메이션 만들기 ... 360 1. 잔상효과 만들기[완성 파일 jansang.FLA] ... 361 74 마스크를 이용한 애니메이션 ... 364 1. 마스크 이해하기[완성 파일 maskcircle.FLA] ... 364 2. 마스크로 구현하는 서치라이트 효과[완성파일 masklayer.FLA] ... 365 3. 문자 스트롤 애니메이션 만들기[완성 파일 scrolltext.FLA] ... 367 75 장면 전환 애니메이션 만들기 ... 368 1. 두 개의 서로 다른 이미지 멋들어지게 전환하기[완성 파일 doubleimage.FLA] ... 368 2. 장면 전환 애니메이션 가다듬기[완성 파일 maskadd.FLA] ... 370 76 무비 클립을 이용한 다중 애니메이션 ... 372 1. 무비 클립 애니메이션 이해하기 ... 372 2. 무비클립을 이용한 다중 애니메이션 만들기[완성 파일 dogrun.FLA] ... 373 3. 동작 안내선과 무비 클립 애니메이션의 조화[완성 파일 dogrunguide.FLA] ... 374 나도 전문가 - 그래픽 심벌을 이용한 다중 애니메이션[완성 파일 multigraphicmore.FLA] ... 375 77 쉐이프 트위닝을 이용한 몰핑 애니메이션 ... 376 1. 텍스트 몰핑 애니메이션[완성 파일 shape.FLA] ... 376 2. Shape Hint를 이용한 다양한 애니메이션[완성 파일 modifyhint.FLA] ... 378 78 Work Area를 이용한 애니메이션 ... 380 1. Work Area 이해하기 ... 380 2. Work Area가 구현된 HTML 문서 보기 ... 381 79 오브젝트가 멋지게 등장하는 애니메이션 ... 382 1. 애니메이션을 예상하여 오브젝트 만든 후 애니메이션 구현하기[완성파일 matineeok.FLA] ... 382 80 동작 안내선과 마스크를 활용한 애니메이션 ... 384 1. 동작 안내선을 따라서 마스크 효과가 나는 애니메이션 만들기[완성 파일 maskguideok.FlA] ... 384 나도 전문가 - 동작 안내선과 마스크를 활용한 애니메이션 ... 387 PART10 플래시로 구현하는 고급 상호작용 81 애니메이션 버튼과 사운드 버튼 만들기 ... 390 1. 애니메이션 버튼 만들기[완성 파일 : anibutton.FLA] ... 390 2. 사운드 버튼 만들기[완성 파일 soundbutton.FLA] ... 392 82 버튼에 반응하여 나오는 설명 글 만들기 ... 394 1. 마우스에 반응하는 간단한 메뉴 설명 글 만들기[완성 파일 menutext.FLA] ... 394 2. 마스크되어 나타나는 설명 글 만들기[완성 파일 masktext.FLA] ... 396 83 Go To 액션과 프레임 액션을 이용한 서브 메뉴 만들기 ... 400 1. Go To 액션과 Frame 액션을 이용한 기본적인 메뉴 만들기[완성 파일submenu.FLA] ... 400 84 Tell target 액션을 이용한 애니메이션 메뉴 만들기 ... 406 1. Tell Target 액션을 이용한 애니메이션 메뉴 만들기[완성 파일 overclickmenu.FLA] ... 406 85 투명 버튼과 무비 클립을 이용한 잔상 버튼 만들기 ... 414 1. 잔상 버튼 만들기[완성 파일 jansangmenu.FLA] ... 414 나도 전문가 - Tell Target 액션으로 무비 클립을 제어할 때의 관계 ... 419 86 무비 클립 안에 풀다운 메뉴 만들기 ... 420 1. 풀다운 메뉴 만들기[완성 파일 pulldownmenu.FLA] ... 420 87 무비 클립에서 메인 무비를 제어하기 ... 424 1 무비 클립으로 메일 메인 무비를 제어하기 ... 424 88 Load Movie를 이용한 프리젠테이션 만들기 ... 428 1. 제품 소개 무비 만들기[완성 파일 chair1.SWF] ... 428 2. 메인 무비 만들기[완성 파일 load movie.FLA] ... 429 나도 전문가 - Load Movie를 이용한 무비를 제작할 때 메인 무비와 불러들여질 무비 위치 잡는 방법 ... 431 89 플래시 무비로 프레임 구현하기 ... 432 1. 플래시 무비로 프레임 구현하기[완성 파일 frame.FLA] ... 432 2. 메인 무비에 있는 무비 클립과 불러올 무비를 대체하기[완성 파일targetmenu.FLA] ... 433 나도 전문가 - 라벨을 이용하여 프레임을 지정하는 방법 ... 439 90 If frame is Loaded 액션으로 로딩 구현하기 ... 436 1. If frame is loaded 액션 이해하기 ... 436 2. If frame is loaded 액션 이용하기[완성 파일 loadingnow.FLA] ... 437 91 Scene을 활용하여 무비 만들기 ... 440 1. Scene[장면]이란? ... 440 2. Scene[장면]을 추가하고 제거하기 ... 440 3. Scene[장면] 제어하기 ... 441 4. Scene[장면] 활용하기 ... 442 5. 장면을 이용한 로딩 무비 만들기[완성 파일 scenemovie.FLA] ... 443 6. 장면을 활용한 효율적인 무비 만들기[완성 파일 multiscene.FLA] ... 445 7. 서로 다른 두 개의 무비 통합하기[완성 파일 multimovie.FLA] ... 445 92 사운드 On／Off 버튼 만들기 ... 446 1. 무비 클립을 이용하여 사운드 제어하는 버튼 만들기 ... 446 93 마우스에 반응하는 3D 버튼 만들기 ... 450 1. Tell Target 액션을 이용한 3D 버튼 만들기[완성 파일 3dbutton.FLA] ... 450 PART 11 고급 액션 스크립트 활용하기 94 고급 액션 스크립트를 공부하기 위한 기본 사항 점검하기 ... 456 1. 프레임 액션과 오브젝트 액션 ... 456 2. 액션 스크립트 기본기 다지기에서 배웠던 Basic Action과 고급 함수들 ... 457 3. 고급 액션과 함수들에 대한 기본 설명 ... 458 4. 액션 스크립트 복사하기 ... 459 95 동적[Dynamic] 텍스트와 입력[Input] 텍스트 ... 460 1. 플래시에서 사용하는 텍스트의 종류 ... 460 2. 동적[Dynamic] 텍스트 ... 463 3. 입력[Input] 텍스트 ... 465 96 외부 텍스트 파일 사용하여 홈페이지 만들기 ... 466 1. Load Variable 액션을 이용한 외부 텍스트 파일 불러들이기[완성 파일 textloading.FLA] ... 466 2. 텍스트 필드의 내용을 제거하기[textdelete.FLA] ... 471 97 변수[Variable]와 표현식[Expression] 공부하기 ... 472 1. 변수[Variable] ... 472 2. 변수에 값을 설정하기 ... 472 3. 표현식[Expression]에 대해 공부하기 ... 475 나도 전문가 - 플래시에서 사용하는 연산자 ... 478 98 조건문을 이용한 로그인 화면 만들기 ... 480 1. 조건문이란 ? ... 480 2. If 액션 이해하기 ... 480 나도 전문가 - 플래시에서 이용하는 조건문의 종류 ... 486 99 Property 액션을 이용하여 무비 클립의 속성 제어하기 ... 488 1. 플래시에서 제공하는 속성의 종류 ... 488 2. setProperty 액션을 이용하여 무비 클립 속성 제어하기[완성 파일 myshoes.FLA] ... 489 3. getProperty 액션을 이용하여 스크립트로 트위닝 애니메이션 만들기[완성 파일 nabimove.FLA] ... 491 나도 전문가 - 메인 무비에 위와 같은 프레임 액션을 주면 안 되는 이유 [완성 파일 nomovie2.FLA] ... 494 100 무비 클립과 메인 무비의 경로 이해하기 ... 496 1. 메인 무비에서 무비 클립을 제어하기[완성 파일 namestop.FLA] ... 496 2. 메인 무비에서 메인 무비를 제어하기[완성 파일 thisstop.FLA.rootstop.FLA] ... 498 3. 무비 클립에서 메인 무비와 자기 자신 제어하기[완성 파일 mclipthis.FLA] ... 499 4. 서로 다른 무비 클립에서 무비 클립 제어하기[완성 파일 m2clipprogress.FLA] ... 500 나도 전문가 - 무비 인스턴스의 경로명 ... 502 101 duplicateMovieClip을 이용한 무비 클립 복제하기 ... 504 1. 무비 클립의 복제란? ... 504 2. duplicateMovieClip 액션의 사용 방법 ... 504 3. duplicateMovieClip 액션을 이용한 무비 클립 복제하기[완성 파일 duplicatebbb.FLA] ... 505 4. 무비 클립의 속성 알아내어 복제하기[완성 파일 ymoveduplicate.FLA] ... 508 나도 전문가 - 무비 클립의 속성을 쉽게 알아내는 방법 ... 510 102 복제되는 무비 클립 고급스럽게 제어하기 ... 512 1. 조건문, 변수, Random 함수를 이용하여 복제되는 무비 클립 조절하기 ... 512 2. 버튼 심벌에 있는 스크립트 분석하기 ... 513 3. 무작위로 추출된 속성을 가진 무비 클립 복제하기[완성 파일 tencopyrandom.FLA] ... 514 나도 전문가 - random 함수로 복제되었던 무비 클립 교체하기 ... 517 103 무비의 배경에 깔리는 멋진 효과 만들기 ... 518 1. 스크립트를 이용하여 무비의 배경 만들기[완성 파일 loopstar.FLA] ... 518 2. 무비를 깔끔하게 마무리하기[완성 파일 loopstar.FLA] ... 521 104 startDrag 액션을 이용한 무비 클립 드래그하기 ... 522 1. 마우스를 따라 다니는 무비 클립 만들기[완성 파일 drargcenter.FLA, dragposition.FLA] ... 522 105 나만의 마우스 포인터 만들기 ... 524 1. 나만의 마우스 포인터 만들기[완성 파일 mycursor.FLA] ... 524 106 마우스 포인터 자체를 제어하기 ... 526 1. 마우스 포인터에 특별한 기능 부여하기[완성 파일 specialcursor.FLA] ... 526 나도 전문가 - onClipEvent ... 531 107 스크립트를 이용한 특이한 마스크 효과내기 ... 532 1. 마우스 포인터를 따라 보여지는 텍스트 만들기[완성 파일 secret.FLA] ... 532 108 무비 클립의 색상을 조절하기 ... 534 1. setRGB를 이용한 무비 클립의 색상 조절하기[완성 파일 mycolor.FLA] ... 534 나도 전문가 - Color 오브젝트와 메소드들에 대한 설명 ... 538 109 마우스 포인터의 좌표를 알아내기 ... 540 1. 기본적인 마우스 좌표 값 알아내기[완성 파일 xymouse.FLA] ... 540 2, 무비 클립 스스로 마우스 좌표 값 알아내기[완성 파일 selfposition.FLA] ... 544 110 외부 텍스트 파일 불러들여 스크롤되는 텍스트 만들기 ... 546 1. 스크롤되는 텍스트 필드 만들기[scrolltext.FLA] ... 546 나도 전문가 - 텍스트 필드 안의 글자 정렬하기 ... 549 111 액션 스크립트로 사운드 제어하기 ... 550 1. Sound 액션에 관한 기본기 익히기[완성 파일 soundstop.FLA] ... 550 2. 액션 스크립트로 배경 음악 On／Off 버튼 만들기[완성 파일 scriptonoff.FLA] ... 552 3. gerPan 액션과 setPan 액션으로 스피커의 좌우 채널 조절하기[완성 파일 speakercontrol.FLA] ... 556 112 액션 스크립트로 오브젝트 충돌 감지하기 ... 558 1. hitTest 액션을 이용하여 무비 클립 위에 마우스 커서 감지하기[완성 파일 myhit.FLA] ... 558 2. 서로 다른 무비 클립의 충돌을 감지하기[완성 파일 twinhittest.FLA] ... 560 나도 전문가 - 액션 스크립트를 공부하는 방법 ... 563 113 로딩 중 효과를 스크립트로 처리하기 ... 564 1. _totalframes를 이용하여 로딩 무비 구현하기[완성 파일 totalloading.FLA] ... 564 2. 로딩 중인 상태를 %로 표현해 주는 로딩 무비 만들기 ... 567 3. 전체 무비 크기와 현재 로딩 중인 데이터 크기를 표시해 주는 무비 만들기[완성 파일 loadingdatasize.FLA] ... 569 114 좌우로 스크롤되는 메뉴 만들기 ... 570 1. 스크롤되는 메뉴 미리 보기 ... 570 2. 스크롤 메뉴 분석하기 ... 571 나도 전문가 - 현재 무비에 대한 스크립트 분석하기 ... 575 PART12 플래시 활용하기 115 플래시를 활용하여 역동적인 배너 만들기 ... 580 1. 플래시를 활용하여 배너 만들기[flashbanner.FLA] ... 580 116 바탕 화면에 북마크 만들기 ... 582 1. 바탕 화면에 북마크 만들기 [완성 파일 mark.html] ... 582 117 플래시를 이용한 스크린 세이버 만들기 ... 584 1. 스크린 세이버 만들기[완성 파일 myscreensaver.EXE] ... 584 118 swiffer 사용하여 무비 분석하기 ... 588 1. 홈페이지에 있는 플래시 무비를 지정하기 ... 588 2. Protect 제거하여 플래시 무비 분석하기 ... 589 119 오니온 스킨을 이용한 무비 수정과 프레임 문서 제어하기 ... 590 1. 오니온 스킨을 이용하여 무비의 특정한 부분 동시에 수정하기[완성 파일 move.FLA] ... 590 2. 프레임에 삽입되어 있는 플래시 무비에서 다른 프레임에 링크 걸기 ... 591 120 공유 심벌 라이브러리 사용하기 ... 592 1. 공유 심벌 라이브러리[Shared Symbol Library] [완성 파일 get.FLA] ... 592 2. 폰트를 공유 심벌 라이브러리에 저장하여 사용하기[완성 파일 myfont.FLA] ... 595 121 플래시 무비가 포함된 문서에 mid 파일 사용하기 ... 596 1. mid 파일을 사용하여 홈페이지에 배경 음악 삽입하기 ... 596 2. 플래시 무비가 포함된 문서에 mid 파일 삽입하기 ... 597 122 자바스크립트와 플래시 무비 연동하기 ... 598 1. 원하는 크기의 새로운 브라우저를 띄우는 자바스크립트 ... 598 2. 플래시 무비의 버튼에 자바스크립트 호출 액션 걸기 ... 599 123 FS Command 활용하기 ... 602 1. FS Command 이용하여 독립 실행 프로젝터[EXE] 만들기[완성 파일 exefile.FLA. mymovie.EXE] ... 602 124 나모와 드림위버를 이용하여 플래시 무비 삽입하기 ... 606 1. 나모를 이용하여 플래시 무비 삽입하기[완성 파일 namo.html] ... 606 2. 드림위버를 이용하여 플래시 무비 삽입하기[완성 파일 dream.html] ... 607 3. 플래시 무비를 브라우저의 중앙에 오게 하기[완성 파일 center.html] ... 608