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

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

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

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Этап фотошоп

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

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

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

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

Вывод

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

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *