Color palette

Step by step

Used for outer glow and bevel highlight.

Fill gradient

1: r 163 | g 163 | b 163 2: r 120 | g 120 | b 120 Used as color fill.

Used for inner shadow and bevel shadow.

Used for outer glow and bevel highlight.

Fill gradient

1: r 163 | g 163 | b 163 2: r 120 | g 120 | b 120 Used as color fill.

Used for inner shadow and bevel shadow.

1. Create the basic shapes using a tool like Adobe Illustrator.

2. Import the shape into a tool like Adobe Photoshop and scale to fit an image of 48x48 px on a transparent background. Mind the safeframe.

3. Add the effects seen as described in Figure 5.

4. Export the icon at 48x48 as a PNG file with transparency enabled.

Photoshop Secrets

Photoshop Secrets

Are You Frustrated Because Your Graphics Are Not Looking Professional? Have You Been Slaving Over Your Projects, But Find Yourself Not Getting What You Want From Your Generic Graphic Software? Well, youre about to learn some of the secrets and tips to enhance your images, photos and other projects that you are trying to create and make look professional.

Get My Free Ebook


Post a comment