How To Create An Icon On Windows 7
We've featured a lot of nicely designed icons for Windows, but accept y'all e'er wondered how to create your ain? Load upwardly a spider web browser and GIMP (or your favorite photo editor), and we'll bear witness you how to turn whatsoever prototype into an ICO file.
Beingness able to use loftier-res icons actually goes a long way to making your PC await fantastic, just information technology'south simply so annoying when you tin can't find one that looks the style you desire it to. So make them yourself, and really give Windows the custom wait you've been craving.
Grabbing Graphics for Custom Icons
Your new icons tin can be whatsoever you desire, or whatever you tin Google. You can blueprint your own, if you're artistically inclined, but for the sake of sit-in, we'll simply grab something simple from Google Images. If at that place are multiple versions of the graphic you're looking for, grab the best looking one at the highest resolution, which should be above 256 ten 256 pixels. Higher is fine, just smaller could give yous a depression-resolution icon!
Preparing the Prototype
The adjacent step is to remove the parts of the prototype you lot don't want in your icon. Nosotros'll use GIMP, the popular free and open-source image editor, for this but yous tin can employ some other prototype editor if y'all adopt it. The principles will be the aforementioned.
Fortunately, our example image has clean, well-defined blackness lines around the subject and a plain background. That makes the fuzzy select tool (Magic Wand in Photoshop) the platonic tool for the job. For images with more complex backgrounds, y'all'll need to use more complex methods.
Beginning, we demand to make certain our prototype has an alpha channel. Alpha channels let images to have transparency. In the case of our icon, it'll ensure nosotros don't take an unsightly pure white groundwork.
Open your image in GIMP, then go to the correct-paw side and expect for the layers menu. There will probably only exist i layer, unless you've downloaded something like a PSD file. Right-click the layer, and then click "Add Alpha Channel." If the option is greyed out, y'all're in luck — the prototype y'all downloaded already has an alpha aqueduct.
RELATED: What's the Divergence Betwixt JPG, PNG, and GIF?
Then we need to tweak some settings for the fuzzy option tool. Activate the fussy selection tool past clicking the icon near the peak left, then tick the box that says "Show Mask."
The mask isn't strictly necessary, only it is helpful. Information technology highlights the region being selected in bright pinkish while left-clicking, making information technology much easier to come across. Once you lot release left-click, the pinkish mask volition disappear but your region volition notwithstanding be selected. Hit the Delete cardinal to remove the selected region.
In this case, clicking on the white background once isn't enough, since the blackness lines outlining Mario see the edge of the epitome. Y'all have iii options:
- Delete the white background piece by piece until information technology is all gone.
- Shift+Left-Click each region formed past the blackness outline of Mario (or his plane) meeting the edge of the image, and so delete them all at in one case.
- Adjust the tolerance of the fuzzy selection wand to select all of the regions in 1 click, and then delete them simultaneously.
Tip: The third method is actually convenient for this instance. If you have the fuzzy option tool active, left-clicking one time volition select a region. If you hold left-click and elevate right or downwardly, it increases the tolerance, and dragging left or upwardly decreases the tolerance. Concur left-click in the first region you desire to delete, and then drag your cursor right until all of the white regions are selected. Don't drag your cursor into the character or his plane — then they'll as well exist selected.
One time yous've selected and deleted all of the white background, you should run across the pilot and his plane on a grey checkered background.
Click File > Export As and export the prototype every bit a PNG. Keep the default salvage settings and name the prototype whatever you lot like.
Making an Icon
Once nosotros have our epitome cleaned up, we need to go far the correct size. Icons come in diverse sizes, but they're always square. Common sizes for Windows icons are 256×256, 48×48, 32×32, 24×24, and xvi×xvi, but there are enough of others. Icon files, ICOs, often shop multiple versions of the same icon at different resolutions. That way the icon can accommodate beingness used at unlike sizes.
RELATED: Everything You Know About Paradigm Resolution Is Probably Incorrect
First, resize the image by hitting Shift + due south or by navigating to Tools > Transform Tools > Calibration. The box that pops up shows you the width and meridian of the image you're working with — change the larger of the two quantities to 256, and so click Scale. The other quantity should change correspondingly. If the prototype isn't perfectly foursquare, don't worry near it.
Nosotros at present accept to resize the sheet so it is 256×256. Go to Image > Canvas Size, ready the sheet size to 256×256, and and so click resize.
If your starting image wasn't exactly 256×256, it won't be properly centered on either the length or width axis. The easiest way to fix this is simply to eyeball it with the movement tool.
You tin can add together guidelines to assist you get it exactly centered if yous'd like to be more precise. Go to Image > Guides > New Guide (By Percent), and identify a guide at fifty%. If your paradigm is not centered vertically, use a horizontal guide; if information technology is not centered horizontally, use a vertical guide.
The guide appears as a blue line through the centre of the canvass — when you click the image with the movement tool, a tiny white cantankerous appears in the middle of the image. Click and drag the image with the move tool until the cross is equally shut to the bluish line as possible.
Once that is done, you need to create the other sizes. Right-click the original layer and click "Duplicate Layer", or left-click the layer and hit Ctrl+d. At that place are four duplicates in this example. Double-click each layer and rename it something descriptive, like 256×256, 48×48, 24×24, etc. So select each layer and calibration information technology to the right size using the transform tools, simply like y'all did before.
Creating additional guides for each icon size makes positioning the layers a cakewalk. For whatsoever given icon size you'll want to place guides at half of the total width and height to locate the center point. Once once more navigate to Image > Guides, simply this time select "New Guide" instead of "Guides past Percent." For example, if you lot have a 48×48 size, place both the horizontal and vertical guides at 24. So utilize the move tool to move each icon into identify.
Annotation: If you don't care what your working file looks like, you don't really need to organize the layers in a specific fashion like this. The important thing is that each layer is scaled correctly.
Click File > Salvage, and save the entire project as an XCF. If in that location is a trouble, or you desire to change something later, having the working file around is invaluable.
Later on that, y'all need to go to File > Export As, click "Select File Type", and search for ".ico" in the file extensions list. Name your icon, then click "Consign." Go alee and keep the default settings in the popup, and so click "Export" once more.
Creating the icon was the difficult function — all that is left is to use your custom icon. If you want to create a completely new icon, you tin can also exercise that in GIMP. Alternatively, you could utilise a plan similar Inkscape.
RELATED: What Is Open Source Software, and Why Does It Matter?
Source: https://www.howtogeek.com/65291/how-to-make-your-own-custom-windows-7-icons-out-of-any-image/
Posted by: dicarlothendre.blogspot.com
0 Response to "How To Create An Icon On Windows 7"
Post a Comment