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 CS Mastery

Photoshop CS Mastery

Artists, photographers, graphic artists and designers. In fact anyone needing a top-notch solution for picture management and editing. Set Your Photographic Creativity Free. Master Adobe Photoshop Once and For All - Create Flawless, Dramatic Images Using The Tools The Professionals Choose. Get My Video Tutorials and Retain More Information About Adobe Photoshop.

Get My Free Videos


Post a comment