Please note, this is a STATIC archive of website teamtutorials.com from 19 Jul 2022, cach3.com does not collect or store any user information, there is no "phishing" involved.

Click Here to Turn Your Development Passion into a Real Career.

Adobe Photoshop CS3 Style Icons

The Adobe Photoshop tutorial will show you how to create icon that resemble the new icons included with Adobe Photoshop CS3. This tutorial is quick and easy. With the old icons it was hard to tell which program each one represented. The new icons are simple and easier to recognize. The funny thing is that this tutorial is done using Adobe Photoshop CS2. I haven’t upgraded to the CS3 version yet.

Start with a new document 120×120 pixels with a white (#FFFFFF) background.
Adobe Photoshop CS3 Style Icons Tutorial

Create a new layer. Using the Rectangular Marquee Tool create a selection slightly smaller than the canvas.
Adobe Photoshop CS3 Style Icons Tutorial

Fill the select with any black.
Adobe Photoshop CS3 Style Icons Tutorial

Now open the Blending Options Window by right clicking the layer and selecting Blending Options.
Adobe Photoshop CS3 Style Icons Tutorial

Now Apply the following settings.

Gradient Overlay.
Adobe Photoshop CS3 Style Icons Tutorial

Double click the gradient and adjust like below.
Adobe Photoshop CS3 Style Icons Tutorial

Drop Shadow:
Adobe Photoshop CS3 Style Icons Tutorial

Select OK to apply the changes. Your image should look like the one below.
Adobe Photoshop CS3 Style Icons Tutorial

Now select the text tool. Open the text options and apply the following options:
Adobe Photoshop CS3 Style Icons Tutorial

Now type your text on the layer.
Adobe Photoshop CS3 Style Icons Tutorial

Now open the Blending Options for the layer and apply the following options.

Gradient Overlay:
Adobe Photoshop CS3 Style Icons

Here is the gradient I used:
Adobe Photoshop CS3 Style Icons Tutorial

Apply the settings and you are finished. You now have a Adobe Photoshop CS3 styled icon.
Adobe Photoshop CS3 Style Icons Tutorial

You can also apply different colors to the gradient to create icons like the other icons in Adobe Creative Suite CS3.