3D Button in Photoshop 7
by TutorialPark
In this photoshop tutorial, we will show you how to create 3D buttons without
special plugins.
Step 1.
Create a new 300x150 document. Create a new layer and paint a shape using a
soft paintbrush to have a picture similar to this:
Step 2.
Duplicate the layer and turn it off. Type the text using the Horizontal
Type Tool (T). As an example for a given photoshop tutorial we typed
'Enter'. Duplicate the text layer and turn it off.
Step 3.
We have a button now but as we agreed at the beginning of the tutorial it should
be a 3D button. Therefore we make a Gaussian Blur over the
2 layers with radius 1,8 (Filter > Blur > Gaussian Blur). After
that we apply Emboss Style (Angle -45, Height
1, Amount - 300). To apply an Emboss Style select
Filter > Stylize > Emboss.
Step 4.
To fill the layer with a color create a new layer under the actual layer. We
get the selection of the shape (1) and fill it with the color you wish. We used
blue for the given photoshop tutorial. The layer has to be directly under the
'embossed' layer. Now we change the Blend Mode of the embossed
layer from normal to hard light (Layer > Layer Style
> Blending Options > Blend Mode).
Apply the same procedure for the text layer (create a new layer, get the selection
of the old text, fill it with the color you wish and set the Blend Mode
of the layer to hard light).
You can now delete layers we duplicated at the beginning of the photo shop tutorial.
Step 5.
You can also apply lighting effects for the button. Activate the blue
layer and render it using a Lighting Effects Render (Filter
> Render > Lighting Effects). Play with values to get a desired effect.
Now a 3D button is ready for upload to your website. Note: no plugins were
used in this photoshop tutorial.
