Launcher icon color palette

Step by step

Used for highlights on edges.

Light gradient

Used on the front (lit) part of the icon.

Medium gradient

Used on the side (shaded) part of the icon.

Dark gradient

Used on details and parts in the shade of the icon.

Used as base color in shadows.

Used for highlights on edges.

Light gradient

Used on the front (lit) part of the icon.

Medium gradient

Used on the side (shaded) part of the icon.

Dark gradient

Used on details and parts in the shade of the icon.

Used as base color in shadows.

1. Create the basic shapes with a tool like Adobe Illustrator, using the angles described in Launcher icon: structure. The shapes and effects must fit within a 250x250 pixel artboard.

2. Add depth to shapes by extruding them and create the rounded corners as described for the launcher icon structure.

3. Add details and colors. Gradients should be treated as if there is a light source placed slightly to the left in front of the icon.

4. Create the shadows with the correct angle and blur effect.

5. Import the icon into a tool like Adobe Photoshop and scale to fit an image size of 48x48 px on a transparent background.

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

Was this article helpful?

0 0
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