[ R A G N A R O K o n l i n e : skin making manual ] 라그나로크의 GUI(Graphic User Interface)는 스킨 시스템을 적용하여 제작되었기때문에 몇가지 방법만 잘 숙지하면 유저가 직접 제작하거나 변경할 수 있습니다. 이렇게 제작된 스킨의 경우, 로그인 인터페이스를 제외하고는 모두 해당 스킨으로 변경되어 게임에 나타나게 됩니다. 0. 추가 갱신 사항 - 2002년 5월 31일자 길드 인터페이스 추가에 따라, 길드 로고를 변경하도록 하는 btn_edit 버튼, 길드원에게 전체 메세지를 발송하는 btn_send 버튼, 카드 그림을 볼 수 있는 btn_view 버튼이 추가되 었습니다. 1. 시작하기 먼저 라그나로크 기본 스킨을 포함하고 있는 ragnarok_basic.zip 파일을 다운로드합니다. 해당 압축파일을 풀어서 작업을 진행할 디렉토리에 저장합니다. 스킨은 해당 폴더의 루트에 있는 74개의 파일과 basic_interface라는 서브 폴더에 있는 124개의 파일을 수정하는 작업을 통해 제작됩니다. 되도록 확인하면서 작업할 수 있게 라그나로크가 설치된 폴더안에 skin이란 폴더를 만들고 (예 : c:\program files\gravity\ragnarok\skin) 그 안에 해당 스킨명을 갖는 폴더를 만들어 풀어주는 것이 좋습니다. 포토샵이나 페인트샵 등, 픽셀단위의 편집이 가능한 그래픽 프로그램을 준비합니다. 2. 작업하기 가장먼저 주의할 점은, 게임에 있어서 투명하게 표현할 부분의 색깔은 R255, G0, B255의 색이라는 것입니다. 색이 조금이라도 다를경우 투명하게 표현되지 않을 수 있으므로, 꼭 투명색은 RGB(255, 0, 255)라는 점을 잊지 말아주세요! 파일은 반드시 bmp로 저장되어야하며, 포토샵의 image>mode>index color 메뉴를 통해 256 칼라로 변환해주면 용량을 아낄 수 있습니다. 또!! 텍스트, 버튼, 그래프등은 정해진 위치에만 나타나므로 주의해서 디자인해야합니다. (*로 표시된 부분은 많은 수의 이름을 대신해 표현한 것임.) [ 루트 디렉토리의 74개 파일 편집 ] shop, chat_open, chat_close.bmp : 유저가 채팅룸을 만들었을때 외부로 보이는 아이콘 btn_*.bmp 시리즈 : 게임에 나타나는 기본적인 버튼들의 그림 파일의 이름에 '_a' 가 붙는 것은 커서가 올라갔을때 변하는 그림 파일의 이름에 '_b' 가 붙는 것은 커서가 눌렸을때 변하는 그림 파일의 이름에 '_dis' 가 붙는 것은 해당 버튼이 사용될 수 없을때 btn_resize.bmp : 리사이즈가 가능한 창의 우측하단에 나타나는 리사이즈 버튼 checkbox_*.bmp : 옵션이나 오늘의 팁등에 사용되는 체크박스의 그림 이름에 '_0' 이 붙는 것은 비활성화된 체크박스 이름에 '_1' 이 붙는 것은 활성화된 체크박스 colorchip.bmp : 게임 내에서 프로그램이 직접 출력하는 부분, 순서는 다음과 같음 칼라칩은 32*32의 크기이며, 각각 4*4의 칩으로 이루어짐. 이 칩을 각각 좌측상단부터 한줄씩 우측으로 1,2,3,4 / 5,6,7,8 으로 순서 있음 칼라칩은 반드시 index color을 해서 256 칼라로 변환해 저장해야함!! 각 괄호안의 숫자는 (Red, Green, Blue) 순서대로 A. 비트맵으로 채우고 난후 윈도우의 빈곳 채움 1. 기본색 (255,255,255) B. 스킬창에서 스킬선택 시 선택박스 칼라 2. 사용가능스킬 (112,159,237) : 일반적인 선택박스 3. 비활성스킬 (180,180,180) 4. 패시브스킬 (237,112,237) C. 로딩 막대 그래프 5. 그래프배경색 (242,242,242) 6. 그래프색 (42,75,143) D. 기본정보창의 경험치, 잡경험치 그래프 7. 그래프테두리색 (175,175,175) + 8. 그래프배경색 (255,255,255) 9. 그래프색 (86,127,207) E. 콤보박스, 메뉴 10. 테두리색 (210,210,210) F. 교환 확인버튼 눌렀을때 락되었을때 11. 회색박스 (200,200,200) G. 파티경험치 분배방식 결정하는창 12. 테두리색 (194,194,194) H. 채팅방 12. 안쓰는칸 13. 테두리색 (212,212,212) esc_*.bmp 시리즈 : esc 키 눌러서 나오는 게임 종료 관련 메뉴 이름이 'a'로 끝나는 것은 기본 그림 이름이 'b'로 끝나는 것은 커서가 올라갔을때 변하는 그림 이름이 'c'로 끝나는 것은 커서가 눌렸을때 변하는 그림 radiobtn_off, radiobtn_on.bmp : 라디오버튼 scroll0bar_*.bmp : 세로로 긴 스크롤바의 '바'부분 조합 시리즈 각각 위, 중간(반복되어 출력), 아래 scroll0*.bmp : 세로로 긴 스크롤바의 배경 및 상하 버튼 부분 조합 시리즈 각각 위버튼, 중간(반복되어 출력), 아래버튼 scroll1bar_*.bmp : 가로로 긴 스크롤바의 '바'부분 조합 시리즈 각각 위, 중간(반복되어 출력), 아래 scroll1*.bmp : 가로로 긴 스크롤바의 배경 및 좌우 버튼 부분 조합 시리즈 각각 위버튼, 중간(반복되어 출력), 아래버튼 sysbox_*.bmp : 채팅풍선이나 npc 대화등, 시스템적으로 나오는 다이얼로그 박스의 조합 시리즈 '_bg' : 반복되어 출력되는 배경색 '_ld' : 좌측하단 마감 '_lm' : 좌측세로 반복출력 '_lu' : 좌측상단 마감 '_md' : 중간하단 반복출력 '_mu' : 중간상단 반복출력 '_rd' : 우측하단 마감 '_rm' : 우측세로 반복출력 '_ru' : 우측상단 마감 sysbox_comparison_*.bmp : 아이템 비교창 조합 시리즈 구성은 sysbox_*.bmp 와 동일하다 btn_comparison_resize.bmp : 아이템 비교창 크기 조절 버튼 win_msgbox.bmp : 메세지 출력시 나오는 메세지 윈도우 [ basic_interface 디렉토리의 124개 파일 편집 ] arw_*.bmp : 스테터스 창이나 각종 메뉴에서 나타나는 방향있는 조작버튼 basewin_bg.bmp : 기본정보창의 배경 그림 basewin_mini.bmp : 기본정보창의 작아졌을때 그림 btn_cartoff.bmp : 상인의 수레 벗기 버튼 btn_*_*.bmp 시리즈 : 기본정보창에 출력되는 각 기본기능버튼 '_on'은 커서 올라갔을때와 눌렸을때 그림 '_off'는 비활성화 상태로, 기본적인 그림 '_dis'는 쓸 수 없을때 (안쓰는듯함) btnbar_left, btnbar_mid, btnbar_right.bmp : 채팅창이나 아이템창, 친구창 등의 하단 마감부분 btnbar_left2, btnbar_mid2, btnbar_right2.bmp : 리스트창, 스킬창 등 버튼있는 하단 마감부분 chatwin0_bg.bmp : 채팅방 만들기 창용 배경 chatwin1_*.bmp 시리즈: 리사이즈가 가능한 각창의 좌우 마감 및 반복부분 (안쓰는듯함) collection_bg.bmp : 아이템설명 보기모드 배경창. 그림은 좌측 위치에 75*100의 크기로 출력 모서리는 sysbox_*.bmp 적용 collection_comparison_bg.bmp : 아이템 비교창 배경. 모서리는 sysbox_comparison_*.bmp 적용 아이템 상세내용의 배경색은 colorchip.bmp 2번째줄 8번째 색상 cutline_0.bmp : 수정하지 않아도 됌 dialog_bg.bmp : 하단의 대화입력창 그림 dialog_btn*.bmp : 귓말상대(히스토리)리스트 보기용 버튼, 0은 노말, 1은 커서올라갔을때, 2는 눌렸을때 dialog_mid, dialog_resize.bmp : 수정하지 않아도 됌 equipwin_bg.bmp : 장비장착창 배경 그림 exchange_bg.bmp : 교환창 배경 그림 grp_*.bmp : 친구창에서 그룹(파티) 멤버의 상태를 나타내 주는 아이콘 GZE_BG.bmp : 기본정보창의 플레이어 HP와 SP 게이지 배경 gzeblue_*.bmp : 평상의 상태일때 파란색 게이지, left/right는 각각 마감, mid는 가운데 반복 gzered_*.bmp : 위험한 상태일때 붉은색 게이지, left/right는 각각 마감, mid는 가운데 반복 ico_*.bmp 시리즈 : 상태이상 아이콘 item_invert.bmp : 장비장착창에 아이템을 드래그했을때 장비될 부분을 활성화해서 보여주눈 커서 itemwin_left, itemwin_right.bmp 시리즈 : 해당 창의 중앙부분 반복되어 표시되는 아이템슬롯창의 좌, 우측 마감 itemwin_mid.bmp : 아이템이 하나 놓여지는 아이템슬롯 배경공간 (반복되어 출력) lv_up_*.bmp : 레벨업시 좌/우측 하단에 나타나는 레벨업 알림버튼 mesbtn_*.bmp 시리즈 : 친구창의 메뉴버튼으로 '_a'는 커서 올라갔을때, '_b'는 눌렸을때 1은 쪽지보내기, 2는 1:1채팅, 3은 정보보기, 4는 친구찾기, 5는 제명시키기 mesbtn_left, mesbtn_mid, mesbtn_right.bmp : 친구창 메뉴의 좌측 마감과 중간반복, 우측마감 optwin0_bg, optwin1_bg.bmp : 옵션창 배경 0은 시스템옵션, 1은 개인정보옵션(차후 추가) shortitem_bg.bmp : 단축아이템창 배경그림 shortitem_btn.bmp : 단축아이템창 슬롯편집버튼 skill_up_*.bmp : 스킬레벨업시 스킬창에 나타나는 레벨업 버튼으로, '_a'는 노말, '_b'는 커서올라갔을때, '_c'는 커서 눌렸을때 skillcollection.bmp : 스킬설명보기 모드일때의 배경그림 statwin0_bg, statwin1_bg.bmp : 스테이터스 창 배경그림, 0은 수치창, 1은 성향창 sys_*_*.bmp : 창줄이기, 창닫기등의 시스템 버튼, off는 보통 상태, on은 마우스 올라갔을때 상태 sysboxs_*.bmp : 마우스 우클릭시 나오는 팝업메뉴창용 조합 시리즈 'ld'는 좌측하단 마감 'lu'는 좌측상단 마감 'rd'는 우측하단 마감 'ru'는 우측상단 마감 tab_itm_*.bmp : 아이템창에서 각각의 분류용 탭버튼, 각각 소모용, 장비용, 기타 탭 titlebar_fix.bmp : 창크기가 변하지 않는 각종 윈도우의 타이틀바 titlebar_left, mid, right.bmp : 창크기가 리사이즈되는 각종 윈도우의 타이틀바 txtbox_btn_*.bmp : 채팅창등에서 리스트를 출력하는 드롭다운 버튼 3. 저장하기 작업은 계속적으로 확인하면서 해야하기때문에, 라그나로크가 인스톨 된 폴더에 skin 폴더를 만들고 그 안에 자신이 만드는 스킨의 이름을 갖는 폴더를 만들어 작업을 하며 지속적으로 게임에 들어가 확인하면서 하는 것이 좋습니다. 4. 주의사항 스킨 폴더는 라그나로크가 설치된 폴더에 있어야합니다. bgm이나 screenshot등과 같은 위치에 있어야 한다는 것이죠. 스킨 폴더 하위에 있는 폴더나 winzip포맷의 압축파일(alzip포맷은 제대로 지원되지 않을 수도 있습니다.)을 하나의 스킨으로 인식합니다. Last modified : 2015/ 01/ 28 Gravity corp.