You are invited to Log in or Register a free Frihost Account!

Plastic Tabs - Photoshop

1.Start with a new image about 400x400 px with a white background. Create a new layer and using the Rectangular Marquee tool draw a rectangle roughly the size of the example below.

Click the Channels tab to enter the Channels Palette, and create a New Channel. Fill the selection in with white, then deselect (CTRL+D). Now go to Filter » Blur »Gaussian Blur and use a setting of about 3.5, then click OK. Next go to Image » Adjust » Levels and drag the two bottom triangles towards the center until the button looks nice and smooth (see image). Click OK when done. Hold CTRL and click on the channel "Alpha 1" to select it, then click the Layers Tab. Do not lose the selection.

Set your foreground color to: R:212 G:214 B:212 and the background to white. Now, using the Linear Gradient tool (foreground to background), drag from the top of the selection to the bottom, so that it looks similar to the example below. Now create a New Layer and set your foreground color to R:192 G:192 B:192. Go to Edit » Stoke - for width choose 1 pixel and for location choose Center. Do not deselect yet.

Now, with the Rectangular Marquee tool 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. Click on the Channels palette, 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 74.

It should be looking pretty good at this point, but to add to the effect add a drop shadow to the layer with the original button shape on it (Layer 1). Also go to Layer » Effects » Inner Shadow and use the settings shown in the image below. You should now have a nice plastic tab ready to add some text to.

Select the Type Tool and add some text to your button. To give the text some extra depth, you can also add a very faint drop shadow to the text itself for a nice effect. To change the color go to Image » Adjust » Hue/Saturation. If you run into any trouble while attempting this tutorial, feel free to download a copy of the example .psd file.

Apply the same tutorial to other shapes - you'll get some neat effects.

thanks for the info bro
Related topics
Photoshop tutorial
Good photoshop images
Adobe photoshop tutorial
VIDEO photoshop tips
Some Photoshop tutorials
The Photoshop Gnome
[PHOTOSHOP] Making animated wires
Dose Anybody Know Where to find Photoshop pro Free Software.
10 photoshop effect tutorials
Photoshop tut site
Desgin Photoshop
Photoshop tips
Web 2.0 tabs (having some probs with coding it)
Adobe Photoshop Background Tutorial - For Beginners!
Reply to topic    Frihost Forum Index -> Scripting -> Others

© 2005-2011 Frihost, forums powered by phpBB.