New answers tagged icon
if you try to open your icon and save it as jpeg you might get a reduction of quality because of the jpeg compression. Assuming the original format is GIF, if you open and save it again as GIF there should not be any loss of quality, unless you reduce the amount of colors (when saving) that were in the original file. Inside Photoshop there should be no ...
I am a great fan of Icomoon. Loads and loads of free icons. You can upload your own svg-images (made in, for example illustrator) and then have a complete set scalable, easily accessible icons: http://icomoon.io/
I couldn't open the ico file but save it with just photoshop without requiring any plugin. The method is like this: First Make sure Image > Mode > RGB Color is selected. Now save it File > Save as And Make sure of the format PNG(*.png) is selected. And just type yourfilename.ico And save. Done.
When vectorizing things, It usually helps me to break it down into the simplest elements and determine what styles or effects I can apply to replicate. For this, I'd start with the rounded rectangle. It's immediately obvious that it has a gradient applied to it, so I'll open up the source image in Photoshop and grab values from opposite ends of the gradient ...
I am not sure if/how browsers scale large icons, but The W3C suggests the following1: The format for the image you have chosen must be 16x16 pixels or 32x32 pixels, using either 8-bit or 24-bit colors. The format of the image must be one of PNG (a W3C standard), GIF, or ICO. 1 w3c.org: How to Add a Favicon to your Site (Draft in development).
Ok as mentioned ideally you would be doing this in Illustrator. But, as that is not the case here is what I would consider quite a simple way of achieving the result you want. First select the Ellipse Tool within the Shape Tool menu Ctrl + U make sure you have the right shape selected as there are several options. -Hold shift while using the Ellipse too ...
Create a selection from the original icon and apply it as a mask to a filled layer.
Iconsfind.com is good, easy to browse, find and download. Seanau.com is professional commerical icons provider.
Expanding on Scott's comment a bit... Here's why vector design applications like Adobe Illustrator (also, Corel Draw, Inkscape) are much much better suited for icon / pictogram design than raster / pixel design applications like Photoshop: Simple icons like these tend to be based on simple geometric shapes, lines and curves: You don't get any benefit ...
Top 50 recent answers are included