12 unknown users

 Word :   Username :  
 
Bottom
Author
 Thread :

[Gimp Tutorial] How to Make an Icon from a Picture

 
n°3775
scartissue
Profil: New Penguin
Avatar
profil
Posted on 02-15-2009 at 12:25:30 AM  
 

http://i106.photobucket.com/albums/m255/1asdfgh/tutorials/how%20to%20make%20an%20icon%20from%20an%20image%20in%20gimp/ScreenShot009.png
In this tutorial, I will teach you how to make an icon from a picture.
 
Getting Started
 
The first thing that must be done is to find a picture. I found one on google with a nice camera. To use it click on the link below.
 
http://www.itechnews.net/wp-conten [...] camera.jpg
http://www.itechnews.net/wp-content/uploads/2008/04/benq-e800-digital-camera.jpg
 
Step One
 
Okay, once you open a picture, right-click on the first layer and select "Add Alpha Channel."  
http://i106.photobucket.com/albums/m255/1asdfgh/tutorials/how%20to%20make%20an%20icon%20from%20an%20image%20in%20gimp/ScreenShot010.png
p.s. If you copied the picture from above, you may skip step one.
 
Step Two
 
Insert a Quick Mask (or press Shift+Q). The screen should turn red. Now, use the eraser tool and erase the red over the camera.  
http://i106.photobucket.com/albums/m255/1asdfgh/tutorials/how%20to%20make%20an%20icon%20from%20an%20image%20in%20gimp/ScreenShot011.png
Then press the Quick mask button again (or Shift+Q) and you should see the camera selected.
http://i106.photobucket.com/albums/m255/1asdfgh/tutorials/how%20to%20make%20an%20icon%20from%20an%20image%20in%20gimp/ScreenShot012.png
 
Step Three
 
Go to "Select>Invert" (Or press Ctrl+I). Now everything but the camera should be selected. Press delete. Now you should only see the camera surrounded by black and grey squares.
http://i106.photobucket.com/albums/m255/1asdfgh/tutorials/how%20to%20make%20an%20icon%20from%20an%20image%20in%20gimp/ScreenShot013.png
 
Step Four
 
Select None by going to "Select>None" (or press Ctrl+Shift+A). Now go to "Image>Canvas Size..." and a pop-up should come up. Next to the "width and height" boxes, click on the paper-clip and make it break. Then change the width and height to a size that shows the camera well. Make sure that the final width and height are the same number.
http://i106.photobucket.com/albums/m255/1asdfgh/tutorials/how%20to%20make%20an%20icon%20from%20an%20image%20in%20gimp/ScreenShot014.png
P.S. don't forget to change the x and y offset as needed.
 
Step Five
 
Right-click on the layer now, and select "Layer to Image Size." The layer boundary (the black and yellow line) should now be the same as the canvas.
 
Step Six
 
Now you MAY change the colour of the camera to get a better effect. To do this, go to "Color>Colorize..." and mess with the settings until the camera looks good.
http://i106.photobucket.com/albums/m255/1asdfgh/tutorials/how%20to%20make%20an%20icon%20from%20an%20image%20in%20gimp/ScreenShot018.png
(These are the settings that I used)
 
Making It into an Icon
 
Step One
 
Whenever you make an icon, if you have it bigger then 256x256, you will have five final layers. What you must first do is copy the first layer.Then select the Scale Tool (or press Shift+T), and shrink the image to 256x256.
http://i106.photobucket.com/albums/m255/1asdfgh/tutorials/how%20to%20make%20an%20icon%20from%20an%20image%20in%20gimp/ScreenShot019.png
 
Step Two
 
Now go to "Image>Fit Canvas to Layers".The canvas should now match with the layer boundary.  
 
Step Three
 
Paste the copied layer and then go to "Layer>New Layer..." (or press Shift+Ctrl+N). Then select the Scale Tool again (or press Shift+T). Shrink the pasted layer to 128x128.
Repeat this step three more times, shrinking the image then to 48x48, 32x32, and 16x16.
 
Step Four
 
Now look through the layers (you should have five), and see if any of them look blurry. If they do, select the layer and go to "Filters>Enhance>Sharpen..." and sharpen as necessary.
http://i106.photobucket.com/albums/m255/1asdfgh/tutorials/how%20to%20make%20an%20icon%20from%20an%20image%20in%20gimp/ScreenShot020.png
 
Step Five
 
Now go to "File>Save As..." (Or press Ctrl+Shift+S) and save it in your desired folder as camera. Don't forget to set the extension as .ico
A pop-up should come up asking whether or not to compress the 256x256 layer. Check the box and click Save. (Compressed PNGs are supported by Vista's, because Vista has a zoom feature. But since XP doesn't have this feauter, compressing it makes the larger icons work in Vista, and the other icons work in XP.)
http://i106.photobucket.com/albums/m255/1asdfgh/tutorials/how%20to%20make%20an%20icon%20from%20an%20image%20in%20gimp/ScreenShot022.png
 
AND YOU'RE DONE!http://www.crystalxp.net/forum/icones/smilies/yes.gif
 
Now you have a very real camera icon!
http://i106.photobucket.com/albums/m255/1asdfgh/tutorials/how%20to%20make%20an%20icon%20from%20an%20image%20in%20gimp/ScreenShot008.png


Message edited by scartissue on 02-15-2009 at 08:02:31 PM
answer
mood
GoogleAds
profil
Posted on 02-15-2009 at 12:25:30 AM  
 

answer
n°4344
Beerk
Profil: New Penguin
Avatar
profil
Posted on 09-15-2009 at 01:38:52 PM  
 

You're a good description. :great:  I'm doing this :yes:

answer
n°4352
ants114
Profil: New Penguin
Avatar
profil
Posted on 09-18-2009 at 04:04:12 AM  
 

Very nice. Will be giving it a go soon. Cheers for the share

answer
n°4475
diamantsoft
Profil: Penguin
Avatar
profil
Posted on 03-13-2010 at 10:40:31 AM  
 

:great: ^^ great


---------------
http://img716.imageshack.us/img716/6691/dslogowllpprcopie1600x1.jpg
 
answer

Go to:
Add a reply