Part 1:Overview of skin creation

 

What you need:


This view is made up of many different elements.

 

There are actually 22(!) different images all stuck together by audioplayer. when apart they actually look like this:

     
   
   
           
       

As you probably noticed, each of these images contain all the different modes for that button.

The play button has: off, click on, on, and click off.

This is the premise of all skins for applications, and the Audioplayer is no different.

If you grab the ImagePack from the downloads page, you can see all of these different images.
(I extracted these images from the
default audioplayer skin, which you can also grab
from the downloads page)


Now, you might be thinking, "hey
its one thing to change the colors in each image, but how would
I see how it would all look together?"


What I do is take a section of each
of these images, and put it on a seperate layer. I use these as
my guides to creating the skin.

Here is a handy little photoshop file with all the components
seperated apart. (your welcome.)

Check out part two for working with the photoshop file

--------------------------------------

<back to tutorials>


1