如何将Photoshop文本转换为SVG [Quicktip]

时间:2024-03-14 22:44:49

处理高清屏幕的最佳方法之一是尽可能使用矢量图形

跳过此过程可能会使网站模糊或像素化,从而给访问者留下不太好的印象。

随着高清屏幕出现 ,网络设计师现在必须确保他们使用的图像针对高清进行了优化

例如,如果您的设计中有基于文本的徽标,则可能会发现此提示非常有用。

在本文中,我们想分享有关如何将Photoshop Text转换为SVG的快速提示。

矢量图形可以任意缩放,因此在高清屏幕上看起来很棒。

Photoshop舞台

在此示例中,我们将使用一个简单的基于文本的徽标,该徽标是使用Pacifico字体系列创建的(屏幕截图)。

如何将Photoshop文本转换为SVG [Quicktip]

在Photoshop的“ 图层”选项卡上,右键单击文本图层,然后选择“ 转换为形状 (屏幕截图)”。

如何将Photoshop文本转换为SVG [Quicktip]

然后,将文件保存为Photoshop EPS格式。

如何将Photoshop文本转换为SVG [Quicktip]

插画家舞台

您应该看到文本现在是矢量对象。

Adobe Illustrator中打开EPS文件。

如何将Photoshop文本转换为SVG [Quicktip]

要在Illustrator中调整文档大小,只需转到“ 文件”>“文档设置”,然后选择“ 编辑画板”

在此阶段,您可以进行一些调整,例如删除不必要的图层,更改背景颜色或调整大小。

您可以使用鼠标来调整画板的大小,或者通过填写Width(W)Height(H)来更准确地指定大小。

如何将Photoshop文本转换为SVG [Quicktip]

就是这样。

接下来, 将文件保存为SVG格式 ,这是默认选项。

如何将Photoshop文本转换为SVG [Quicktip]

结论

将文本转换为SVG将有助于最小化或消除与兼容性有关的问题。

使用不同版本的Adobe Illustrator或Photoshop也可能会发生这种情况。

将字体转换为Shape的行为是为了确保跨多台计算机的兼容性 –远程工作时,安装在不同系统上的不同字体可能会导致“字体丢失”错误。


翻译自: https://www.hongkiat.com/blog/psd-text-svg/