: Resizing a PNG with minimal distortion I am trying to resize this image: The image is 73x44 and I would like to resize it down to 53x32. First, I tried using Photoshop CS6 with different

@Barnes313

It usually is hard trying to adjust pixels that small. After creating a lot of eCommerce site designs I decided to create every credit card in an Illustrator template so that I could scale it for such a purpose and reuse it as I see fit.

If you are worried about quality re-creating the credit card would be your best option. There is two ways you can do this.


Entirely in Illustrator (the best choice).
Using Photoshop but with an .eps Visa logo (example below).


Photoshop Tutorial:


Create the desired finish size.
Download the Visa logo as an .eps. I prefer and found all the logos at Logoeps.com and I used this Visa Logo.
Create a layer and add the credit card above.
Lock layer with credit card.
Create a new layer.
Place guides for the correct scaling of the logo and resize the .eps logo.
Create a new layer and place that layer below the .eps logo.
With the rounded rectangle tool create the background.
Use the color picker tool and grab the top and bottom colors and add them to your swatch palette. Also use the color picker tool and grab the blue Visa color.
Go to blending options > gradient and add the top and bottom colors, make sure to use the Linear Gradient. That should create the gradient needed.
Go to stroke use the Visa color you previously selected and set it to 1 px for the size and change the position to inside.
Unlock the last layer with the image we used as a template.
Delete the image layer.


You should have nice Visa credit card.

Vote Up Vote Down