작은 눈의 술사 슈가를 시작으로 애니메이션 및 게임 오프닝들을 한글화 해본지 올해로
6년이 넘었습니다,

처음 나우누리 앙끄에서 강현규님이 만드신 러브히나 한글로고판 오프닝을 보고

"저런것이 가능하구나!" 하며 시작했었습니다.


...나중에 알았을땐 러브히나 논크레딧 오프닝에는 일본어 로고가 안나오더군요(...)


여하튼 이번 파니포니로 54번째 오프닝입니다.



아직 자막 작업까진 안한 상태인데 오랜만에 하는것이기도 해서 작업과정을 문서화
시켜봤습니다.


이런류의 문서화는 처음이라 그냥 작업하며 그때그때 적고 수정작업도 안한 그냥
말그대로 작업 과정이 나열되어있는 물건일 뿐입니다.


 

※사용된 프로그램은 Adobe Illustrator CS, Adobe Photoshop CS2, Adobe Premirer Pro2를
기준으로 설명이 되어있고, 특정 툴 우측에 ()안의 글자는 단축키 입니다.
※본 작업에 사용된 영상은 논크레딧판 기준으로 작성되었습니다.

1. 타이틀 선정
가장 고민을 많이하는 부분 입니다. 원판을 보고 구조를 파악해서 한글화가 가능할 것인가를
판단하는 과정이기 때문에 여기만 넘어가면 나머지는 시간싸움이니까요.
이번에 후보에 오른것은 코드기어스, 하니하니, 파니포니대쉬 이렇게 3개 였습니다.

...정확히는 스테이지6에서 논크레딧으로 올라온것을 대상으로 뽑으니 하니하니 파니포니가
나왔고, 코드기어스는 해독불능의 연주소리가 마음에 들어서 생각하고 있었습니다.

하니하니는 특별한 기술이 거의 필요 없지만, 파니포니는 약간의 수고를(...), 코드기어스는
3D를 약간 요하게 되더군요.

...그러다가 파니포니 오프닝을 재생해봤는데, 분명 애니는 오늘 처음본거였는데 음악이 익숙
하더군요. 이걸로 낙찰.

해서 오늘 작업물은 파니포니 대쉬. 그중 3차 오프닝인 "소녀Q"입니다.


2. 일본어 파악
크레딧과 오프닝 영상이 일심동체(...)일경우 발생하는 문제점인데, 크레딧을 이용해 영상에
장난을 쳤을대 논크레딧이 빠져버려 허전한 경우와 파니포니1차 오프닝처럼 다른것을 넣어
매꾸는데, 그게 일본어인경우. 다행히 3차 오프닝 "소녀Q"에는 로고 외에는 일본어가 없으므로
논외.

3. 로고
넷상에서 오프닝을 한글로 바꾸셨던 분을 지금까지 2분을 더 본적이 있습니다. 그분들이 어떻게
작업하는지는 잘 모르겠는데, 저일경우 맨처음 손을댔던 "작은눈의술사 슈가"때부터 로고는
반드시 일러스트레이터에서 작업을 했었습니다. 로고에 별도의 작업을 해야하는경우 예외로
포토샵이나 라이트웨이브같은 툴에서 보정을 주긴 헀지만 이경우에도 기본적인 작업은 일러스트
에서 해주는 편입니다. 일단 벡터 방식이기때문에 확대가 용이하다는 점이 가장큰 장점이겠군요.

둘째로 적절한 폰트가 없어서 직접 그려야 하는경우, 패스툴의 성능이 포토샵보다 월등하기때문에
그런경향이 더 큽니다.



로고부분을 복사해서 일러스트에 붙여줍니다. 그다음 Lock(ctrl+2)을 걸어서 작업하는 동안 방해가
되지 않도록 해줍니다.

글자 같은경우는 바꿔야 겠지만, 글자외의 도형같은경우 최대한 살려주는 것이 원판의 맛을(...)
살리는데 도움을 주니 이 로고에서 하트와 토끼모양을 우선 따보겠습니다.

