'매트릭스효과'에 해당되는 글 1건

  1. 2010.12.26 영화 '매트릭스' 효과 따라하기 (2)






1999년에 개봉해서 큰 파장을 일으켰던 영화 '매트릭스' 다들 아시죠?

초록색 언어들이 비처럼 떨어지면서 영화타이틀이 나오는 시퀀스 장면을 보고 영감을 얻었는데요.

라인들이 그려지면서 배경이 나타나는 간단한 애니메이션입니다.

우선 쓰였던 재료부터 살펴 볼게요.



라인이 그려질 배경화면이구요.

일러스트에서 다 그렸네요ㅋㅋ

건물 한개씩 순차적으로 생겨지는 영상이 아니고, 동시다발적으로 건물이 그려지는 거라서



이처럼 건물하나에 필요한 StoryBoard하나에 Grid로 묶여있는 수천개의 패스들이 있습니다.

이제 Object and Timeline을 자세히 살펴 보면요.



위 그림처럼 Path가 0초일때는 건물의 외각선따라 그려지는 라인한개를 초록색으로 그렸습니다.

그런다음 Path의 0초 이후에 Keyframe를 찍지 않았기 때문에 초록색 선은 계속 남아있겠죠?ㅋ



네. 다음은 0.1초일때의 Path1에 관련된 내용인데요. Path1의 0초일때 검은라인에서 0.1초에 초록라인으로 바

뀌는 스토리 보드이구요. 처음에 배경의 검은색인데. 0.1초의 짧은 순간이지만 그 서서히 바뀌는 애니메이션 때

문에 전체적으로 봤을때 조금더 부드럽게 라인이 그려진걸 볼 수가 있을꺼예요^^.



이처럼 0.1초간에 라인을 하나하나 그리면 되요. 노가다...

저는 타블렛을 이용해서 라인을 그렸는데. 완전 딱딱 끊어지게 그리는것보다 왼손으로 그린 그림이 더 저는 애

착이 가네요.(제생각^^)



건물 하나에 들어가는 패스와 0.1초간에 검은색에서 초록색으로 이루어 지는 스토리 보드들 입니다.

이제 다른 건물들도 스토리보드를 생성해서 Keyframe을 위 처럼 찍어주면 되고요.

저는 건물을 13개로 나눠서 스토리보드를 13개를 만들었구요. 


네. 이제 애니메이션할 준비는 다 했구요.

이제 이 프로젝트를 Load했을때 실행이 되게끔 Behaviors를 이용해야되는데요.

Assets에 있는 ControlStoryboardAction을 이용합니다.



ControlStoryboardAction를 끌어다가 LayoutRoot에 놓으면


Properties창에 새로운 Trigger 패널에서 EventName은 프로젝트가 Loaded가 되었을때로 설정을 하고.

Storyboard는 해당하는 Storyboard를 선택해주면 됩니다.

Storyboard가 13개가 만들어 졌으니 ControlStoryboardAction를 13개 만들어 줍니다.

이제 Run Project를 해서 잘 실행되는지 보면 됩니다.
Posted by 개백장군

댓글을 달아 주세요

  1. 몽슈니 2010.12.27 02:08 신고  댓글주소  수정/삭제  댓글쓰기

    우와 ~ 저번주 안썻다고 이번에는 완존 열심히 썻네요 ㅎㅎ