First steps to Icon-ing

Photoshop Tutorials


Click on thumbnailed images to enlarge

1.Grab your base:
User posted image

2. Duplicate your base, and set it to screen:
User posted image

3. Create new layer, fill it in with #FFF3E0 and set it to Multiply
User posted image

4. Create another new layer, fil it in with #DCF9FE and set it to Color Burn
User posted image

5. Create your final color layer, fill it in with #160F26 and set it to Exclusion
User posted image

6. Finally, duplicate your base, and drag it up to the top. Desaturate it, and set it to Soft Light @ 70%
User posted image

Steps 3-5 are often the first layers in most icons. Try those layers out, and then add onto it, and you're bound to get a good icon :D

Tutorial Comments

Showing latest 10 of 13 comments

awesome, thanks! (:

By SoWrongItsAbby on Jul 5, 2008 11:58 am

nice tutorial =]

By N4th4li3L on Apr 4, 2008 9:26 pm


By murderotica on Dec 16, 2007 6:28 pm

Thanks! really good tutorial! ^_^

By aahdnm on Oct 22, 2007 7:54 pm

this is such a good tutorial! thank you alotttt !!

By LittleMissSunshine on Aug 12, 2007 10:33 am

that was a good tuteasy to understand nice

By Thel3oss on Jan 28, 2007 9:49 pm

Ive Got GIMP And The Directions Deosnt Work For It Either Becuase There Isnt Any Of The Words In The Programme Such As 'Multiply' And Watever..I Was Woundering Wether You Can Tell Me The Directions To Iconing For GIMPPlease..-x-

By Lizzie-xo on Jan 28, 2007 10:05 am

Very nice tutorial Sherlock. I love the simple colouring.

By showstopper! on Dec 31, 2006 3:59 am

thanks for the tip

By ++DA-KIDD++ on Dec 25, 2006 7:35 pm

^ Of course, you need photoshop/psp/gimp/etc.They're just blend modes for layers.

By Stefanny on Dec 25, 2006 3:20 pm
View all »

Tutorial Details

Author technicolour View profile
Submitted on Aug 14, 2006
Page views 31,104
Favorites 94
Comments 13

Tutorial Tags