하트같은경우는 특수문자 ♥를 쓰는 방법도 있습니다.
다만 볼록한 효과때문에 글자가 전체적으로 왜곡되어있기 때문에 되도록이면 직접 따주는것이 좋습니다.



0.5mm 검은선으로 하트와 토끼를 따줬습니다.

이제 파니포니 대쉬를 쓸 차례인데, 파니포니는 전체적으로 수정해야 하니 우선 뒤로 미루고, 대쉬일경우
하트안에 글자만 쓰면 되니 이쪽을 먼저 해보겠습니다.


이정도는 그냥 폰트로 밀어도 무난한 물건이니 폰트 처리하겠습니다.

 

일본어일경우 그냥 한글로 바꿔도 무난하겠는데, 영어일경우 조금 생각해 볼것이, だっしゅ와 DASH
모두 4글자이지만, 대쉬 일경우 2글자(컴퓨터상 바이트수를 말하는게 아니라 글자수 말하는겁니다)
이니 그냥 대쉬라고 써놓으면 영~ 폼이 안날수도있습니다. 저는 우선 DASH로 하겠습니다.

 

원판 폰트 자체가 특수한 폰트가 아니니 끝부분이 둥글게 처리된-굴림체-정도면 무난할 것 입니다.
여기서는 한양시스템의 둥근고딕B를 사용하겠습니다.

 

글자를 만들었으면 아웃라인 처리해서 차후 폰트문제때문에 글자가 안나오는 일을 미리 방지합니다.

 

그다음 Dash를 클릭한뒤 Object -> Envelope Distort -> Make with Mash(Alt+Ctrl+M)를 클릭한뒤
매쉬값을 Rows 2, Columns 1을 줍니다.

0.5mm 검은선으로 하트와 토끼를 따줬습니다.

이제 파니포니 대쉬를 쓸 차례인데, 파니포니는 전체적으로 수정해야 하니 우선 뒤로 미루고, 대쉬일경우
하트안에 글자만 쓰면 되니 이쪽을 먼저 해보겠습니다.

이정도는 그냥 폰트로 밀어도 무난한 물건이니 폰트 처리하겠습니다.

일본어일경우 그냥 한글로 바꿔도 무난하겠는데, 영어일경우 조금 생각해 볼것이, だっしゅ와 DASH
모두 4글자이지만, 대쉬 일경우 2글자(컴퓨터상 바이트수를 말하는게 아니라 글자수 말하는겁니다)
이니 그냥 대쉬라고 써놓으면 영~ 폼이 안날수도있습니다. 저는 우선 DASH로 하겠습니다.

원판 폰트 자체가 특수한 폰트가 아니니 끝부분이 둥글게 처리된-굴림체-정도면 무난할 것 입니다.
여기서는 한양시스템의 둥근고딕B를 사용하겠습니다.

글자를 만들었으면 아웃라인 처리해서 차후 폰트문제때문에 글자가 안나오는 일을 미리 방지합니다.

그다음 Dash를 클릭한뒤 Object -> Envelope Distort -> Make with Mash(Alt+Ctrl+M)를 클릭한뒤
매쉬값을 Rows 2, Columns 1을 줍니다.

매쉬값을 주면 화면과 같이 글자의 체크박스에 가로줄이 하나 갑니다. 이것은 Direct Selection Tool(A)로
조절이 가능합니다. 이것을 이용해서 하트가 왜곡된 것을 고려하여 수정을 해줍니다.

우상단 : 원본, 좌하단 : 수정본

그다음 색을 넣어서 어느정도 어울리는지 확인해 봅니다. 아래값은 RGB의 16진수 값입니다.

Dash, 토끼 : f49220
큰하트 : eddb0b
작은하트 : ffffff

뭐 꼭 이렇다는건 아닙니다. 어차피 이색도 포토샵에서 찍어본거니까-,.-

 

 

