Home » How to Create Icons

How to Create Icons

Creating icons could be a fun, free way to customize your laptop or mobile device. to make professional-looking icons, follow these directions. For facilitate with size and changing pictures to icon format, see the guidelines section below.

1. Open the required image during a icon applications programme. This tutorial can use Photoshop to demonstrate the method, however you will need to use an inexpensive or free different (such as Pixlr or GIMP) that’s based mostly off of Photoshop and has nearly identical written material tools.
The easiest pictures to figure with have a high degree of distinction between the foreground colours (i.e. {the colours|the colours} you would like to save) and therefore the background colors (i.e. those you would like to delete). this is often as a result of trendy ikon editors have tools that may mechanically choose swaths of color inside a precise vary, creating it straightforward for you to click and delete massive parts of the background rather than manually dragging to pick round the edges of the foreground.

2. Crop the image.
Select the cropping tool and specify the required dimension and height of the ensuing image in pixels. This tutorial uses 256x256px, that could be a higher resolution icon size unremarkably utilized in Windows prospect and seven. See Tips for a lot of size data.

Select the required space.

Press Enter to crop. If the image suddenly seems terribly tiny, zoom in.

3. Use the Magic Wand tool to erase massive areas of the background.
Click the Magic Wand tool. this is often accustomed choose colours that square measure similar and is extremely helpful for choosing massive areas of a picture, particularly once there’s lots of distinction.

Check Contiguous to pick solely pixels that square measure touching. you’ll be able to conjointly build the tolerance higher (to choose a wider array of pixels) or lower (to be a lot of picky).

Click a constituent inside a good swath of unwanted color. close pixels of an equivalent / an analogous color can mechanically be chosen moreover.

Hit Delete to delete those pixels. Repeat as necessary.

If you get a solid background rather than a gameboard background (which indicates that the background is transparent), your “Background” layer is possibly barred (note the padlock image to the correct of the layer name). to mend this, undo the deletion, double-click the layer name within the Layers palette, rename it (to unlock it), so re-delete the chosen space. the world ought to currently be clear.

4. Use the Lasso tool to delete the remainder of the background.
Click the Lasso tool.

Click and drag around remaining areas within the image that require to be deleted. make sure to shut the loop to finish the choice.

Hit Delete.

Continue choosing and deleting areas till solely the required portion of the image remains.

5. Add a background color if desired.
Select the whole (invisible) background exploitation the Magic Wand tool.

Click the comb tool.

Click the foreground color of the colour palette.

Drag the vertical color slider up or right down to attend totally different components of the colour spectrum and click on on a coloured space to pick that color. Hit OK once happy.

Enlarge the comb diameter. The larger the diameter, the better the background are to paint in. betting on the program, you’ll be able to either hit the [ and ] keys to create it smaller or larger, severally, or just regulate the comb choices manually by dynamic the comb choices below the toolbar.

Click and drag your brush over the whole image. Since solely the invisible background was chosen, the comb cannot paint any space outside of it (i.e. over your required image).

6. If effort the background clear, add a shadow (optional).
Go to Layer > Layer vogue > Drop Shadow (or the equivalent, betting on your program).

Change the angle to around a hundred thirty degrees, that is customary for several icons. you’ll be able to conjointly regulate the space, spread, or size of the shadow if desired, however avoid creating too significant a shadow or the icon can look out-of-place.

7. Save the image. Go to File > Save As and select the desired file format. See Tips for more details.

8. Add the icon to your icon folder. The placement can depend upon your OS.

Share and Enjoy

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

2011 ©