如何捕捉到插画家中的每个半像素(0,5)?

平面设计 adobe-illustrator 像素艺术
2022-01-14 09:35:05

我正在尝试优化矢量图形,使其与像素很好地对齐,但如果我尝试对齐像素网格,我的质量会丢失太多,我仍然需要能够以 0.5px 的增量进行捕捉。

我怎样才能获得这种行为?… 不丢失像素视图功能。

2个回答

您可以首选项中设置一个网,使其每 .5pt 有一条网格线(与 AI 中的 px 相同)。然后在View Menu中打开Snap to Grid这将允许您捕捉到 0.5px 的增量。但是,这无关紧要。

虽然您可以将对象放置在 1/2 像素(或 Illustrator 中的 1/2pt)处,但在输出时,所有内容都会被调整(消除锯齿)为全像素。这可以通过视图菜单中打开像素预览来看到。

例如……一个 1/2 像素的正方形:

半像素

并使用像素预览:

预习

您可以看到半像素在输出时转换为全像素。Illustrator 不会以半像素输出图稿。

保存该半像素图像...在 Photoshop 中打开并放大 3200%...。

放大

所有半像素都将在输出时进行抗锯齿处理并以这种方式处理。您为构建 0.5 像素限制所做的任何努力都将被文件的任何输出所抵消,因为单个像素是最小的屏幕元素。

但你可能对自己说,“我只需要一些边缘来坐在半像素上。而不是半像素图像。”

好吧,边缘也会被抗锯齿到最近的像素......

边缘

(底部边缘位于半像素上。黑色边缘是半像素宽)。

和像素预览......

预习

哦,但是让我们在 Illustrator 首选项中关闭“Anti-Alias Artwork”,然后查看像素预览......

没有抗锯齿

答案实际上不是在 0.5 像素下工作,而是改变艺术品,使其在全像素下看起来正确。

在某些特定情况下,向量可能会稍微改变规则,但一般来说,没有 0.5px 的增量。(除非我们在视网膜设备上讨论 CSS px,但这是一个完全不同的话题)

像素是显示器上的最小单位。

在此处输入图像描述

在上图中,每组一红一绿一蓝光是一个像素。该设备告诉屏幕如何一次平衡这三种颜色的亮度(像素),以便您的眼睛感知给定的颜色。您的显示器不会考虑比这更小的单位。


有一些边界例外。例如矢量形状的边框与像素不完全对齐,因此会发生某种抗锯齿。但是,当信息到达您的显示器时,仍然没有真正进行任何半像素业务。此外,对于现代智能手机等超高清设备,CSS 中的 px 不再等于一个像素。仍然没有半个像素,但是在视网膜(超高清)设备上,为了对话,您可以将一个像素视为一个半像素,即像素比为 2:1。