Ray-Industries has detected that you are using a browser other than Mozilla Firefox. Please download Mozilla Firefox browser here, to fully experience the Ray-Industries web-site.

Stop this message from showing again

Photoshop Resources & Tutorials

Ray-Industries Logo
The Community Related Ads
Featured
Photoshop brushes:
HighTech Circles (Vector Brushes)


  One of the best vector brushes I've seen in some time. Really cool and stylish. A must for any vector artist.

Affiliates Design Image Design Image

Ray-Industries.be - Photoshop Tutorials and Resources provider

Welcome! Congratulations on finding the highest quality, free photoshop resources and tutorials site. We guarantee you won't have to look elsewhere.


Ray-Industries Tutorials



Back to Photoshop Tutorials
Back to tutorial categories


Design a forum skin
 Posted on: [12.07.2007 12:40:01]
 Posted by: Ray
 Size: 0
Rating:
/
(rated 0 times)

Downloads:
1710

Views:
1823

How to design a forum skin in Photoshop

In this Photoshop tutorial, I'm going to teach you how to design a modern looking forum skin.

- Open a new document with a width of 700 pixels and a height of 900 - 1400 (This depends on the size of your board)

With the background layer selected, Right Click and select Layer from background. With the layer still selected, fill it with #e7e7e7. Go to the Blending Options and apply these settings. You can download a pack of patterns from here.



- Make a big big rectangle from the top to bottom and side to side. Try and keep it about 20-25 pixels from the edge in all places. Apply these settings to the rectangle.



You should be here by now.



- Select the color #f96f00 as your foreground color. Make a small rectangle in the upper left corner of your box. Fill it with your foreground color. You should have this.



Apply these settings.



Now, make a selection of that part by Holding the "Control" Key and clicking the layers thumbnail. Go to Select >> Modify >> Contract >> 2 Pixels Now press Control + Shift + I and press delete. This time, press Control + Shift + I. and go to Select >> Modify >> Expand >> 2 Pixels. Make a new layer and go to Edit >> Stroke Set it to these settings.



Deselect. You should have this.



- Go ahead and add some text and you are done with that part.

- Time for the tabs. Make a rectangle about this big. You can fill it with any colour you would like.



Now, cut off the corner of the rectangle using your favorite selection tool and pressing delete. I just used the polygon lasso tool and held shift to get a straight cut.



Apply these settings.



- We now want to do the same thing with the tab as we did the header. Make a selection of that part by Holding the "Control" Key and clicking the layers thumbnail. Go to Select >> Modify >> Contract >> 2 Pixels Now press Control + Shift + I and press delete. This time, press Control + Shift + I. and go to Select >> Modify >> Expand >> 2 Pixels. Make a new layer and go to Edit >> Stroke Set it to these settings.



- Add text and duplicate the layers and you should have this.



Please continue to page 2...

Pages: 1 2 3

Rate it: 1 2 3 4 5 :.: Download! :.: Comments




Welcome guest! Please login or register.

Login
Register
ri separator ri separator Voice Your Opinion
  Do you prefer Photoshop Tutorials or Photoshop Resources?

Photoshop Tutorials
Photoshop Resources


Results | Comments
Statistics
4 Guests, 0 Users
Design Image Design Image
Footer