100%에서 본 모습. Dash와 토끼, 안의 흰원과 바깥의 노란원까지 채색해놓은 상태입니다.

모든 글자를 넣어서 색까지 넣은상태

여기서 로고작업은 끝입니다. 위의 원본을 지운뒤 이대로 저장을 합니다.

 

4. 오프닝 부분 분석

 

 

파니포니 3차 오프닝에서 로고는 위와같이 5장의 애니메이션으로 되어있습니다.
문제가 되는것은 2,3번과 같이 눈에띄게 배경과 붙어있는 경우인데, 이경우는 다시 애니메이션이
가능한 수준이 아니라면 결국 포토샵에서 프레임 단위로 수정을 해줘야 합니다.

1번은 눈에 별로 보이지 않는 수준이니 무시해도 가능하고, 4,5번은 배경애니메이션과 로고가
확실하게 나눠지기 때문에 덮어씌우는것으로 처리가 가능합니다.

 

5. 로고부분 애니메이션 처리
동영상프로그램으로 약561프레임 부터 576프레임까지 이미지 시퀀스로 인코딩 합니다.

그렇게 생성된 그림파일들을 열어가며 완전히 동일한 프레임은 지워줍니다.

지워주면 1번부터 5번까지 필요한 이미지가 약 8개 나옵니다.

1~3번까지는 하나씩 불러주며 한글로고를 씌우고 배경부분을 고쳐줍니다.

4,5번은 공백레이어를 하나 생성해서 로고 배경색과 같은색으로 일본어를 지워준뒤 그위에 한글을
배치하고 원본 그림을 지워서 로고부분 이외의 곳은 빈공간으로 만들어줍니다.

4,5번같은 경우 배경 애니메이션이 이루어지는 곳에 로고만 덮어씌울것이기 때문에 덮어씌울부분만
필요합니다.

그렇게 작업하면 아래와 같습니다.

 

 

 

 

6.영상편집

프리미어를 가동합니다. pro버전은 과거 6.x이전 버전과는 달리 프로젝트를 생성할때 크기 지정을
제대로 해줘야 정상적으로 인코딩이 되는걸 확인했습니다. 혹시 프로젝트 생성후 영상크기 변경하는
방법 아시는 분은 연락을(...)

여하튼 영상크기에 맞춰 704x396(px, 16:9) 로 만듭니다.

그다음 영상을 불러 타임라인에 올려놓습니다. 이상한게 프리미어가 코덱을 가리는 편이라 저는 보통
작업할때 모든 영상의 압축을 해재해놓고 작업을 합니다. 영상은 무압축 AVI로, 음성은 WAV로(...)

 

 

모니터가 오래되서 가능하면 이해상도에서 작업을 하는 편이고, 파일이 많아질경우에는 좀 더 올리기는
하지만, 파니포니는 영상자체가 그리 복잡한 케이스가 아니니 이정도면 충분할 듯 합니다.

작업이 편하도록 Razor Tool(c)로 로고 부분만 잘라내서 경계를 나눕니다.

그라음 5번에서 만들어둔 로고 파일들을 부르는데, 5번 작업당시 배경에 돌아가는 이미지에 맞춰서 작업
했지만 실제 영상에서는 그 외에 위 아래로 카운터가 움직이니, 포토샵에서 별도로 덮어씌울 부분만
놔두고 나머지 부분을 아래와 같이 삭제해 줍니다.

 

 

프리미어가 pro가 되며 좋아진점이 포토샵에서 사전에 공백으로 만들어둔 부분을 6.x이전 버전에서는
해당 공간을 백색공간으로 해서 마스크처리해줘야 했지만 pro부터는 자동으로 해줍니다. 혹시, 6.x버전을
쓰신다면 별도로 white color matter 처리를 해주셔야 합니다.

 

 

5번에서 작업한 파일들을 타임라인에 배치해서 덮어 씌우면 로고 작업은 끝납니다.

 

 

마지막으로 인코딩을 해주면 끝입니다