purkledragon wrote in icon_tutorial 😮nervous

GIMP tutorial

Was rather happy with this icon the other day since I was bored and unable to get online. Going from

to Image hosted by Photobucket.com.
Note: Should be easily translatable to other programs as nothing is truly GIMP specific.



First step as always is to find your image and crop it down.

Image hosted by Photobucket.com

Simple enough right? Next we take the base image, copy it, desaturate and change the layer mode to overlay.

Image hosted by Photobucket.com


Now make another copy of your background and set the layer mode to burn. Take your burn tool and go around the eyes and lips more. Switch to the dodge tool and go over the background. I know it doesn't show right now but the dodge does show up later on.

Image hosted by Photobucket.com



On a new layer add this gradient set on overlay.

Image hosted by Photobucket.com to get Image hosted by Photobucket.com




Flood fill a new layer with 931d1d Image hosted by Photobucket.com and set it to overlay. Image hosted by Photobucket.com



Now using this light texture by myrasis Image hosted by Photobucket.com we use a Gaussian Blur of 50 Image hosted by Photobucket.com and then set to screen. Image hosted by Photobucket.com



Now it's just a matter of adding your text. I pulled a color from the yellow orange gradient (f88008), then rotated the text to fit the spacing. Make a copy of the text layer, set it to burn and then move it slightly to cast a shadow behind your original text.

Image hosted by Photobucket.com Image hosted by Photobucket.com

Layer Pallet:
Image hosted by Photobucket.com