웹 아트 테크닉 = Web art technic

목차 (Table of Contents)

• 목차
• Prologue
• 1장. 거침없는 표현의 질주 www.gmunk.com
• Part1. 사이트 리뷰 = 28
• 역동적인 모션 그래픽 = 32
• 내러티브 인터렉티비티의 실험 = 34
• [Tip] 다양한 인터렉티비티 구현 = 38
• 모션 그래픽과 자연스럽게 어우러진 3D와 스크린 샷 = 42
• Part2. 플래시 무비를 위한 사운드 = 44
• 플래시 무비를 위한 사운드 기법 = 44
• [참고] 효과음과 배경음악을 구할 수 있는 인터넷 사이트 = 46
• 사운드 편집 프로그램 = 47
• [참고] 쿨 에디트 2000 = 49
• 사운드 편집 테크닉 = 50
• [참고] 플래시 사운드 수상작 및 사운드 쿨 사이트 = 56
• Part3. Contention_it.uk 인트로 제작하기 = 58
• 각 채널의 화면이 랜덤하게 나타나는 TV = 59
• [Tip] 플래시에서 백그라운드 투명 이미지를 위해 사용되는 png 파일 = 60
• [Tip] Fireworks PNG Import settings 대화상자 = 61
• [Tip] 투명버튼 만들기 = 65
• 재미있는 3D 효과로 만드는 뉴스캐스터 = 67
• 채널마다 바뀌는 사운드 = 71
• 미니 텍스트 박스 설치 및 연속 버튼을 이용한 텍스트 스크롤 = 73
• [Tip] 플래시 무비에서의 미니 폰트 노하우 = 74
• [Tip] 디바이스 폰트란 무엇인가? = 75
• 다이나믹 텍스트와 scroll 함수를 이용한 텍스트 스크롤 = 84
• [Tip] loadVariable 액션 사용법 = 85
• [Action Script] = 88
• 2장. 마우스 스크롤로 나타내는 공간과 시간의 교차 www.yigal-azrouel.com
• Part1. 사이트 리뷰 = 98
• 마우스 스크롤 효과 = 100
• 공간과 시간의 교차를 표현하고 있는 모션 = 101
• www.yigal-azroul.com의 인터페이스 연구 = 105
• Part2. 사진이미지 표현기법 = 108
• 정지된 사진으로 표현하는 역동성 = 108
• 마스크 이펙트를 이용한 인상적인 이미지 = 113
• [참고] 한 장의 사진이미지로 모션을 표현한 또 다른 사이트 = 114
• Part3. Mouse Scroll 효과 제작하기 = 118
• 마우스 포인터에서 만나는 수평라인과 수직라인 = 119
• [Tip] 배경이미지, 스테이지에 정교하게 배치하기 = 120
• [Tip] Math, random 함수 = 123
• 마우스 스크롤 효과 = 124
• [Action Script] = 131
• 3장. 액션스크립트로 무장한 탁월한 인터페이스 www.barneys.com
• Part1. 사이트 리뷰 = 136
• [Tip] Barney Newyork = 136
• 이미지의 슬라이딩 효과 = 138
• [Tip] www.barneys.com을 디자인한 Joshua Davis는 어떤 웹 디자이너일까? = 139
• 비즈니스 웹 인터페이스의 새로운 패러다임 = 140
• Part2. 성공적인 사이트를 위한 웹 인터페이스 집중탐구 = 144
• 웹에서의 인터페이스 디자인이란 = 145
• 성공적인 웹 인터페이스를 구축하는 비결 = 147
• [참고] HCI(Human-Computer Interaction) = 149
• 플래시 무비에서의 인터페이스 = 150
• Part3. Sliding Scroll 효과 제작하기 = 154
• 슬라이딩 스크롤 효과 = 155
• 드래그 되는 메뉴창 = 159
• 메뉴에서 나타나는 도움말 박스 = 163
• [Tip] 투명버튼 이란 = 166
• 자기 위치로 날아가는 메뉴창 = 167
• [Tip] 'dragmenu.fla'의 제작과정 = 168
• 어안 텍스트 효과 = 172
• [Tip] 어안 텍스트 테크닉 효과 = 173
• 신비스런 문양을 창조하는 마스크 이펙트 = 177
• [Action Script] = 179
• 4장. 비디오를 메타포로 한 플래시 기법 www.HillmanCurtis.com
• Part1. 사이트 리뷰 = 192
• Hillman Curtis의 모션 그래픽 디자인에 관한 철학 = 193
• Hillman Curtis의 주요 작품 리뷰 = 196
• Part2. 비디오 모션 기법 = 206
• 비디오 모션 기법 준비운동 = 206
• [참고] 동영상을 플래시 포맷으로 변화시켜주는 소프트웨어, Vid2Flash = 207
• [참고] 디지털 비디오 카메라 이야기 = 207
• 동영상 편집 프로그램을 이용한 동영상 편집 = 208
• [참고] FireWire = 208
• 비디오 모션 기법 적용하기 = 212
• [참고] 프리미어에서 프로젝트를 만들 때 처음 세팅해야 하는 부분 = 212
• [참고] 포토샵에서 소스 이미지 보정하기 = 213
• Part3. Manifestival의 메인무비 제작하기 = 216
• Manifestival 메인무비의 인터페이스 틀잡기 = 217
• 피루엣 동작을 Dancer 이미지 제작하기 = 221
• [Tip] 피루엣 모션 나누기 = 222
• 마우스 포인터가 버튼 위에 있을 때만 나타나는 수직라인 만들기 = 225
• [Tip] 무비클립 심볼과 그래픽 심볼의 차이 = 228
• Tunnel과 Subway 무비클립을 독립무비로 분리시키기 = 229
• 무비제어 버튼과 액션스크립트 설치하기 = 233
• [Action Script] = 236
• 5장. 3D와 플래시의 만남 www.mtv2.co.uk 외
• Part1. 사이트 리뷰 = 240
• 3D 인터페이스 & 입체 네비게이션(www.mtv2.co.uk) = 242
• SF 영화를 보는 듯한 뛰어난 3D 기법(www.derbouer.de) = 243
• 3D 인터렉티브 스토리북(www.alphazekka.com) = 244
• 독특한 3D 로봇 서핑(www.designaaembly.com) = 246
• Swift 3D로 만든 프로모션 사이트(devlab.swift3d.com) = 247
• 작고 재미있는 3D Flash 게임(www.gametuner.com／contest／) = 254
• Part2. 플래시에서의 3D 표현기법 = 256
• 3D와 플래시 = 256
• Swift 3D를 이용한 3D 플래시 테크닉 = 258
• Vector 3D를 이용한 3D 플래시 테크닉 = 260
• [참고] View의 주요 기능 = 261
• [참고] Render Settings의 주요 기능 = 261
• [참고] Single의 주요 기능 = 261
• [참고] Animation의 주요 기능 = 262
• Adobe Dimensions를 이용한 3D 플래시 테크닉 = 262
• Part3. 3D 제작 테크닉 = 264
• Derbauer의 Invert 이미지와 마스크를 이용한 독창적인 프리로더 = 265
• Random 함수를 이용한 독특한 장면 전환 = 270
• 쉐이프 트위닝(Shape Tweening)으로 표현하는 3D 효과 = 273
• [Tip] 쉐이프 트위닝(Shape Tweening)의 성공비법 = 277
• [Tip] www.ellenson.com 감상하기 = 278
• [Action Script] = 279
• 6장. 플래시 카툰 애니메이션 기법 www.shockwave.com／shows
• Part1. 사이트 리뷰 = 282
• World of StainBoy = 283
• Radiskull & Devil Doll = 292
• South Park = 295
• Regurge = 298
• The Critic = 300
• Joe Cartoon = 301
• [Tip] 국내 플래시 카툰 작품들 = 303
• Part2. 플래시 카툰 애니메이션의 제작과정 = 304
• 기획 및 시나리오 = 304
• [참고] 미야자키 하야오 감독의 애니메이션〈이웃의 토토로〉시나리오 일부 = 305
• 캐릭터 제작 = 306
• 스토리보드의 제작 = 307
• 레이아웃(Layout, 원도) = 308
• 배경과 원화 및 동화의 제작 = 308
• [Tip] 〈South Park〉동화기법 = 309
• 스캐닝과 컴퓨터 드로잉 = 310
• 플래시 편집과 사운드 제작 = 311
• Part3. Animation 제작하기 = 312
• 일러스트레이터에서 캐릭터 그리기 = 313
• [Tip] 일러스트레이터와 플래시 = 317
• 〈Stainboy〉애니메이션 제작 기법 = 318
• [Tip] Image Apart 작업 = 319
• [Tip] 애니메이션의 타이밍 = 320
• [Tip] 완성 예제에서 구현한 Scene#3에서 스테인보이의 움직임 변화 = 325
• [Tip] 연속적으로 이동하는 배경이미지 무비클립 만들기 = 330
• Epilogue
• 1. Flash Film Festival ; 플래시 디자인의 Academy Award = 334
• Flash Film Festival은? = 334
• Flash Film Festival 수상작 = 335
• 2. 플래시의 액션스크립트에 관한 이해 = 343
• 플래시 5의 액션스크립트 소개 = 343
• [참고] 무비클럽의 경로(Target Path) 표현 = 347
• [참고] 액션 패널 속의 Color = 348
• [참고] 표현식에 대해 = 349
• 예제에서 사용된 주요 액션 리스트 항목 = 350