0

I have a fairly simple image:

enter image description here

I'd like to change it to be wider at the ends like below, while still keeping the nice rounded shape:

enter image description here

The shape has solid gray colour, but its border is kindof transparent giving it a nice smooth finish, which I need to keep (as exact as it possible):

enter image description here

I think modifying this shape would distort the border, so I might have to redraw it, which seem an easy task with rounded rectangle. I just don't have an idea about the border, please give me some hints on that.

Reacting to comments (thank you!):

This is the original one's anti-aliasing:

enter image description here

I draw a rounded rectangle the way I want and anti-aliasing seems existing only on the rounded parts, and not on top and bottom straight lines:

enter image description here

Thanks!

1
  • 1
    Hi. Welcome to GDSE. If you rescale/resize/resample/stretch/distort a raster image, the image quality will degrade. In Photoshop, it's probably better to use a vector shape if you think you might want to alter it later. BTW, the semi-transparent border you are referring to is called "anti-aliasing". To be honest, I would advise you not to use Photoshop for work like this. Use a vector image editor instead. – Billy Kerr Apr 11 at 10:31
1

That "border" is merely anti-aliasing.

Draw a vector shape.. export or save it to a raster format, the anti-aliasing will be introduced.

You could also use the Shape Tools to draw a raster/pixel shape and the anti-aliasing will be introduced the moment you let go of the mouse.

3
  • I drew a shape (with shape tools), exported to PNG, but AA is not visible on the straight top and bottom edges. (See my update pls) – Daniel Apr 12 at 5:28
  • @Daniel thats just because your snapping to the pixel grid if your shape is nudged 0.5 px up or right the situation is different – joojaa Apr 12 at 6:42
  • 1
    @Daniel, AA isn't normally needed on vertical and horizontal lines. They don't have that problem of looking jagged as they follow the pixel grid perfectly. If you blur those lines the whole shape will look slightly out of focus and if you don't they have a slightly different look than the curves. One of the dilemmas of pixel rendering. – Wolff Apr 12 at 15:05

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.