If you need help making a skin or dont want to use a rom manager or the skin tester to make one download the file below:
How To Make a Skin.zip 9.08 kB
Here's the guide from the text file taken from Team Cyclops Forum:
Creating Skins for CycloDS Evolution ==================================== The CycloDS Evolution user interface is composed of several screens: - The main menu - The game list - The cheat code list - The settings screen Each of the screens is drawn using a combination of bitmaps and software widgets which use colours specified within the skin. Skins for CycloDS Evolution are broken into 2 parts - the bitmap files and an XML file to specify which bitmap files to use and which colours to use for various parts of the user interface. ------------ Bitmap Files ------------ Skins are made up of 5 bitmap files: - Top screen bitmap, drawn on the top screen of the NDS for all screens - Bottom screen bitmap, drawn on the bottom screen of the NDS for all screens. - Menu icon bitmap, used to draw the icons in the main menu. The icons are drawn over the top of the bototm screen bitmap. - Scrollbar bitmap, used to draw the scrollbar for the game list and cheat code list. Drawn over the top of the bottom screen bitmap. - Cheat code icons, used to display icons (folder open/close, code selected/de-selected and radio on/off) in the cheat code screen. Drawn over the top of the bottom bitmap. All bitmaps must be standard windows format 24-bit .BMP files. You may specify a transparent colour for each of the bitmaps; if specified then any pixel in the bitmap which colour matches the specified transparent colour will not be shown. The top screen bitmap must be 256x192. It is essentially static and is simply drawn on the top screen with nothing else drawn over it. The bottom screen bitmap must also be 256x192. The software assumes that the bottom screen bitmap has 2 bars, each 16 pixels high, at the top and bottom of the bitmap. These bars are used to draw status information such as the time, the software version, the working directory etc. This is illustrated, along with the position of the main menu icons in the file "bottom_with_icons.bmp". Please note however that this bitmap has the main menu icons drawn ONLY to illustrate their position; the bottom bitmap for any skin should NOT include the main menu icons. The bitmap also includes X,Y co-ordinates to show where the bars should be located and to show where the icons will eventually be drawn by software. The icon bitmap must be 128x192. It is divided into 6 squares, each 64x64 in size. These squares make up the 3 icons (Games, Media, Settings) with 2 states for each icon - selected and de-selected. This is illustrated in the file "menu-icons.bmp". In this example the transparent colour is megenta (#FF00FF), so any pixels of that colour will not be shown when the menu icons are drawn over the top of the bottom bitmap. The scrollbar bitmap must be 8x64. It is divided into 2 parts - a 8x48 scrollbar part and a 8x16 fill part. When the scrollbar is drawn, first the 8x16 fill part is repeated to fill the scroll area on the right hand side of the screen. Then the 8x48 scrollbar part is drawn over the top in the correct position. This is illustrated in the file "scrollbar.bmp". The scrollbar is at the top, from y=0 -> y=47. The scroll fill then follows, from y=48 -> y=63. In the example, some pixels around the edge of the scrollbar are drawn as magenta to make these pixels transparent and give the scrollbar a rounding effect. The cheat code icon bitmap must be 32x48. It is divided into 6 squares, each 16x16 in size. These squares make up 3 icons with 2 states for each icon (folder closed/open, code off/on, radio off/on). This is illustrated in cheat-icons.bmp. Once again in this example the transparent colour is set to magenta. IMPORTANT NOTE: Be careful when using the transparent colour to make sure that any opaque pixel is NOT blended into the background. If this happens then (assuming the transparent colour is magenta) you will have pixels blended with the magenta background which will not be made transparent and will result in your icons etc having an ugly magenta outline. -------- XML File -------- Each skin has an XML file which must be named "skin.xml". This file specifies colours for the software widgets and the filenames of each of the 5 bitmap files which make up the skin. The file "example-skin.xml" contains an example XLM file; each part of this example file is described below: **** <top-bitmap file="top.bmp"/> <bottom-bitmap file="bottom.bmp"/> <menu-icon-bitmap file="menu-icons.bmp" transparent-colour="FF00FF"/> <cheat-icon-bitmap file="cheat-icons.bmp" transparent-colour="FF00FF"/> <scrollbar-bitmap file="scrollbar.bmp" transparent-colour="FF00FF"/> **** The lines above specify the filename for each of the 5 bitmaps, along with the transparent colour. **** <window-fill colour="FFFFFF"/> <button-fill colour="b2dfe3"/> <window-border colour="00A9CC"/> <text-list colour="000000"/> <text-window colour="000000"/> <text-status colour="FFFFFF"/> <selection colour="98d4d9" transparency="7"/> **** The lines above specify the colours used for the software widgets: window-fill: This is the colour used to fill the dialog box windows window-border: This is the colour used as a border for dialog box windows and for the outline of buttons. button-fill: This is the colour used to fill the selected button for the button dialog boxes (such as the cheat code prompt). text-list: This is the colour used to draw text for the game list and cheat code list. This text is drawn over the middle area of the bottom screen bitmap. text-window: This is the colour used to draw text for dialog box windows. This text is drawn over the "window-fill" colour. text-status: This is the colour used to draw text for the status info such as the current working directory, time etc. It is drawn over the top and bottom "bars" in the bottom screen bitmap (ie: the first and last 16 vertical pixels). selection: The colour specified is used to draw the selection bar over the selected item in the game list, cheat code list or settings menu. The transparency value is used for blending the selection bar into the background. The range of this value is from 0-15; the higher the value the more transparent the selection bar will be.
Replies to How to Make a skin
To post a message, you must first become a member.