: Rounded rectangle with non-square pixel aspect ratio I am making UI graphics for a screen with non-square pixels. To be exact, the horizontal distance between pixel centers is larger than the

Posted in: #AdobePhotoshop #Pixel #Resolution

I am making UI graphics for a screen with non-square pixels. To be exact, the horizontal distance between pixel centers is larger than the vertical distance.

If I draw a circle in Photoshop and export to a bitmap, it ends up a bit oval on the device screen.

I can fix this by setting the Pixel Aspect Ratio in Photoshop to match the screen. Shift-dragging a circle or square then does the right thing. It looks circular in Photoshop, the exported PNG looks oval on a PC, but then on the device screen it looks circular again.

But, rounded rectangles seem to ignore the aspect ratio. The rounding is skewed. Here is a screenshot with an extreme pixel aspect ratio of 2:1.

10.01% popularity Vote Up Vote Down

: Is there a way to select layers via relative reference (eg. "Next Layer" instead of "Layer X")? While scheming actions, sometimes i find myself in a situation where i work with multiple layer

@LarsenBagley460

Posted in: #Actions #AdobePhotoshop #PhotoshopScripting

1 Comments

: SVG fonts in Inkscape I know how to turn a path into a SVG font character in Inkscape. There are tons of tutorials online showing how to do it. However, I do not know how to edit a SVG

@LarsenBagley460

Posted in: #Fonts #Inkscape

0 Comments

: Throwing out redundant bitmap information when saving as PDF I am designing something in Illustrator and I use a part of a bitmap (JPG) image. I only need it to cover a specific shape so

@LarsenBagley460

Posted in: #AdobeIllustrator #Bitmap #Images #Pdf

3 Comments

: Illustrator: Opacity Mask Makes Image Grayscale I have text that I am trying to turn into a opacity mask, but when I do the image that I am masking turns into grayscale. Any ideas why?

@LarsenBagley460

Posted in: #AdobeIllustrator #Mask #Opacity

1 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Hamaas979

This appears to be a bug in Photoshop. It might be worth reporting to Adobe as I can't think of any reason that the current behaviour would be desirable.

I've come up with two potential workarounds:

Create the round cornered rectangle at twice the width that you want it (for 1:2 pixel ratio), rasterise it and then reduce its width by 50%. This is
a bit messy and the ratio will need to be worked out for your real
world case.
Create the round cornered rectangle in Illustrator (or similar) and then copy and paste it into Photoshop - this works fine for some reason.

Bizarrely, copying a shape from a Photoshop document with square pixels into a document with Pixel Aspect Ratio Correction also distorts the corner radii, which adds weight to the theory that this is a bug.

10% popularity Vote Up Vote Down

Feed

: Rounded rectangle with non-square pixel aspect ratio I am making UI graphics for a screen with non-square pixels. To be exact, the horizontal distance between pixel centers is larger than the

More posts by @LarsenBagley460

: Is there a way to select layers via relative reference (eg. "Next Layer" instead of "Layer X")? While scheming actions, sometimes i find myself in a situation where i work with multiple layer

: SVG fonts in Inkscape I know how to turn a path into a SVG font character in Inkscape. There are tons of tutorials online showing how to do it. However, I do not know how to edit a SVG

: Throwing out redundant bitmap information when saving as PDF I am designing something in Illustrator and I use a part of a bitmap (JPG) image. I only need it to cover a specific shape so

: Illustrator: Opacity Mask Makes Image Grayscale I have text that I am trying to turn into a opacity mask, but when I do the image that I am masking turns into grayscale. Any ideas why?

Login to post a comment!

1 Comments

Back to top | Use Dark Theme