꿈... 열정... 그 이상을 향해!

우선 UCI 제작을 위해서는 Flash 제작 툴이 필요합니다. 다양한 툴이 있지만 그래도 Flash 원래 제작사의 툴인 Flash CS4가 호환성이나 편리성면에서 가장 낫습니다. 트라이얼 버전은 30일간 UCI 제작하는데 아무런 제한없이 쓰실 수 있어 UCI 제작하기 최적의 툴이라 생각됩니다. 다운은 Adobe 공식 홈페이지에 가셔서 회원 등록 후 받으실 수 있습니다. (빨리가기) 설치 과정들은 생략하겠습니다. ^^;

Flash CS4가 준비되셨다면 코원 홈페이지에서 메인 메뉴 샘플을 다운 받으셔야 합니다. ( 다운받기) 다운 받은 후 임의의 폴더에 압축을 풀게 되시면 mainmenu1.fla, mainmenu1.as, mainmenu1.swf 파일들이 있을겁니다.

간단하게 파일 설명을 하자면 fla 확장자는 실제 플래쉬 제작을 하는 데 필요한 녀석입니다. 전체 디자인과 위치등을 모두 간직한 녀석이라 이번처럼 배경이나 아이콘을 바꿀 때 쓸려고 한다면 fla 파일이 필수로 필요합니다. 두 번째 as 파일은 액션 스트립트 파일입니다. 플래쉬에 역동적인 기능을 집어넣을 수 있도록 부가적인 프로그래밍을 해서 저장하는 녀석입니다. 이 부분은 솔직히 프로그래밍을 전혀 안 해 보셨던 분들은 공부가 상당히 필요한 부분입니다. 공부 삼아 만져보고 싶으신 분들은 하나씩 수정해나가면서 어떤 기능을 하는 지 알아가시면 될 듯 싶습니다. 그리고 마지막 swf 파일은 실제 웹이나 S9상에서 실행되는 최종 파일입니다. fla와 as 파일을 퍼블리싱해서 swf 파일을 만들게 되는거죠. 그리고 S9에 이 swf 파일만 집어넣으시면 동작하게 되는것입니다.

이렇게 세 개의 파일을 준비하셨다면 이제  마지막으로 편집에 쓰일 이미지와 아이콘이 필요하게 됩니다. 배경화면은 272x480 사이즈이고 아이콘은 68x68 입니다. 배경은 딱 맞춰줘야 하니 해당 해상도로 꼭 리사이징 하시기 바랍니다. 아이콘은 크기가 달라도 수정을 할 수 있으니 큰 문제는 없습니다. 하지만 그럴 경우 터치 포지션을 수정해주거나 아이콘 위치을 조절해야 하기 때문에 이왕이면 아이코도 사이즈 맞춰주시는게 편리합니다. 아이콘 위치 바꾸고 크기도 바꾸실 분들은 as을 약간 손 봐주면 오히려 그 방향이 더 낫긴 하겠지만 오늘은 단순 아이콘 교체만 하기로 하겠습니다.

자~ 그럼 이제 모든 준비는 끝났으니 본격적인 작업에 들어가도록 하겠습니다. 우선 Flash을 실행시키도록 하죠. 트라이얼 버전이라 알림창 뜨는데 가볍게 닫아주시면 됩니다.그런 다음 메인 화면 보시면 최근 항목 열기가 있고 하단에 '열기...' 가 보이실겁니다. 눌러준 다음 아까 압축을 풀었던 폴더로 가서 fla 파일을 열어줍니다. 이 때 글꼴 매핑 창이 뜨게 될텐데 이는 플래쉬 파일에 쓰인 폰트가 제 컴퓨터에 없다는 것을 알리고 어떠한 글꼴을 대체하겠냐는 의미입니다. 마음에 드는 폰트 아무거나 선택하시면 됩니다. 해당 폰트가 앞으로 fla 파일 편집 할 때 사용되게 됩니다. 참고로 전 돋움 으로 선택하였습니다. (한번 사용된 폰트을 찾아보니 유료 폰트네요.. 22달러정도..;;)

이제부터가 본격적인 편집입니다. 한 눈에 보기 편하게 빈 공백 없이 캡쳐했습니다. 그럼 시작 해볼까요?




우선 우리가 바꿀 건 배경화면과 아이콘입니다. 다른 잡다한 건 훼방만 되니깐 잠시 지워보도록 하겠습니다. 아.. 여기서 지운다는 건 눈에 안 보이게 한다는거지 아예 삭제한다는 게 아닙니다. 우선 메인 화면에 있는 이미지을 더블 클릭 해보세요. 무언가 바뀌지 않았나요? 특히 하단에 총 6개의 타임라인이 생겼을겁니다. 이 중에서 우리가 편집할 것은 배경그룹과 contents입니다. 나머지는 안 보여도 큰 문제 없죠. 타임라인 잘 보시면 눈동자 같이 생긴게 있을겁니다. 그 줄에 있는 점을 살포시 눌러주면 빨간색 X 자로 변하며 화면에 무언가가 사라지는 것을 보시게 될겁니다. 즉, 눈동자가 의미하는 것은 시야에서 보이게 할 것인지 안 보이게 할 것인지 선택하는 겁니다. 이제 배경그룹과 contents만 남겨놓고 다 안 보이게 해 볼까요?



