취화선 홈페이지 플래시 제작 노트

첫째마당 영화 홈페이지는 어떻게 만들어지나?

영화 홈페이지 제작 과정 훑어보기

과정 1. 영화 이해하기
1. 영화 관람
2. 시나리오 분석
3. 영화 기획안 이해
4. 촬영 현장 방문
과정 2. 마케팅 컨셉 설정하기
영화 홈페이지 마케팅 컨셉 설정시 유의할 점

과정 3. 사이트 컨셉 설정하기

과정 4. 사이트 시나리오 설정하기

과정 5. 핵심 관객 설정하고 시뮬레이션하기

과정 6. 사이트 구성하기
1. 디자인 컨셉 잡기
2. 자료 수집하기
사진 수집하기
붓의 움직임 작업을 위한 기본 소스 제작하기
3. 사이트 제작하기
4. 디자인 컨셉 조정하기
5. 영화사에 컨펌받고 최종 수정하기

둘째마당 취화선 홈페이지 내비게이션 분석하기

전체 내비게이션 서핑하기
인트로 애니메이션
메인 화면과 연결되는 대략의 내비게이션
버튼과 결과 화면

홈페이지를 구성하는 파일의 전체 구조 살펴보기

이 책에서 살펴볼 핵심 내비게이션
1. 초기 화면(default.html)
물고기 애니메이션(fish.fla)
초기 화면에서 자바스크립트를 이용한 팝업 창 띄우기
2. 메인 화면을 구성하는 파일들(main.html, bg.fla)
bg.fla 살펴보기
3. 로딩 체크 애니메이션(sound, intro.fla 실행 전에 나타나는 파일들)
sound.fla 파일이 intro.fla 파일을 업로드하는 과정
4. 붓놀림 인트로 애니메이션 살펴보기(intro.fla)
붓놀림 애니메이션(intro.swf)이 끝나고 나타나는 고함 애니메이션(drunk.swf)
5. 장승업 고함 애니메이션(drunk.fla) 살펴보기
6. 메뉴의 기본 골격 살펴보기(main.fla)
7. 서브 메뉴 살펴보기(menu.fla)
8. 자료실 메뉴 살펴보기(dataroom.fla)
9. 각 레벨(level)에 로드무비되는 swf 파일들

셋째마당 붓놀림 인트로 애니메이션 분석하기

붓터치 애니메이션 전체 구조 살펴보기

붓터치 1 만들기 준비 작업
1. 사운드 삽입하고 동기화하기
2. 마스크 만들기
3. 붓터치한 그림을 플래시에서 사용하려면?(비트맵의 백터화)
포토샵과 일러스트레이터를 이용하는 경우
스트림라인을 이용하는 경우

붓터치 1 본격 제작기
1. 붓털 모양 그리기
2. 첫 번째 붓터치와 먹물
3. 마스크를 이용해서 번짐 효과 만들기
4. 붓털의 그림자 만들기
5. 붓터치 1 무비클립 만들기
6. 그림 이동하기
7. 붓터치1의 마무리와 붓터치2와의 연결
8. 붓터치2 애니메이션 만들기

장승업과 사람들 메뉴 살펴보기
1. PNG 파일 만들기
2. jangpeople.fla 만들기
3. drun.fla 만들기