Warning: include(../../top.inc) [function.include]: failed to open stream: No such file or directory in /home/nexflone/public_html/stuff/PS.transparency/transparent.php on line 7

Warning: include(../../top.inc) [function.include]: failed to open stream: No such file or directory in /home/nexflone/public_html/stuff/PS.transparency/transparent.php on line 7

Warning: include() [function.include]: Failed opening '../../top.inc' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/nexflone/public_html/stuff/PS.transparency/transparent.php on line 7
 

An beginners guide for creating skins. (Very basic)

Well, this is a very basic guide for all of you who want to create a skin for applications like winamp, windows media player, ICQ, or any other skinnable applicaton. Also to be used for webdesigns etc.

 

You alwys have to keep in mind the useabilty of your skin. Many new skinners just make skins, which looks amazing, but can hardly be used. Is there any real point in that? A skin is an interface between you and the program, so it should be easy to understand and quick to use. Try to make the buttons not too small,, so u dont have to aim for 15 seconds till you hit the right button.

If you dont label the buttons clearly try using help tags instead or alternative text in html (This displays a text on mouse over.

Before you start designing, decide for a theme you want to use or what you like, If you have no clue yet, skip this step.

Start researching on other people who create skins, and get ideas. Do not RIP them, but look at how they made there skins, how they layed em out, etc.
Every good artist looked at hundreds of other artists works for inspiration and to learn from them. As a skinner, you dont need to go to a museum, the internet is your museum. Every single site on the internet and every single application if good or bad can teach you how to make skins, or how NOT to make them.
A good tool to locate sites are either artistry webrings, or search engines Google and its Image category are amazing tools for this task.

After you looked at ideas, start drawing you own skins. Dont put too much time into it,. just make rough drafts. People usally say do it on paper, and I agree to them, but you can also use the pencil tool or equivalent in PS. (pen and paper is soo much faster tough)

After you have drawn around 10-15 (or more) rough designs look at them, and decided which concepts you like the most. Pick around 3 and develop them further. Choose the one you like the most and start puttin it into PS. Either scan in it, and draw around it, or just try to replicate it.

Once you got the skin in PS, do whatever with it, create buttons etc. There is only thing you should be careful with, from the beginning onwards.Your basic shape....make it really sharp, with either 0 transparent or 100% transparent pixel...nothing in between. The pencil tool can help there.

In both images pink was used for making the transparent background. Usually pink is used as noone would use pink in a normal skin, so you can make every pink pixel transparent. Anyway, in the first example, you can see that some pixels arent fully pink, there are faded off, which makes them visble in the final skin. 2nd example the same thing, but here its even crispier...

Here we got two skins, first one is an example how u can make life easier. By adding a black border around the skin, which ensures a more or less sharp edge. The 2nd one uses modern edges and stuff to make the edges look sharp.

Slice you skin and done you are!