그러면 이제 시야을 우측으로 바꿔보겠습니다. 라이브러리가 보이시죠? 네 이미지을 이제 바꿀 때가 되었습니다. 그리 어려울 건 없고 해당 컨텐츠에 맞게 더블 클릭 후 이미지을 변경해주시면 됩니다. 배경 이미지는 'defaultbackground' 입니다. 해당 이미지을 더블클릭 해보죠.



보시는 것처럼 비트맵 속성창이 뜨게 됩니다. 여기에서 바꾸고 싶은 이미지을 선택해주시면 됩니다. '가져오기' 버튼을 눌러볼까요? 원하는 이미지을 선택 하시면 보시는 것처럼 이미지가 적용되게 됩니다. 참고로 보이는 화면은 전체 이미지 중 일부만 보이게 되는겁니다. 전 이번 아이스쇼에서 노래을 부르던 김연아 선수을 배경으로 하였습니다. ^^



이제 확인 버튼을 눌러 최종 적용 모습을 보도록 하겠습니다. 가볍게 바뀌었죠? 많은 프로그램들 처럼 매우 간단합니다. 바꿀 이미지 선택 후 원하는 이미지 선택하면 끝! 어려운 게 아닙니다. 그러면 이 기세을 몰아 아이콘까지 가도록 하겠습니다.

아이콘은 기능명과 동일하게 적용되어 있으니 그리 어렵지 않게 찾으실꺼예요. 계산기을 한 번 볼까요? cal2 라는 이름을 가졌군요. 배경과 마찬가지로 비트맵 속성입니다. 가져오기을 통해 원하는 아이콘 이미지을 선택 한 후 확인 누르시면 적용 됩니다. 다음 메인 아이콘들은 모두 'grid_icon_' 으로 시작하고 뒤에 기능이 네이밍되어 있습니다. 음악 아이콘은 'grid_icon_music' 으로 되어 있겠죠? 어렵지 않으니 차근 차근 하나씩 변경해보시기 바랍니다.



모두 변경 한 모습입니다. 전 물방울 아이콘으로 변경했는데 어떠신가요? 그런데 눈에 걸리는게 하나 있죠? 네.. 위로가기 아이콘입니다. 이 녀석은 교활하게도 라이브러리 맨 밑에 있답니다. top2 라는 이름으로 말이죠. 이 녀석까지 물방울로 바꿔주고 저장하도록 하겠습니다. 저장하는 방법은 다 아시죠? 마우스 움직이는 것도 귀찮아서 'Ctrl+S' 눌러보시는 분도 계시겠죠?



헉! 이상한 거 떴죠? 처음 저장 할 때만 뜨는 팝업 메시지 창이예요. 이 파일이 CS4 이전 Flash 툴로 제작되었기 때문에 CS4 버전으로 저장한다는 메시지입니다. 저장하게 되면 이제부터 CS4에서만 열고 편집 할 수 있어요. 아래 버전과 호환을 위해서 살포시 취소 눌러주세요. 그리고 'Ctrl+Shift+S' 을 눌러보죠. 상단 메뉴을 통해서 '다른 이름으로 저장' 누르셔도 됩니다.



저장 창이 뜨게 되면 파일 형식이 CS4 문서로 되어 있을텐데 이를 CS3 문서로 변경 후 저장을 해주세요. 그러면 앞으로 Flash CS3 을 통해서 이 파일을 열 수 있게 된답니다. 만약 공개 안하고 나만 쓰고 싶다 싶으시면 위에서 그냥 CS4로 저장하겠다고 선택하셔서 쓰시면 됩니다.

그럼 모든 이미지 변경이 끝났으니 이제 최종본이 어떤 모습일 지 확인 해봐야겠죠? 살포시 F12 버튼을 눌러주세요. 기본적으로 Flash7, Action Script 2 로 설정되어 있으니 S9에 들어가는데 큰 문제가 없답니다. 만약 이 설정이 어떤 모습인지 궁금하신 분 계시면 'Ctrl+Shift+F12' 눌러주시면 제작 설정을 보실 수 있어요. 큰 이상이 없으시다면 바로 S9에 적용하시면 됩니다. 그런데 약간 서운하지 않나요? 그래서 잠시 as도 둘러보도록 하겠습니다. as에 관심 없으시면 그냥 넘어가셔도 되는데 짧게 그것도 쉬운 부분들만 볼거라서 그리 어렵지 않습니다.

함께 Action Script 세상으로 고고~!!

다 만드셨다면 swf 파일을 S9의 이동식 디스크에 있는 System>FlashUI 로 넣어주시면 됩니다. 그리고 적용된 모습을 보고 정상적으로 적용되었다면 OK! 참고로 mainmenu1.swf 은 흑백 메뉴, mainmenu2.swf 는 컬러 메뉴에 대응됩니다. 현재는 최고 두 개의 메뉴을 쓸 수 있겠지만 fla 보니 좌우 스크롤 아이콘 있는 걸 봐서 조만간 3개 이상의 메뉴도 자신이 적용 할 수 있을 듯 싶네요. 긴 글 읽어주신 모든 분 감사드립니다. ^^

Post Script...
추가로 제가 이전에 올렸던 두 개의 파일을 압축해서 올립니다. fla, as 파일까지 모두 포함되어 있으니 마음껏 수정해서 쓰시면 될 듯 싶네요. ^^