Mobile app version of vmapp.org
Login or Join
Mendez620

: Losing Details when reducing to smaller image I am designing icons and elements from an android game using Photoshop CS4. If I am designing a character (512x512) and reduce its size to fit

@Mendez620

Posted in: #AdobePhotoshop #ImageQuality #Resize

I am designing icons and elements from an android game using Photoshop CS4. If I am designing a character (512x512) and reduce its size to fit the game screen, lots of details, shades and effects are not visible clearly. How to over come this and create smaller icon with clear and clear details ?
Any suggestion, ideas will be appreciated.

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Mendez620

3 Comments

Sorted by latest first Latest Oldest Best

 

@Eichhorn212

Essentially, you have to draw or re-draw your small icon. Ideally you work from a vector based version that you scale down and then tweak the details on pixel-level, but scaling down a rastered version will work, too. Your scaling results will be better, if you scale exactly 50%, 25%, 12.5%, etc, because photoshop has to blur less between pixels. Additionally, you can try applying sharpening filters after the resize to emulate more of the original pixel sharpness.

10% popularity Vote Up Vote Down


 

@Turnbaugh909

Converting to a smart object won't change the quality when the image is reduced, it will only allow you to resize the image afterwards back to normal without loss of quality.

Convert to smart object anyway, as it's good practice.

Go to Settings -> General

Change 'Image Interpolation' to 'Bicubic sharper' see if that helps maintain some detail.

10% popularity Vote Up Vote Down


 

@Hamm6457569

I would convert your layers to one smart object so you can resize it without quality loss. Plus "Unsharp Mask" filter for the smart object.

UPDATE:
You must do all modifications (resize, sharp, effects etc.) before you export the end image. The photoshop smart object can be resized without quality loss. So after you are ready with layout of the icon - just select all layers (with folders if you have some) and add it all to the smart object. After that resize only that object and export it as png of something else

Look at this test picture: a normal layer with "drop shadow" and "stroke" effects and the same layer but converted to the smart object.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme