具有非正方形像素纵横比的圆角矩形

平面设计 adobe-photoshop 解析度 像素
2022-02-03 21:04:00

我正在为具有非方形像素的屏幕制作 UI 图形。确切地说,像素中心之间的水平距离大于垂直距离。

如果我在 Photoshop 中画了一个圆圈并导出为位图,它最终会在设备屏幕上显示为一个椭圆形。

我可以通过在 Photoshop 中设置像素纵横比以匹配屏幕来解决此问题。Shift 拖动一个圆圈或正方形然后做正确的事情。它在 Photoshop 中看起来是圆形的,导出的 PNG 在 PC 上看起来是椭圆形的,但在设备屏幕上它又看起来是圆形的。

但是,圆角矩形似乎忽略了纵横比。舍入是倾斜的。这是一个极端像素纵横比为 2:1 的屏幕截图。

1个回答

这似乎是 Photoshop 中的一个错误。可能值得向 Adob​​e 报告,因为我想不出任何理由表明当前的行为是可取的。

我想出了两个潜在的解决方法:

  1. 以您想要的两倍宽度创建圆角矩形(对于 1:2 像素比),将其栅格化,然后将其宽度减小 50%。这有点混乱,需要根据您的实际情况计算出该比率。
  2. 在 Illustrator(或类似软件)中创建圆角矩形,然后将其复制并粘贴到 Photoshop 中 - 由于某种原因,这可以正常工作。

奇怪的是,将具有方形像素的 Photoshop 文档中的形状复制到具有像素纵横比校正的文档中也会扭曲角半径,这增加了这是一个错误的理论的分量。