Site Navigation:

Home // Tutorials // Photoshop® // Plastic tabs

Plastic tabs

Plastic tabs image 1
OK, start with a new image about 400x400 px with a white background. Start by creating a new layer and using the Rectangular Marquee draw a rectangle roughly the size of the picture opposite. OK now click the channels tab and create a new channel. Fill the selection in with white. You can now deselect (CTRL +D) Now go to Filter>Blur>Gaussian Blur and use a setting of about 3.5 Click OK. Next go to Image>Adjust>Levels and drag the two bottom triangles towards the centre until the button looks nice and smooth. Click OK when done. OK hold CTRL and click on the channel "Alpha 1" to select it. Click the Layers Tab. Do not lose the selection.
Plastic tabs image 2
Now set your foreground colour to: R:212 G:214 B:212 and the background to white, using the linear Gradient tool (foreground to background) drag from top of the selection to the bottom so it looks like what I have opposite. Now create a new layer and Set your foreground colour to R:192 G:192 B:192 and go to Edit>Stroke for width choose 1 pixel and for location choose centre. Do not deselect yet.
Plastic tabs image 3
Now, with the rectangular marquee selected move the selection up to the top of the button so that it overlaps slightly (see picture). Now Create a new layer and fill that selection in with white.

Now click on the channels palette and Hold CTRL and click on "alpha 1" to load the selection. Click the layers tab and now go to Select>Inverse. Hit delete. Press CTRL +D to deselect. Now go to Filter>Blur>Guassian Blur and use a setting of 0.3 Click OK and set the opacity of that layer down to about 74, or so it looks good. Now it should be looking good, but to add to the effect add a drop shadow to the layer with the original button shape on it (in my case Layer 1) go to Layer>Effects>Inner shadow and use the settings: Mode multiply, Opacity 53, Angle -45, Distance 2, Blur 1, Intensity 0. That's it, you should have a nice plastic tab ready to add some text to.
Plastic tabs image 4
So add some text to the buttons, you can also add a very faint drop shadow to the text for a nice effect. To change the colour go to Image>Adjust>Hue/Saturation.
Plastic tabs image 5
Apply the same tutorial to other shapes, you'll get some neat effects.

This Tutorial was Brought to you by Robouk, Please post any questions in the forum. Thank you.
Click here to download the file. || BACK TO TUTORIALS

Home Tutorials Free Stuff About Gallery Forum Links Contact

Copyright © Robouk 2001.

Dreamweaver®, Flash® and Photoshop® are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries.
Hosted by Pixelcode - web design tutorials.