如何使我的 Photoshop 文本看起来像在网络上一样?

平面设计 adobe-photoshop 网站设计 文本 抗锯齿
2022-01-02 07:38:02

我真的必须在 Photoshop 中设计所有东西,并将抗锯齿设置为“无”吗?我确信有更好的方法。

我想要一个设置,以便在 Photoshop 中选择基本的网络安全(例如 Tahoma)时,我可以看到它在网络上的实际外观。

例如:在 Photoshop 中将抗锯齿设置为“清晰”的 Tahoma 与在 Firefox 中呈现的方式之间的区别是主要的。它在 Photoshop 中看起来又漂亮又流畅,在网络上看起来像垃圾。

当计划在网络上直播内容时,是否有一个最好的抗锯齿选择(具有最相似的结果)?

4个回答

大多数操作系统和浏览器都使用抗锯齿或亚像素抗锯齿进行渲染。子像素抗锯齿在桌面平台上很常见,例如 Windows(使用 ClearType)和 OS X。标准单色抗锯齿在移动平台上很常见,其中设备的子像素顺序可能会随设备方向而变化,而子像素渲染则不会。 t 至关重要,因为它们通常具有更高像素密度的显示器。

别名文本呈现在 Windows XP 上很常见,其中默认禁用 ClearType。Windows Vista 和更新版本默认启用 ClearType。


在 Photoshop、Windows、OS X、iOS、Android、WebKit、Firefox(Gecko)中的渲染通常都是不同的。因此,您绝对不可能在 Photoshop 中构建一些东西并且知道文本渲染将是相同的,除非您截取屏幕截图并将其作为位图图层添加到您的文档中。

不。新的思路是避免使用 Photoshop 进行布局和排版设计,并尽早在浏览器中启动。

通过将实际 URL 传递给客户而不是 Photoshop 组件,您可以避免当最终产品在他们选择的浏览器中呈现与 Photoshop 组件略有不同时,客户的期望会落空。

最终,我们有责任教育客户并让他们意识到浏览器和操作系统之间不可避免的印刷差异。

在 Photoshop CC 中,我们为您的字体添加了新的锯齿模式。尝试新的“Mac LCD”,而不是“清脆”或“强大”。您将获得 100% 的网络安全设计。

简短的回答:你不能。

Photoshop 不仅不适合了解您的字体在其外部的渲染方式,而且通常不适合使用字体。(当我在一家设计公司/印刷店工作时,出于同样的原因,所有用 PS 设计的东西都必须导出为 PDF)。然后是网络问题,它是浏览器和运行这些浏览器的操作系统。到目前为止,据我所知,OS X 在适当地渲染字体方面是最好的,而 Linux 排在第二位,Windows 排在最后。现实情况是,它们都使用不同的算法来渲染字体,而且你不会在任何地方得到相同的结果。如果有解决方案,那就是我们都切换到 Linux、Mac,或者等到微软下次在 Windows Metro 上取得成功(对不起,我讨厌称之​​为 Windows 8)或者完全搞砸了,

只是我的2美分,

修补