|
|
||||||||||||||||||||||
|
|
||||||||||||||||||||||
|
■「DJMAX PORTABLE(이하DMP)」에 대해: * 참고: 이하의 설명에 첨부된 썸네일들을 클릭하면 디테일한 그림또는 동영상 클립을 보실 수 있습니다. |
||||||||||||||||||||||
|
|
||||||||||||||||||||||
|
■ 메이킹
결과적으로 오프닝은 (b)의 롱버전이 되었습니다만, 당시때의 롱버전은 계획만 있을 뿐 뜬구름 잡는 이야기 였습니다. 제작 여건이 안된다는 것은 그때까지만 해도 체감하고 있었기 때문이죠. 그때 DMP PSP버전 발매에 맞추어 강력한 프로모션과 볼륨의 증대감에 일조하기위해, 오프닝 영상을 끝없는 설득 끝에추진하게 됩니다. 어쨌든, 이것을 케이스로 하여, 오프닝 제작이자 프로모션의 롱버전을 제작할 수 있는 기회를 잡게 됩니다. 하지만,프로젝트가 시작되면서 동시에 진행된 오프닝 영상은 기간상으로 매우 촉박하였기 때문에(그때 당시 DMP의 마감이 8월말경이었으므로,)적은 프로젝트 인원의 역건 속에서 오프닝 제작이라는 것은 생각만큼 쉬운 일은 아니었습니다. 일단 노하우가 완벽하게 구축되어있는 상태도 아니었기 때문에.. |
||||||||||||||||||||||
|
|
||||||||||||||||||||||
|
■ 사전 작업.
시간이 별로 없었기 때문에 더이상 지체 않고 콘테 작업에 들어가게 됩니다. 당시에는(숏버전이 만들진 때) 캐릭터 들의 이미지 컨셉이 확실하게 잡혀 있지 않아 DJMAX이미지걸(노란 의상의)의 캐릭터 하나와 인게임의 영상을 편집하여 프로모션을 제작하였으나, 오프닝을 제작할 당시에는 5명의 캐릭터 이미지가 잡혀있어 이 캐릭터에 대한 일상에 대한 이야기를 빠른 컷으로 보여주고 한데 모여 하이라이트에 밴드신을 연출하는 것을 주제로 오프닝에 인게임의 영상을 포함하지 않고 오로지 애니메이션 영상만으로 구성한다는 대범한(!) 목표가 세워지게 됩니다. 그 후,(a) 그림 콘테→(b) 동영상 콘테→(c) 작업 분담 설계라고 하는 순서로 작업을 실시해 갑니다. 영상에 대한 작업 분담은 서로간의 노하우의 차이를 극복하는 형태로 배분되었습니다. 저는 잡다한 콤포지팅 능력과 3D,배경제작,이펙트 등이 주류였고 NG씨는 강력한 셀 애니메이션 동화 능력이 있었기 때문에, 포지션은 자연히 정해지는 형태가 되었습니다. 콘테가 만들어지기 전까지는 동화의 수량면에서 완벽히 알 수 없었기 때문에 외주를 해야 될지 말아야 될지 모르고 있었으나(사실 둘은 반드시 필요할걸로 예상하고 있었습니다..),콘테의 실체가 드러나자 이것은 둘로 도저히 불가능이라는 결론이 나오게 되었습니다. 콘테 자체도, 사실 NG씨가 의욕에 넘쳐(저도 물론) 제작된 것이기 때문에 제작 형편을 고려함에도 불구하고 진행한(말 그대로 지른) 것도 한몫 톡톡히 하고 있었습니다. 일단,스튜디오의 외주를 해야 될지 어떻게 해야 될지 난감해 하고 있던 상황이었는데.. (스튜디오 같은 경우는 동화만이라면 1화물의 제작이라던가 오프닝의 형태라면 통째로 받는 것을 취하고 있었으므로, 단일 오프닝의 동화만 이라고 한다면 안할 가능성이 큰데다가...단가대 효율이 안나올 것 같다는 생각이 있어서..어쨌든 나름대로 꽤 난감한 상황이었습니다.) 그때 DJMAX ONLINE BGA의 제작으로 유명하신 EYEHEAD(이진영)씨가 동화맨으로 합류하게 됩니다. 애초부터 친분이 있었던 사이였기 때문에, 외주를 하게 될 경우 생기는 커뮤니케이션 문제에 대한 걱정과 퀄리티에 대한 문제를 일소에 해결하게 되었습니다. 그림 콘테가 작성된 후에는 그림 콘테를 1CUT으로 떼어 네어 프리미어에서 배치해보는 것으로 동영상 콘테(PRE-PRODUCTION 단계)단계를 거쳤습니다. 이것으로 전반적인 SCENE당 길이와 총 작업분량을 확인하고 그림 콘테상에서 파악하지 못했던 대부분의 문제점들을 잡아낼 수 있었습니다. 이 후, 이 동영상 콘테는 오프닝이 완성될 때까지 모든 작업의 설계도가 되었습니다. 이후로는 실제 씬을 클립별로 제작하여 콘테로 씌였던 그림을 클립으로 교체하는 방식으로 작업해 나갔습니다. 오프닝의 모든 셀 애니메이션(동화)은 MIRAGE가 사용되었는데, NG씨가 원화를(애니메이션 컷에서 중요프레임되는 컷)을 그려서 빛의 지정까지 해서 넘겨주어서 EYEHEAD씨가 그것을 받아 컷당 수십 프레임에 달하는 동화를 해나 가는 것으로 한사람이 아닌 공동작업이기때문에, 그림의 스타일을 일치 시켜서 작업하는 것이 중요했습니다. (MIRAGE: 과거에 AURA라는 프로그램에서 회사가 bauhaus software로 넘어오면서 MIRAGE라는 이름을 달고 버전업 하였습니다.무료로 다운받을 수 있는 플러그인도 제공하고 있습니다.) |
||||||||||||||||||||||
|
|
||||||||||||||||||||||
|
■ 본 작업 동영상 콘테가 구체화되면서 작업 플로우도 명확해졌습니다. 1) NG씨에 의한 원화작업 , 배경작업 -> 2)배경과의 매치업 -> 3)EYEHEAD씨에 의한 동화 및 채색작업 -> 4)웹하드를 통해 데이터를 인계받아 합성 및 마무리의 형태의 순서를 반복하여 행해졌습니다. 합성은 대부분 AFTER-EFFECTS로 행해졌으며, 최종으로 PREMIERE로 마무리하였습니다. 다들 처음해보는 작업임에도 불구하고 제법 순조롭게 작업이 진행되었습니다. 1. 캐릭터 작화
(2) 완전히 완성되기 이전에 1컷을 완료하여 배경과 포토샵 등에서 합성하여 컷을 확인합니다. 이 단계에서 캐릭터와 배경에 대한 매치를 실제로 해 볼 수 있습니다. 컬러 매칭이라던가 콘테에서 정확하게 확인 되지 않는 배경에서의 오브제의 배치 및 추가를 이 단계에서 계획할 수 있습니다. (3) EYEHEAD씨가 작업하여 완성된 동화 클립입니다. 원화상태에서 부족한 형태의 보완까지도 더불어 행해져 완성됩니다. 중요 컷은 2콤마(초당 15프레임)씩 행해져 작업되었고 엑스트라 등 우선 순위가 낮은 것은 3콤마 내지 4콤마로 작업하였습니다. 이 단계에서는 채색까지 진행 되었습니다..MIRAGE가 당연하게도 채색에 관련된 툴은 포토샵에 미치지 못해 PHOTOSHOP을 활용할 수도 있었지만, 반대로 PHOTOSHOP은 클립을 정상 속도로 프리뷰 한다거나 하는 기능이 떨어지기 때문에(MIRAGE는 고해상도의 클립을 프리뷰하는 기능이 속도면에서 아주 강력합니다.) MIRAGE쪽의 채색방법을 극복하는 편이 전반적인 제작 퍼포먼스를 훨씬 올려줄 것이라 생각했습니다. 이때, MIRAGE에서 레이어는 선화,그림자,베이스 색을 완전히 분리시켜 작업하여 각각의 레이어를 클립별로 익스포트해 합성할 때 색 조정 등을 하는 것으로 합니다.(여담으로 PHOTOSHOP에 익숙하신 분들에겐 MIRAGE는 최악의 인터페이스를 제공합니다만, 앞에서 언급한 프리뷰, 라이트박스 등등의 강력한 기능 때문에 도저히 용서 안되는 인터페이스를 용서할 수밖에 없게 됩니다.) (4) 이것을 AFTER-EFFECTS에 넣고 합성합니다. 이때 선화를 좀더 고르게 하기 위해 Koji's Plugins의 smooth를 사용하였습니다. 본 페이지에서 선이 얇아지게 되는 현상이 있다고 하네요. 선택적으로 활용하시기 바랍니다. |
||||||||||||||||||||||
|
|
||||||||||||||||||||||
|
배경은 시간 관계상 로케이션 헌팅을 할 수 있을 만한 여유가 나지 않았으므로, 인터넷 등을 최대한 활용하여 자료를 모았습니다.사무실 전경,지하철 플랫폼,지하철 내부등등 최대한 자료를 모집하였는데, 오프닝의 시대적 배경이 현대였기 때문에, 완전히 없는 것을 제작하는 것보다는 여유롭게 진행하였습니다. 콘테에 따라서 카메라 앵글의 변화 또는 캐릭터와의 인터렉션을 위해 내부 오브젝트들은 따로 레이어로 분리하여 제작하고 있으며, 플레어 등의 화면효과등도 포함하고 있습니다. 배경의 대부분은 포토샵에서 진행하였으며,많은 부분에서 3DCG가 활용되고 있습니다. (적절한 3D의 활용은 시간대비 퀄리티 향상에 도움을 준다고 생각합니다.)
(1) 초반씬의 지하철 내부컷. 전봇대에서 생기는 그림자가 내부에 드리워져 계속적으로 지나가는 컨셉이 었기 때문에, 내부에 있는 빛을 레이어로 분리하여 작업한 후 AFTER-EFFECTS에서 지나가는 전봇대에 싱크를 맞춰 사각박스를 trackmatte 하는 것으로 마스킹 처리하여 그림자가 지나가는 표현을 하였습니다.
(2) 지하철 플랫폼씬. 3D로된 지하철이 고속으로 진행한다는 컨셉이었기 때문에, 애초부터 3D로 제작된 지하철과 앵글상 매치업을 생각하지 않으면 안되었습니다.
(3) 교실씬. 이곳은 완벽하게 3D로 제작되었습니다. 앵글이 크게 다변화하는데다가 오브젝트가 꽤 근접한 수준까지 나오므로 디테일하게 제작하지 않으면 안되었습니다. 3D배경이라도 2D캐릭터와 완벽하게 달라붙지 않으면 안되었기 때문에, 텍스쳐를 실사 텍스쳐 보다는 최대한 손으로 그려서 사용하였습니다. (3-1)빛에 대한 추적은 3DSMAX의 TEXTURE BAKING 기능을 최대한 활용하고 있습니다. 빛의 추적에 대한 정보를 이 기능을 활용하여 텍스쳐로 뽑아내어 그것을 토대로 텍스쳐를 그립니다. 이 방법이 디퓨즈 텍스쳐를 넣고 빛을 주어 렌더링 하는 것보다 3D적인 이질감을 최소화 시키고 빛과 그림자에 대한 색감 질감을 컨트롤하기 용이하다고 생각합니다. 책상과 의자는 간단하게 디퓨즈 텍스쳐를 넣고 FINAL TOON을 활용하여 렌더링 하였습니다. (3-2) 책상과 외벽을 분리하여 렌더링 후 NG씨에게 전달되어 학생들을 앵글에 맞춰 그려 넣었습니다. 그후 3D에 각 열 별로 학생 텍스쳐를 페이스 위에 입혀 책상과 각도를 매치 시키고 있습니다. 최종적으로는 앵글이 변화하면서 3D오브젝트와 각도상 이질감이 생기기 때문에 각열마다 로테이트 애니메이션을 주어 살짝 바꿔주는 식으로 눈속임 합니다. 교실 안으로 스며드는 빛은 카메라 각도가 심하게 변하기 때문에 각 창문마다 그라데이션되고있는 텍스쳐를 박스 형태로 만들어 카메라 각도상 변화를 취하고 있습니다. 최종적으로는 AFTER-EFFECTS에서 블러되어 ADD로 합성됩니다.
(5) 석양씬. 카메라 앵글이 상승하면서 3D의 느낌을 살려보자는 취지에서 지반 부분을 3D로 제작하였습니다. (5-1) 캐릭터는 이미 2D로 제작되어있는 상태로 지반 부분을 3D로 만들고 RAYTRACE RENDERING으로 그림자를 지반에 프로젝션 시켜 이 그림자에 대한 정보값을 TEXTURE BAKING해 텍스쳐를 제작하고 있습니다. (5-2) 물의 표현은 AFTER-EFFECTS PLUG-IN인 digital element 사의 aurora water가 활용되고 있습니다. 백그라운드 이미지를 그대로 투사해서 반사 및 굴절과 물에 대한 웨이브 형태등을 손쉽게 만들어 줄 수 있는 PLUG-IN입니다. AFTER-EFFECTS PLUG-IN 들 중에서는 굉장히 무거운 쪽에 속합니다만. 리얼한 물을 원하지 않는 선에 서는 3D에서 행하는 것보다는 시간대비 효율면에서 좋은 결과를 얻을 수 있는 것이라 생각되네요. |
||||||||||||||||||||||
|
|
||||||||||||||||||||||
|
(1) 자전거 바퀴 컷. 이것은 풀3D가 되고 있는 것으로 자전거를 모델링하여 FINAL-TOON을 활용해 렌더링 되었습니다. 지면에 대한 모션 블러는 3DSMAX에서 행해지지 않고, AFTER-EFFECTS상에서 DIRECTION-BLUR로 렌더링 시간을 단축하였습니다. 그것을 위해서는 지면에 드리워지는 그림자의 분리도 필수적으로 행해야 되었습니다. 그림자는 따로 분리 후 difference colorkey 필터를 사용하여 합성해주었습니다. (2) 자전거 컷. 이곳에서는 3D오브젝트와 2D캐릭터의 과감한 매칭이 이루어지는 곳으로 자전거까지 3D로 제작되었습니다. (2-1) 처음엔 캐릭터의 움직임을 자전거와 함께 바이패드를 통한 3D로 제작하려 하였으나,3D애니메이션의 애니메이션과 셀애니메이션의 느낌은 판이하게 달랐기 때문에, 2D캐릭터를 애니메이션을 만들고 그 움직임에 3D로 된 자전거를 2D에 프레임 별로 매치 시키는 원시적인 방법을 사용하였습니다. 가상의 퍼스를 가진 2D캐릭터에 3D를 역으로 매칭한다는것이 고역이 긴했으나 2D애니메이션 컷이 팔의 간격이라던가 다리 및 골반의 움직임이 정확하게 애니메이션 되어있기 때문에,3D오브젝트에 크게 벗어나지 않고 있습니다. 당시 캐릭터 애니메이션의 퀄리티에 놀랐던 기억이 나네요. 매칭 후에 렌더링하여 MIRAGE에 넣어 손으로 감싸 쥔 부분이라 던가의 은면을 손수 프레임 별로 지워냈습니다. 자전거 브레이크 부분과 손잡이 사이에 손가락이 있으므로 브레이크 부분을 따로 렌더링 해서 셀 위에 덮는 방식으로 합성하였습니다. (2-2) 붉은 버스,난간,지나가는 간판등도 위에서 언급한 지하철과 마찬가지로 텍스쳐링되어 FINAL-TOON에 의해서 렌더링 되었습니다.
(3) 사무실 씬. 이 샷은 복잡한 각도의 퍼스를 가진 배경에서 캐릭터가 카메라를 향해 걸어 나오는 것으로,셀에 대한 시행 착오를 최소한으로 줄이기 위해 더미박스로 애니메이션 한 후 그것을 2D캐릭터로 전환하는 방식을 취하고 있습니다. (3-1) 앵글을 잡고 대부분의 오브젝트를 미리 3d로 제작해두고 있습니다. 교실씬에서 제작된 배경과 마찬가지로 창문에서 새 들어오는 빛의 추적까지 렌더링하고 있습니다. (3-2) 캐릭터는 이 3d배경에 더미 박스로 걷는 타이밍을 예측하여 애니메이션 클립 형태로 NG씨에게 넘겨준 후 MIRAGE에 집어 넣어 박스의 움직임을 참고 하여 원화의 제작을 EYEHEAD씨에 의해 동화까지 완성하고 있습니다. 새 들어오는 빛에 대해 캐릭터에게 지는 복잡한 그림자의 애니메이션을 완벽하게 행하고 있어 놀라웠습니다. (3-3) 캐릭터가 들고 나오는 기타케이스는 3D로 제작되어 자전거 씬과 마찬가지로 역으로 캐릭터에게 매칭 시키고 있습니다. (3-4) 캐릭터가 빛 속에 있다가 빛에서 탈출하는 것은 AFTER-EFFECTS에서 처리한 것으로 빛레이어 하위와 상위에 캐릭터 애니메이션 레이어를 두고 전과 후의 캐릭터 애니메이션 레이어의 OPACITY를 교차시켜 증감하는 것으로 눈속임 하고 있습니다.
(4) 변신씬. 제작진 내부에서 씬들중 최고의 하일라이트씬이라고 말하는 이 씬은 일상에 있던 캐릭터 들이 무대에 서는 브릿지가 되는 역할을 하는 컷입니다.. 말 그대로 '지른' 샷이었기 때문에.결과적으로 2D적으로도 3D적으로도 가장 힘든 컷이 되었습니다. (4-1) 무대는 역시 3d로 제작되고 있습니다. 무대의 모양은 실린더 형태로 원체 간단했기 때문에, 모델링에서 수고가 되지는 않았습니다만..... 외부에서 순간이동되어 천정과 외벽이 모션 그래픽으로 둘러 쌓이는 컨셉 덕분에 모션 그래픽에서 많은 시행착오를 하였습니다. (4-2) 무대 위에 캐릭터가 5보폭을 걷는 거리를 박스로 애니메이션하고 카메라를 캐릭터 주위로 2바퀴 애니메이션하고 있습니다. 이것도 마찬가지로 avi형태로 렌더링 되어 MIRAGE에서 NG씨와 EYEHEAD씨에 의해 애니메이팅 되었습니다. (4-3) 이후 백그라운드의 인물을 추가하여 완성하였으나,롱테이크의 씬이 생각보다 밋밋하게 진행되고 있었기 때문에 다소 지루해져, 추가적인 연출을 포함시켜 완성하고 있습니다.
|
||||||||||||||||||||||
|
|
||||||||||||||||||||||
|
4.그 외
(1) 공연씬. 공연씬의 대부분은 NG씨의 주축으로 이루어진 것으로 배경과 광원이펙트는 3D가 활용되지 않고 대부분 AFTER-EFFECT에서 레이어 처리되고 있습니다. 그럼에도 불구하고 역동적이고 감각적인 컷으로 처리되고 있는 것을 볼 수 (2) 지하철 플랫폼2. 지하철 안에서 사람이 나오게 해야 되므로 엑스트라에 의해 가려질 부분과 가려지게 해야 될 부분의 그림을 완벽하게 분리하여 제작하고 있습니다. (3) 천사컷. 날라 다니는 깃털을 3D에서 파티클로 제작할 수도 있었지만 좀더 결과물과의 매치를 쉽게 하기 위해서, AFTER-EFFECTS에서 제작하였습니다. 이씬을 위해서 ayato@web 의 Example.19: The Petal from Sky 튜토리얼을 활용하였습니다. 참고로 이곳은 AFTER-EFFECTS만을 활용하여 그럴 듯한 연출 클립을 제작하는 튜토리얼을 아주 자세하게 게제하고 있는 사이트로 많은 노하우를 체득할 수 있습니다. (4) 파이날씬. 오프닝을 마무리하는 씬으로 2컷으로 연결됩니다. 붉은 3D 버스는 자전거 씬의 그 버스를 다시 활용하고 있습니다. 버스가 그림자 안으로 들어오는 연출은 AFTER-EFFECTS에서 검은 색 마스크를 버스 애니메이션 레이어에 trackmatte하여 합성하였습니다. 메인 캐릭터의 앞뒤로 움직이고 있는 엑스트라들도 지하철 씬에 사용되었던 것들을 재활용 하였습니다만 중복되었다는 느낌을 주면 안되었기 때문에 재사용에는 조금 조심스러웠습니다. |
||||||||||||||||||||||
|
|
||||||||||||||||||||||
|
5.리테이크 컷.
열손가락 깨물어서 안아픈 손가락 어디 있겠습니까 마는. 아무리 공들여 만든 컷일 지라도 맞지 않는다면 도리어 해가 되는 법.1차 마감단계에서 눈물을 머금고 가위로 싹둑싹둑 잘라내었습니다(흑흑). 동영상 콘테단계에서 충분히 조정 볼 수 있던 컷들이었는데 꺼림찍한 기분을 안고 계속 진행하다 거의 완성단계에서 잘린컷들이 많아 대단히 아쉬웠죠. 덕분에 보름 안에 1분 가량의 추가 씬의 제작이라는 퀘스트가 생겨 버렸습니다만.. (그래서 총 제작 기간이 2달..) 붉은 의상을 입은 이른바 키보드걸은 종합적으로 1컷만 메인으로 등장하게 되는데, 사실 1차 마감단계에서는 가장 스토리 비중이 높은 캐릭터였으며 이것을 위해 상당히 많은 씬을 할애 하고 있었습니다. 스토리상 키보드걸은 패스트푸드점에서 일하는 알바생으로 농뗑이 피다가 결국 쫒겨나는 스토리를 가지고 있던 캐릭터 였는데, 큰 분량의 애니메이션이 많았던 캐릭터 임에도 불구하고 그 스토리를 전부 표현하는데는 역부족이라 판단되어 과감하게 컷되었습니다. 그 이유로 '소규모라고는 상상할 수 없는 액티브한 애니메이션이 나오는 오프닝의 제작'이라는 목표에서는 좀 멀어져 무난한 컷의 비중이 늘어나버리긴 했지만.. 어색한 것보다는 낫겠죠.라고, 납득하고 있습니다. |
||||||||||||||||||||||
|
|
||||||||||||||||||||||
|
6.마무리.
각컷을 모아 PREMIERE PRO에서 처음에 제작했던 동영상 콘테를 기반으로 조합하여 텍스트처리등을 하고 마무리 하였습니다.컷들 중에서는 마감 몇시간 전에 순식간에 만들어진 샷들도 있었습니다만..어쨋든 우여곡절 끝에 완성하게 된 오프닝 애니메이션은 저가격 고효율이라는 측면에서 성공하여 현재 DMP의 성공에 일조하고 있습니다. - Closing - >Staff >Total >Software & Hardware |
||||||||||||||||||||||
