Instructables
Gimp is an good image editor, and a good alternative to Adobe Photoshop. In this Instructable, I will be showing you how to make a good icon for websites (YouTube, Facebook, Myspace, Twitter, etc.)
 
Remove these adsRemove these ads by Signing Up

Step 1: The Basice

Picture of The Basice
Step1_b.png
Step1_c.png
In this step, we will be making the image size.

1) Go to File>New
2) Create the image at 250x250 then click Advanced Options. Under Fill With:, use Transparency
3)You will now have a screen similar to the one below (Third Image)

Step 2: The Gray Background

Step2_b.png
Step2_c.png
Step2_d.png
To do this, first make a circle the size of the document. Then go to the gradient tool and select the brushed aluminum gradient. Then make the gradient go from left to right. Please follow the pictures below for more help.

Step 3: The Gradient

Picture of The Gradient
***IMPORTANT*** Well, kind of. Be sure to create a new layer so we can revert back if we screw up.

Right click on the aluminum layer and click "Alpha to Selection". Go to the new layer you created, and go to Select>Shrink... And shrink the selection by 5-10 pixels. Now go to the gradient tool and pick FG to BG. Now set the corresponding colors (First=FG Second=BG) To the colors you like. I picked a black to a red. Do a straight gradient from top to bottom.


Step 4: The Gloss

Picture of The Gloss
Step4_b.png
Step4_c.png
Step4_d.png
Step4_e.png
Step4_f.png
Step4_g.png
Step4_h.png
***IMPORTANT*** Well, kind of. Be sure to create a new layer so we can revert back if we screw up.

First, select the area you would like the glossy area to cover. Now fill this area with white. Go to the layers pallet and make sure the new layer you created is selected (It should have the white "gloss" part) and tone down the opacity to your likings. It's O.K. if the gloss goes into the background, we will fix this now. Right click on the layer with the gradient that we created and click "Alpha to Selection". Now go back to the gloss layer. Make sure the color gradient is still selected, even though we are on the gloss layer. MAKING SURE YOU ARE ON THE GLOSS LAYER, go to Select>Invert and hit the delete key. This should get rid of the extra gloss.