Как использовать Font Awesome в Photoshop
Всего несколько простых шагов и в ваших макетах, презентациях и документах появятся замечательные иконки из шрифта Font Awesome, которых там, кстати, аж 479 штук.
W440x0 picbig

Если ваша жизнь хоть как то связана с дизайном, то вы наверняка знаете о Font Awesome — бесплатном шрифте, содержащем 479 векторных иконок, которые можно использовать в вебе. Сделать набор из иконок в формате шрифта, который можно стандартными средствами подгрузить на сайт, использовать в абсолютно любом размере, не думать, как эти иконки будут выглядеть на дисплеях Retina, потому что выглядеть они там будут отлично, а главное, менять их цвет, добавлять тени и использовать всю мощь оформления CSS — это просто отличная идея! 

Практически любой программист знает, как подгрузить Font Awesome на сайт и использовать необходимые иконки там, но как же нарисовать сайт с иконками Font Awesome, скажем, в Adobe Photoshop?

Сделать это на самом деле несложно:

1. Забираем шрифт с GitHub — для этого идем на сайт шрифта и нажимаем большую кнопку Download. В скачанном архиве находится все необходимое для различных вариантов использования Font Awesome. Нам будет нужна десктопная версия шрифта в формате OTF, которая находится в папке «fonts».

2. Устанавливаем шрифт на компьютер — просто кликнете на файл OTF и нажмите кнопочку «Установить шрифт».

3. Итак, у нас все готово к работе, открываем Adobe Photoshop, выбираем Type Tool и шрифт Font Awesome Regular, который уже установлен в системе. Теперь осталось вставить нужную иконку в наш дизайн.

4. Чтобы это сделать, нам понадобится другая страница с сайта шрифта, которая называется Cheatsheet (http://fortawesome.github.io/Font-Awesome/cheatsheet/). На этой странице приведены все иконки шрифта с кодами Unicode. Чтобы вставить нужную иконку в дизайн, просто скопируйте саму иконку из Cheatsheet и вставьте ее в макете в Photoshop. Внимание, копировать надо именно саму иконку, а не ее код Unicode!

А теперь самое приятное — таким образом замечательные иконки из Font Awesome можно использовать не только в Photoshop, но и в любом другом приложении, например, в документе Pages или презентации Keynote. Просто скопируйте иконку в текстовое поле, где уже выбран шрифт Font Awesome, и в вашей презентации появятся великолепные иконки, которым можно задавать нужный цвет, менять их прозрачность и производить с ними любые другие манипуляции.

комментировать Комментарии 0

Будьте первыми, кто прокомментирует эту статью!

Ваш комментарий
Авторизуйтесь чтобы можно было оставлять комментарии.