: How can I resize a round image in Photoshop? I am working with Adobe Photoshop CS4. I wanted to create a round button of size 20px x 20px. To be comfortable I have created a round button

@Vandalay110

A quick and dirty alternate answer. As this is by no means a trivial problem to solve. First off you may want to turn the grid on as follows:


Edit -> Preferences -> Guides, Grid and Slices...


set your grid size to 10 pixels and 2 subdivision

Then turn grid on with View -> Show -> Grid


This accomplishes 2 things. Fist it gives you a idea what the new grids are and you can now snap your sizes to grid. One of the reasons why your scaled image is loop sided is because it does not hit the pixels perfectly. Rather your pixels sit on the side causing it to be non-symmetric.

Now redraw the spheres to be centered on pixels and see if it gets better.



Images 1-3: Original image, scaled down but pixel snapped with thin line, scaled pixel snapped but with 1 pixel wide line. Sorry the sizes are a bit different size due to pixel snap.

Vote Up Vote Down

@Dunderdale640

If you circle and border is raster you will not able to get it looks good with downscaling. The best way is to draw a circle (shape) perfectly aligned to pixel grid and apply border as layer style. Sample:

Vote Up Vote Down