Плагин 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. Дмитрий Давыдов

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

    2. Дмитрий Давыдов

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

    3. Дмитрий Давыдов

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

    4. Дмитрий Давыдов

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

    5. Дмитрий Давыдов

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

  2. Дмитрий Давыдов

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

    1. Дмитрий Давыдов

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

    2. Дмитрий Давыдов

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

    3. Дмитрий Давыдов

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

  3. Дмитрий Давыдов

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

    1. Дмитрий Давыдов

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

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

 

© 2014 — 2020, Smartlanding.biz. Все права защищены. Любое использование материалов допускается только с указанием активной ссылки на источник. Политика конфиденциальности