我的 Photoshop 图像中的文本看起来“模糊”

平面设计 adobe-photoshop 网站设计 cs5
2022-01-18 18:34:04

我正在 Photoshop CS5 中创建一个网站标题,但是当我查看它时,文本看起来非常模糊,我不知道为什么。

我使用网络预设。你推荐什么以获得最清晰和最好的结果?

这是当前的模型:

标题

4个回答

默认情况下,Photoshop 会对文本图层应用一些抗锯齿。亚历克斯在另一个问题中提供了一个很好的比较

比较

Character工具栏和窗口中提供了抗锯齿选项:

抗锯齿选项


注意:如果您打算在最终产品中将文本图层用作常规 (HTML) 文本,则浏览器很可能会以不同于 Photoshop 的方式呈现文本。有关这方面的更多信息,您可以在提到的相同“Photoshop 中的字体(抗)锯齿”问题中找到。

确保标签的heightandwidth属性(或 CSS)img与图像的实际大小相匹配。否则,它将被 Web 浏览器重新缩放,并且许多 Web 浏览器以丑陋的方式这样做。即使做得相对较好的人也可能会使图像有些模糊。

如果要确保它看起来正确,请保持像素 1:1。

我不会将文本显示为图像,因为这会导致可访问性和搜索引擎问题。

但是,如果您确实想将文本显示为图像,由于 jpeg 压缩,png 或 gif 图像比 jpg 图像提供更好的结果。即使您不压缩图像,Opera mobile 之类的浏览器或互联网“加速器”也可以。

我会将文本制作为透明的 PNG 文件以获得更好的分辨率。另一种选择是对样式和 SEO 都使用sIFRsIFR 基本上是将字体嵌入为 Flash,但它是 100% 搜索引擎友好的。请参阅例如3d-photomontage.com上的一些示例