faldet himmel

플래시에서 타임라인에 애니메이션을 넣은 파일이라면 쉽게 변환해주는 툴이 여럿 있을 것이다. 이런 게 아니라 순수 액션스크립트 코딩한 애니메이션을 동영상으로 만드는 방법이다. 간단히 말해 이런 순서다.

1. 플래시에서, 이미 완성된 as 파일을 문서 클래스로 삼는 동명의 fla 파일 생성.
2. 플래시에서 이 fla 파일을 mov로 내보내기(퀵타임 필요)
3. Adobe Media Encoder에서 mov를 원하는 포맷의 동영상으로 변환(ogv 파일로 변환하고 싶을 경우 플러그인 설치)

하나씩 자세히 보자. 링크는 모두 새창.

1.

보통은(?) 나처럼 플래시디벨롭 같은 툴을 써서 코딩했을 테고, 그 결과로 Main.as 파일 한 개와 거기 딸린 여러 개의 as 파일을 가지고 있을 거다. Main.as와 다른 클래스 파일들이 같은 폴더에 있다고 가정한다.

플래시를 켜고 'ActionScript 3.0' 빈 문서를 하나 만든다. 그리고 Main.as가 있는 폴더에 바로 Main.fla라고 저장한다. 그다음 '문서 클래스'를 Main으로 지정하고 다시 저장한다.

문서의 클래스 외 fps, 크기 등 다른 속성은, 보통은 Main.as에서 [SWF(width=...] 이런 식으로 설정했을 것이다. 플래시에서도 이와 동일하게 설정한다. 이제 Ctrl + Enter로 잘 재생되는지 확인한다.

물론 액션스크립트 코딩 자체를 플래시에서 하는 사람이라면 이 1번 과정은 모두 필요 없다. 이미 가지고 있는 fla 파일이 있을 테니 다음 2번으로 그냥 진행하면 된다.

2.

'파일>내보내기>동영상 내보내기' 혹은 Ctrl + Alt + Shift + S를 눌러 종류는 mov 파일을 선택한다. 퀵타임이 없다면 설치하라고 나올 거다. 공식 사이트 가서 설치하고 플래시를 재시작하고 다시 시도하라. 아, 퀵타임 따위를 설치하는 날이 올 줄이야... 잠시 눈물 좀 닦고 가자.

참고로, 내보내기에서 avi, png 등을 고를 수 있지만, 그렇게 저장해봤자 안 된다! 빈 화면만 나온다. 다른 방식은 타임라인 위에 작업한 애니메이션만 저장되며, 액션으로 만든 애니메이션까지 저장할 수 있는 건 mov뿐이다.

2-1.

파일명을 고르면 퀵타임 내보내기 설정 창이 뜬다.

여기서 렌더링 폭, 높이는 플래시에서 지정한 문서 속성으로, Main.as에서 [SWF(width=...] 식으로 설정한 값이 아니다. 그래서 Main.as와 Main.fla 둘 다 동일하게 맞추라고 한 것이다.

어쨌든, 중요한 건 '다음 경과 시간 후'이다. 타임라인 프레임 단위로 작업한 게 아니므로 반드시 수동으로 끝날 시간을 정해줘야 한다. Main.as 파일에서 보통은 이런 식으로 코딩했을 거다.

stage.addEventListener(Event.ENTER_FRAME, idle);

따라서 전역변수 하나를 잡아, idle 함수 안에서 1씩 더해주게 하고 idle을 stage에서 제거하는 순간 trace하면 전체 프레임 수가 나올 거다. 그 전체 프레임 수를 문서의 fps로 나눠주면 시간을 구할 수 있다.

다만, 버그인지 모르겠는데, 결과물을 보면 의도한 것보다 짧게 저장되는 듯하다(내 경우 문서 fps는 60이었는데 동영상 fps가 62.5로 잡히면서 영상이 중간에 짤렸다). 이런 경우, 시간을 여유 있게 정해준 다음 결과물을 보고 뒤를 자르든가 하자.

2-2.

그리고 하단의 [QuickTime 설정] 버튼을 클릭하고 동영상 크기, 품질 등을 설정한다.

이건 따로 설명할 필요는 없겠지. 본인 목적에 맞게 적절히 설정.

3.

만약 mov가 원하는 포맷이었다면 2에서 끝. 그러나 mov를 누가 원하겠어...

mov를 avi 등으로 변환하는 데에는 Adobe Media Encoder를 사용하면 된다. CS에 포함된 툴로, 아마 플래시와 같은 컬렉션 제품군에 속해 있다. 플래시를 가지고 있다면 이것도 있으리라고 가정한다.

만약 없다면 무료 오픈소스 툴인 Miro Video Converter 같은 툴을 쓰면 된다. 다만 이 툴은 기능이 다소 제한적이고, 폴더명에 한글이 있을 경우 드래그앤드롭도 안 된다. 이 툴은 자세한 설정을 할 수 없어 별도의 설명도 하지 않는다.

3-1.

나처럼 변환하고픈 최종 포맷이 ogv라고 하자. Adobe Media Encoder는 기본적으로 ogv 포맷으로는 변환할 수 없다(적어도 내가 쓰는 CS5.5는 그렇다). 그러나 AdobeOgg라는 플러그인을 설치하면 가능하다. 물론 무료에 오픈소스다. 설명에는 프리미어용이라고 써 있지만, 프리미어에서 내보내기 시 호출하는 프로그램이 바로 Adobe Media Encoder이다.

플러그인을 받았으면 윈도우 기준 C:\Program Files\Adobe\Common\Plug-ins\CSx\MediaCore 폴더에 파일을 넣어준다(CSx에서 x는 자기 CS의 버전). 그다음 Adobe Media Encoder를 실행한다. 시작프로그램>Adobe xxxxxx Collection CSx 폴더에 있다. 여기서 x는... 생략).

플러그인을 설치해야만 스샷처럼 '형식'에서 Theora 포맷을 선택할 수 있다.

그 옆의 '사전 설정'을 누르면 동영상 품질, 크기, fps 등은 물론, 소스 동영상 중 원하는 범위만을 선택할 수도 있다. 위에서 말한 내 경우처럼 실제 길이보다 더 길게 mov를 생성했을 경우 뒷부분은 날리는 게 가능하다. 스샷은 7초 29짜리 소스에서 앞에서 7초 28만을 출력으로 지정한 모습.

이상 과정을 거쳐 내가 만든 swf와 ogm을 집접 임베딩하면 다음과 같다.