Плагин Font Awesome для Photoshop

Font awesome для photoshopПривет, друзья. Все мы время от времени пользуемся шрифтовыми иконками Font Awesome при создании landing apge.

Это удобно, ускоряет разработку, к тому же это красиво смотрится и масштабируется. Но добавлять их в макет, не очень удобно, поэтому, умельцы подготовили отличный плагин FontAwesomePS. О нем и поговорим сегодня.

Интерфейс плагина

как подключить font awesome к фотошопу

Как видите, в интерфейсе нет ничего необычного. Панелька, аналогичная слоям или другим инструментам, где мы можем выбрать иконку и, кликнув по ней, добавить ее как смарт объект на холст. Так как иконка добавляется как смарт объект, то мы можем уменьшать и увеличивать ее без потерь качества, что очень удобно.

Кроме того, на панели плагина присутствует поле поиска и возможность добавить иконку в избранное,  что ускоряет как поиск нужного изображения, так и работу в целом.

Если идея подключить плагин с иконками от Font Awesome для Photoshop вас заинтересовала, то давайте перейдем к скачиванию и установке.

Как установить

Для начала давайте скачаем архив с о сайта разработчиков Creativedo.co.

Скачивание плагина

В архиве есть версия для MAC, Windows и инструкция по установке. На самом деле есть несколько способов, но давайте воспользуемся тем, который описан в архиве. Так как версия плагина в формате ZXP, то нам понадобится инструмент для установки. Как и написано в инструкции, давайте скачаем установщик ZXPinstaller

ZXP представляет собой пакет с расширением для программ Adobe, например для Фотошоп, Illustrator, Premiere Pro или Dreamweaver.

Установка font awesome ps

После установки запустите программу и просто перетяните файл плагина в рабочую область. FontAwesomePS автоматически установится и будет доступен в расширениях Photoshop.

Если процесс установки прошел нормально, то вы увидите такое сообщение:

FontAwesomePS

Теперь запустите Photoshop, перейдите в меню "Окно" - "Расширения" и поставьте галочку, напротив FontAwesomePS

Включение плагина

В панель инструментов (справа) выведется иконка плагина, открыв которую вы увидите набор иконок, как и было показано на первом скриншоте.

Интерфейс плагина

Вот такой полезный инструмент, для дизайнеров landing page и любых других сайтов и интерфейсов. А какими плагинами для Фотошоп пользуетесь вы? Напишите, пожалуйста, в комментариях, что вам помогает ускорить процесс разработки макета?

12 комментариев

  1. Александр

    Перетащил файл в программу..пишет - ошибка

    1. dimadv7

      Александр, видимо версия не подходит. Статья давно написана

    2. Александр

      dimadv7, версия чего?

    3. dimadv7

      Александр, фотошопа

    4. dimadv7

      Александр, zxpinstaller сообщил, что все в порядке и нормально установлено?

    5. Александр

      Да, программа установилась нормально. Фотошоп 2019 СС. От Windows может зависеть, например 10 версия нужна?

  2. Александр

    Устанавливал через Adobe Extension Manager, ругается что файл испорчен

    1. dimadv7

      Попробуйте сделать по инструкции в статье.

    2. Александр

      dimadv7, так и делал, выдает ошибку!

    3. dimadv7

      Александр, тогда попробуйте написать создателям плагина.

  3. Анон

    тут описан способ без лишних программ
    __https://www.ostraining.com/blog/webdesign/fontawesome-psd/

    1. Анон

      Анон, поправочка, нужно в читшите скопировать именно иконку и вставить в текстовое поле затем выбрать установленный шрифт просто напечатать название уже не катит по ходу

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