Icon from photograph - Tutorial

Log-in or register.

Icon from photograph - Tutorial

Learn how to make an icon from a photograph in RealWorld Icon Editor. This video explains how to remove background from a picture and how to crop it before converting it to icon.

More tips about making background transparent.

Narration transcript

How to make an icon from a photograph.

Start by opening a photo, for example by dragging and dropping it on the application window.

Switch to Transformation tool and select a region of interest - a little dog in my case.
Right click and select "Crop to selection" in context menu.

Switch to Pencil tool and select a transparent color (the 4 gray squares).

Click on the image and zoom in with mouse wheel. You can move the image by dragging with the mouse wheel or by moving the scrollbars.

Draw with the pencil around the object of interest. You do not need to be extra accurate, we will fix the edges later, but do not leave any gaps. That is important! The line needs to be continuous, it is OK if it overlaps.

I do want the rear half of the dog on my icon, so watch me cutting that half off.

Switch to Flood fill tool. Then set the matching mode to 'Alpha'. Finally, click outside the outlined region on the image.

Switch to Brush tool and start repairing the edges. Again, accuracy is not that important if the resolution of your photograph is high enough. Icons are small and the imperfections will not be visible.

I intentionally picked a very furry animal to show you that a good icon can be obtained form almost any photo.

Click on Remove empty border and then OK.

Click on Create icon from image and then OK again.

Our icon is ready, as you can see, all the pictures look very good and there are no traces of grass or other background - just the good dog. Save it and you are done.

Thanks for watching.

Recent comments

- show all comments
user icon Anonymous on September 7th 2012

thanks :-D :-D :-D 8-)

user icon Anonymous on January 23rd 2013

that's so cool imma try it right now.....!!!! ;-)

user icon Erpulsa registered user on March 1st 2013

Thanxs

user icon emdog registered user on March 2nd 2013

Awrsome!!

user icon LoganDark registered user on March 9th 2013

Thanks so much!

user icon Anonymous on May 8th 2013

Woo wonderful i just did it!

user icon Anonymous on September 3rd 2013

thnx

user icon Anonymous on September 11th 2013

Thanks
:-o :-(

user icon Anonymous on October 3rd 2013

I can't find the create icon from image function.

user icon Mhackoy registered user on January 31st

Thanks. Got a new Icon.

user icon Anonymous
I wish there were...
Select background