Tutorial:

Creating a simple Skin:
1. Open PhotoShop 6.0
2. File --> New --> Set size to 300 x 200 pixels--> choose Transparent background
3. Use Oval Marquee tool draw an oval shape fill with color #00FFFF (light blue)
Name this Layer: Skin container.
4. Fill the Transparent background with color #33CCFF (similar blue)
5. Make a New Layer. Create a Stop, Play and Return buttons.
Name this Layer: Buttons

6. Save As: Simpskin.bmp
7. Use Rectangle Marquee to draw a selection of the buttons. Starts from the lowest right
move upward to the upper left borders of the picture plane (the x, y positions will be 0,0 )
8. While Marquee is still on, turn off the Skin container Layer (turn off the eye icon),
Edit --> Copy. Then go to File --> New --> OK (for size, etc)-->Edit -->Paste
Save As: Button Group
9. Use the Button Group file, color the Stop button with "#FF0000"; the Play button with
"#00FF00" and the Return button with "#0000FF"
Save As: map.bmp
10. Open Button Group file, color all three button with any color (yellow)
Save AS: hover.bmp
11. Open Button Group file, color all three buttons with any color (dark green)
Save As: down.bmp
12. Open Button Group file, color all three buttons with any color (orange)
Save As: return.bmp
13. Make sure all files: Simpskin.bmp; map.bmp; hover.bmp; down.bmp;
return.bmp are all in the same folder
14. Write the following XML codes:

<THEME>
<VIEW
clippingColor = "#33CCFF"
backgroundImage = "Simpskin.bmp"
titleBar = "false">
<BUTTONGROUP
hoverImage = "hover.bmp"
downImage = "down.bmp"
mappingImage = "map.bmp"
<BUTTONELEMENT
mappingColor = "#00FF00"
onClick = "JScript: player.url ='file:laure.wma';"
upToolTip = "Play"/>
<BUTTONELEMENT
mappingColor = "#FF0000"
onClick = "JScript: player.controls.stop() ;"
upToolTip = "Stop"/>
<BUTTONELEMENT
mappingColor = "#0000FF"
onClick = "JScript:view.returnToMediaCenter() ;"
upToolTip = "Return to Full Mode"/>
</BUTTONGROUP>
</VIEW>
</THEME>
** Save AS: Simpskin.wms
15. Test the Simpskin.wms by double clicking the Simpskin.wms Icon. If every things
is Working you should now see the skin in Windows Media Player.
16. Once testing is satisfactory Open WinZip or any other Zip program
Create a new Zip file by zipping the following files together:

Simpskin.wms
Simpskin.bmp
map.bmp
hover.bmp
down.bmp
return.bmp

** Save As: Simpskin.wmz
17. Open Simpskin.wmz in Media Player