Making an Icon in MS Paint 2

All Other Tutorials


Click on thumbnailed images to enlarge

Let's make a bee-uh-uuu-tee-ful icon with MSPaint! I'm going to start off with this lovely resized picture of a butterfly:
User posted image

Open up MSPaint and resize your canvas to 100x100. Now make a black border (or whatever color you want) around the outside of your canvas, like this:
User posted image

Put your picture (in this case of the butterfly) into another Paint, then copy and paste your border into the Paint with your picture. Decide what you want the focus point of your icon to be, and put the border around that. You may have to move the border around a bit.
User posted image

Select just the border and the picture inside, then move that to a new Paint.
User posted image

You could stop here, but it'd be a pretty boring icon, right? So let's add some more stuff. First off, I'm going to add some text. You can use a font, or just freehand draw it, which is what I did. This is for my sister, so I'll write "Gwyn" in white text.
User posted image

The text itself seems plain to me, so I'll also add a border around the text.
User posted image

Now I'm going to add a scribble heart in the corner.
User posted image

For both the text outline and the heart, I used the color dropper to choose colors from the image I was using. Now I'll use the same technique and add some borders around the whole icon. I also ended up re-writing the text over the borders, and coloring it black.
User posted image
This is my final product! I hope that this tutorial can help you make your own icons in MSPaint, or any other program. =D

Tutorial Comments

Showing latest 1 of 1 comments

this is really cool but how do you put a border on the writing? and if you use a text box how do you make it no white for the background?

By brschm10 on Jun 29, 2007 1:25 pm

Tutorial Details

Author beatrice View profile
Submitted on May 25, 2006
Page views 25,108
Favorites 25
Comments 1