Привет, друзья. Все мы время от времени пользуемся шрифтовыми иконками Font Awesome при создании landing apge.
Это удобно, ускоряет разработку, к тому же это красиво смотрится и масштабируется. Но добавлять их в макет, не очень удобно, поэтому, умельцы подготовили отличный плагин FontAwesomePS. О нем и поговорим сегодня.
Интерфейс плагина
Как видите, в интерфейсе нет ничего необычного. Панелька, аналогичная слоям или другим инструментам, где мы можем выбрать иконку и, кликнув по ней, добавить ее как смарт объект на холст. Так как иконка добавляется как смарт объект, то мы можем уменьшать и увеличивать ее без потерь качества, что очень удобно.
Кроме того, на панели плагина присутствует поле поиска и возможность добавить иконку в избранное, что ускоряет как поиск нужного изображения, так и работу в целом.
Если идея подключить плагин с иконками от Font Awesome для Photoshop вас заинтересовала, то давайте перейдем к скачиванию и установке.
Как установить
Для начала давайте скачаем архив с о сайта разработчиков Creativedo.co.
В архиве есть версия для MAC, Windows и инструкция по установке. На самом деле есть несколько способов, но давайте воспользуемся тем, который описан в архиве. Так как версия плагина в формате ZXP, то нам понадобится инструмент для установки. Как и написано в инструкции, давайте скачаем установщик ZXPinstaller
ZXP представляет собой пакет с расширением для программ Adobe, например для Фотошоп, Illustrator, Premiere Pro или Dreamweaver.
После установки запустите программу и просто перетяните файл плагина в рабочую область. FontAwesomePS автоматически установится и будет доступен в расширениях Photoshop.
Если процесс установки прошел нормально, то вы увидите такое сообщение:
Теперь запустите Photoshop, перейдите в меню "Окно" - "Расширения" и поставьте галочку, напротив FontAwesomePS
В панель инструментов (справа) выведется иконка плагина, открыв которую вы увидите набор иконок, как и было показано на первом скриншоте.
Вот такой полезный инструмент, для дизайнеров landing page и любых других сайтов и интерфейсов. А какими плагинами для Фотошоп пользуетесь вы? Напишите, пожалуйста, в комментариях, что вам помогает ускорить процесс разработки макета?
12 комментариев
Перетащил файл в программу..пишет - ошибка
Александр, видимо версия не подходит. Статья давно написана
dimadv7, версия чего?
Александр, фотошопа
Александр, zxpinstaller сообщил, что все в порядке и нормально установлено?
Да, программа установилась нормально. Фотошоп 2019 СС. От Windows может зависеть, например 10 версия нужна?
Устанавливал через Adobe Extension Manager, ругается что файл испорчен
Попробуйте сделать по инструкции в статье.
dimadv7, так и делал, выдает ошибку!
Александр, тогда попробуйте написать создателям плагина.
тут описан способ без лишних программ
__https://www.ostraining.com/blog/webdesign/fontawesome-psd/
Анон, поправочка, нужно в читшите скопировать именно иконку и вставить в текстовое поле затем выбрать установленный шрифт просто напечатать название уже не катит по ходу