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.

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Join the TeamTutorials mailing list and get the latest tips, tricks, and special discounts for members only.

Thanks! Please click the link in the email we just sent you to confirm.