Как конвертировать текст Photoshop в SVG [Quicktip]

С появлением экранов высокой четкости веб-дизайнеры теперь должны убедиться, что используемые ими изображения оптимизированы для HD. Пропуск этого процесса может сделать сайты размытыми или неровными, оставляя не очень хорошее впечатление на посетителей. Один из лучших способов справиться с экранами высокой четкости – это по возможности использовать векторную графику.

Векторная графика масштабируется в любом размере, поэтому она будет отлично смотреться на экране HD. В этом посте мы хотели бы поделиться кратким советом о том, как преобразовать текст Photoshop в SVG. Если у вас есть, например, текстовый логотип в вашем дизайне, вы, вероятно, найдете этот совет очень полезным.

Рекомендуемое чтение: Масштабируемая векторная графика

Этап фотошоп

В этом примере мы будем использовать простой текстовый логотип, созданный с использованием Пацифико семейство шрифтов (скриншот).
На вкладке «Слои» в Photoshop щелкните правой кнопкой мыши на текстовом слое и выберите «Преобразовать в форму» (снимок экрана).
Затем сохраните файл в формате Photoshop EPS.

Сцена иллюстратора

Откройте файл EPS в Adobe Illustrator. Вы должны увидеть, что текст теперь является векторным объектом.
На этом этапе вы можете сделать несколько настроек, таких как удаление ненужных слоев, изменение цветов фона или изменение размера. Чтобы изменить размер документа в Illustrator, просто выберите «Файл»> «Настройка документа» и выберите «Редактировать монтажные области».

Вы можете использовать мышь, чтобы изменить размер артборда, или указать более точный размер, заполнив ширину (W) и высоту (H).
Затем сохраните файл в формате SVG, который является вариантом по умолчанию. И это все.

Вывод

Процесс преобразования шрифта в Shape заключается в обеспечении совместимости на нескольких компьютерах – при удаленной работе разные шрифты, установленные в разных системах, могут вызвать ошибку «Отсутствие шрифта». Это также может произойти с различными версиями Adobe Illustrator или Photoshop. Превращение текста в SVG поможет минимизировать или устранить проблемы, связанные с совместимостью.