이미 소장하고 있다면 판매해 보세요.
|
첫째마당 영화 홈페이지는 어떻게 만들어지나?
* 영화 홈페이지 제작 과정 훑어보기 과정 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 만들기 |
|
영화 '취화선' 홈페이지는 정말 특이하다!
영화 ‘취화선’ 홈페이지(www.chihwaseon.com)는 정말 특이하다. 개봉 전부터 입소문을 통해 많은 네티즌들이 방문하였으며 개봉이 끝나고 재개봉을 앞둔 지금까지 극찬 릴레이가 이어지고 있다. PC 라인, 시사저널 등 각종 유명 매체에서 최고의 홈페이지로 꼽혔으며 영화 홈페이지 수준을 예술적 경지로 끌어올렸다는 평가를 받고 있다. 지난 6월에는 국내 최초로 제49회 칸국제광고제 필름이벤트 프로모션 부문에서 은사자상을 수상하기도 했다. 길벗에서 펴낸 『취화선 홈페이지 플래시 제작 노트』는 취화선 홈페이지의 기획 과정부터 제작 과정까지 설명한 책이다. 취화선 홈페이지를 디자인한 권혁((주)오렘 디자인 실장)씨가 직접 집필하였으며, 수많은 네티즌들이 궁금해 했던 붓놀림 애니메이션 기법을 공개하고 있다. 취화선 홈페이지의 플래시 소스 파일(FLA)을 부록 CD로 제공하고 있어서 웹사이트 제작에 관심이 있거나 실무에 종사하는 사람에게 많은 도움이 될 것으로 기대하고 있다. 영화 홈페이지 업계를 활성화시킨 권혁, 그의 노하우를 책으로! 취화선 홈페이지 게시판에는 영화에 대한 감탄글만큼 홈페이지에 대한 감탄글이 올라와 있다. 주된 내용은 ‘모니터 위에서 그림을 그리듯 움직이는 붓을 어떻게 만들었는가’, ‘어떤 사람이 이런 홈페이지를 만들었는가’에 대한 내용들이다. 취화선 홈페이지는 (주)오렘 디자인 실장 권혁씨의 작품이다. 취화선 외에 춘향뎐, 비천무, 툼레이더, 2009 로스트메모리즈, 성냥팔이 소녀의 재림 티저 사이트 등 영화 홈페이지를 만들어 왔으며 국내 영화 홈페이지 업계를 활성화시킨 장본인이기도 하다. 『취화선 홈페이지 플래시 제작 노트』는 권혁씨가 직접 집필한 책으로, 취화선 홈페이지 기획부터 제작과정에 대해 자세히 설명하고 있다. 홈페이지 방문자들이 게시판에 남긴 질문을 뽑아 권혁씨를 인터뷰한 내용은 영화 홈페이지 제작 실무를 궁금해 하는 사람들에게 많은 참고가 될 수 있을 것이다. 취화선 홈페이지 기획부터 제작까지 한눈에 볼 수 있는 내용들 『취화선 홈페이지 플래시 제작 노트』는 모두 세 개의 마당으로 구성되어 있다. 첫 번째 마당은 ‘영화 홈페이지는 어떻게 만들어지는가’란 주제로, 영화 홈페이지 실무 제작 과정에 대해 설명하고 있다. 이 과정은 크게 1. 영화 이해하기->2. 마케팅 컨셉 설정하기->3. 사이트 컨셉 설정하기->4. 사이트 시나리오 설정하기->5. 핵심 관객 시뮬레이션하기->6. 사이트 구성하기로 이루어지는데, 각 과정마다 실무 사례를 들어가며 설명하고 있어 영화 홈페이지 제작이 궁금한 사람들뿐만 아니라 일반 홈페이지 실무자들에게도 큰 도움이 될 것으로 기대하고 있다. 둘째마당은 ‘취화선 홈페이지 내비게이션 분석하기’란 주제로, 홈페이지 전체 구조를 살펴보고 핵심 내비게이션의 원리를 분석하고 있다. 풀플래시 사이트(Full Flash Site : 플래시 프로그램 하나로만 구성한 웹사이트)의 구성원리와 최적화 방법을 알아보고 수많은 파일들을 어떻게 구조화시키는지에 대해 살펴본다. 셋째마당은 취화선 홈페이지 백미인 ‘붓놀림 인트로 애니메이션’에 대해 설명하고 있다. 홈페이지 방문자들이 가장 궁금해 하는 것이 ‘모니터 위를 자유롭게 움직이는 붓을 어떻게 플래시에서 만들었을까’ 인데, 그 제작 비법이 자세히 나와 있다. 아끼는 후배에게 들려줄 만한 현장 경험담을 수록! 취화선 홈페이지에 사용된 핵심 기법은 어렵고 복잡한 액션 스크립트가 아니다. 아주 간단한 ‘마스크’ 와 ‘셰이프힌트’ 기능이 주를 이룬다. 권혁씨가 이 책에서 일관되게 주장하는 것은 좋은 홈페이지를 만드는 힘은 어렵고 복잡한 기능을 많이 아는 것이 아니라, 사이트가 추구하려는 느낌을 100% 표현할 줄 아는 능력이라고 한다. 이 책에는 권혁씨의 경험을 바탕으로 좋은 홈페이지 만드는 노하우가 소개되어 있으며 취화선 홈페이지의 전체 파일 소스(Fla 파일)를 부록으로 제공되고 있다. 아끼는 후배에게나 들려줄 법한 실무 경험담과 테크닉으로 책 전체를 구성하고 있어서 홈페이지 제작에 관심이 있는 학생, 실무자들에게 큰 도움이 될 것으로 기대하고 있다. |