본격적인 첫 강의입니다.
 
이번 시간에는 코원 UCI 홈페이지에 있는 간단한 아이콘 바꾸는 방법에 대해서 우선 설명하겠습니다.
(사실 코원에서 제공한 가이드를 가지고 플래시에 완전히 문외한인 초보가 따라하기엔 무리가 있습니다.)
 
사실 자세하게 들어가자면 클래스와 심볼의 관계, 심볼의 종류(무비클립, 버튼, 그래픽) 등등에 대해서부터 설명해야합니다만,
이는 기초적인 S9 UCI를 제작하는 방법인 "아이콘 바꾸기"과 "다른 자작 그래픽 추가" 등에 대해서 우선 알아보고 시작합시다.
 
 
※ [기초 강좌] 파트에서 플래시의 프로그래밍 언어인 Action Script에 대해서는 다루지 않습니다.
 
 
 
우선 플래시를 실행하고, mainmenu1.fla 파일을 불러옵니다.
    (해당 파일은 업로드해 두었습니다.)
    ( 만약 Sothink Flash Decompiler로 직접 디컴파일한 파일이라면 앞에 "~" 기호가 붙어있을 것입니다.)
 
    K-104.png
 
 
 
 
이번 강좌에서 여러분들이 신경쓰셔야 할 것은,
 
K-105.png
 
[프레임당 액션 스크립트 작성 창]
 
 
요런 알아먹을 수도 없는 영어의 나열도 아니고
 
 
K-106.png
 
[속성창]
 
어디의 누구의 속성인지도 모르겠는 이런 윈도우창도 아니고
 
 
 
 
 
K-107.png
 
[라이브러리]
 
 
오로지 이것 단 하나입니다.
 
상단의 메뉴에서 [윈도우] - [라이브러리]를 선택하시거나 단축키 Ctrl + L을 누르시면 화면에 등장합니다만,
플래시를 처음 실행하시는 분은 아마 화면에서 보일 것입니다.
 
(혹시 아주 작은 탭의 형태로 저런 창이 아니라 "라이브러리"라는 글자만 달랑 있다면 해당 부분을 더블클릭 하시면
 위 사진처럼 크게 활성화 됩니다.)
 
 
 
[라이브러리] 란, 현재 플래시 문서에 추가되어 있는 [심볼이라 불리는 일종의 "이미지"]의 목록을 보여주는 창으로서,
여기에서 검색할 수 있는 아이콘을 찾아들어가 수정하면, 실제 플래시 문서에도 곧바로 반영이 됩니다.
 
자, 그럼 간단하게 우선 음악 아이콘부터 바꿔봅시다.
 
 
우선 68 px × 68px 크기의 아이콘 이미지를 준비합니다.
아이콘에 사용될 이미지의 형태는 플래시에서 인식할 수 있는 이미지 파일이라면 뭐든지 상관 없지만
무손실 압축 방식인 PNG를 추천합니다. PNG는 이미지 자체가 "투명한 속성"을 가질 수 있기 때문에
실제로 윈도우 아이콘에서 사용되기도 합니다. 또한 무손실 압축방식이므로 용량이 크지도 않으면서
S9에서 깨끗한 그래픽을 보여줍니다.
 
 
 

 

JPG.jpg    JPG 파일 

PNG.png    PNG 파일
 
 
[가장 일반적인 JPEG(*.jpg) 압축과 무손실 압축인 PNG의 비교]
 
 
 
우선 아까 말씀드렸던 라이브러리 창에서 수정할 아이콘을 고릅니다.
이 때 주의하실 점은 반드시 유형이 "비트맵"이라고 쓰여있는 아이콘을 골라야 합니다.
 
       K-109.png
 
[오른쪽의 "유형" 탭을 보시면 "비트맵"이라고 쓰여 있는 부분이 있습니다.]
 
 
mainmenu1.fla 파일의 라이브러리에는 image 2 라는 이미지 클립이 음악 아이콘이군요!
이를 제가 가지고 있는 아래의 아이콘으로 바꿔보도록 하겠습니다.
 
HP-iTunes.png
 
 
앞에서도 거듭 말씀드렸지만 아이콘 용 이미지 파일을 미리 준비해두셔야 합니다.
 
 
K-110.png
 
해당 이미지 클립 목록 부분에 오른쪽 클릭을 하시고 [속성]메뉴를 고릅니다.
 
 
K-111.png
 
그러면 다음과 같은 창이 뜰 텐데요,
여기서 오른쪽 위에 있는 5개의 버튼 중에
[가져오기]를 누릅니다.
 
 
 
K-112.png
 
넣고 싶은 아이콘을 선택하여 [열기]를 누릅니다.
 
 
 
K-113.png
 
그러면 속성창으로 이렇게 돌아오면서
왼쪽 부분의 아이콘이 자신이 선택한 아이콘으로 바뀌어 있는 것을 확인하실 수 있습니다.
 
여기까지 제대로 진행되었다면 오른쪽 위 부분의 [확인] 버튼을 누릅니다.
 
 
 
 
K-114.png  
 
실제 플래시 문서에서 아이콘이 바뀌어 있는 모습을 확인하실 수 있습니다.
 
 
이를 이용하여 나머지 아이콘들도 모두 바꿔주실 수 있습니다.
 
 
 
 
 
자 이제 이를 실제로 S9에서 반영해 보아야 할것입니다.
이를 위해서는 [Publishing] 또는 [제작]을 해야 합니다.
 
메뉴에서 [파일] - [내보내기] - [무비 내보내기]의 형태로도 작성한 플래시 문서 파일을
SWF 파일로 만들 수도 있지만, S9은 이런 방식을 사용할 경우 매우 불안정한 모습을 보여주므로
정석대로 이행할 것을 추천드립니다.
 
 
메뉴에서 [파일] - [제작 설정]을 선택합니다.
 
K-115.png
 
 
 
K-116.png
 
[포맷] 탭에서 반드시 맨 첫번째 항목인
Flash (.swf) 부분의 체크박스에 체크가 되어있는지를 확인하고
 
[포맷] 탭 옆에 있는 [Flash] 탭을 누릅니다.
 
K-117.png
 
맨 위에 있는 두개의 항목이 각각
 
Flash Player 7
Action Script 2.0
 
이렇게 설정되어있는지를 확인하시고
창 맨 아래에 있는 3개의 버튼중 [제작]을 누릅니다.
 
 
K-119.png
 
제작중임을 알리는 창이 뜨고, 가만히 기다리시면 이 창이 종료됩니다.
 
 
가장 중요한 SWF파일은
여러분들이 처음에 mainmenu1.fla 파일을 불러왔던 그 폴더에
모두 함께 들어있습니다.
 
K-121.png
 
 
여기서 swf파일의 이름을
 
mainmenu1.swf
mainmenu2.swf
mainmenu3.swf
 
이 셋 중 원하는 이름으로 바꿔주시고
 
Cowon S9의 System/Flash UI/ 폴더에 넣어줍니다.
그리고 S9을 켜고 넣은 자신만의 UCI를 실행해 봅시다.
 
 
DSC00097.JPG
 
다음과 같이 아이콘이 바뀌어 있는 것을 확인하실 수 있습니다!
 
이상으로 < [기초강좌] 2. 메인메뉴 아이콘 바꾸기 >의 강좌를 마칩니다.
 
 
 
 
다음 강의는 < [기초강좌] 3. 새로운 이미지 추가하기 > 입니다.
 
 
 
 
 
 
 
 
이 게시물을...