Step 1:
New Skin
- Open Photoshop
- Click "File"
- Click "New"
"New" box appears and can be filled in
You can change the Width and Height depending on what you want to draw first.
Were starting with the Navigation Bar(760x40)
Check this cool table for pixel values
Step 2:
Click the down arrow beside the top brush icon. You can change the brush and its size.
Get drawing and be creative!!
Just leave some space so you can see the navigation tabs at the top.
Step 3: Saving
When your finally done all you have to do is save it!
Bebo has a file size limit on the images so you can compress the file this way
- Click "File"
- Click "Save for Web"
A new box appears
1: File Type
- JPEG
Mostly use "JPEG" as this allows for more colours and smoothness - GIF
This has fewer colours but allows for Animation.
2: Quality of the image(how smooth it looks)
- This is how you can fit your file size under the maximum limit.
Move the quality bar up or down so that the KB on the bottom
left hand side is under the allowed limit.(E.g. 10KB for Navigation Bar)
Check out another cool table!
Once the file size is ok click "Save".
A new box appears.
Depending on what you were making you must save it with it's right name.
E.g. So if it was the top Navigation Bar save it as "nav_bg.jpg"
I'd save all your skin files in the save folder. Don't want any to go missing!!
So just stick to the requirements of the table your graphic
A huge thank you for this tutorial goes out to Allen
