Как использовать Font Awesome в Photoshop Designs
Старомодный метод создания значков заключался в ручной обрезке изображений для использования в качестве значков.
Это заняло очень много времени. Иконки Font Awesome от Google решают эту проблему.
В этом уроке вы узнаете, как разместить значок Font Awesome в веб-документе Photoshop, просто введя имя значка.
В этом уроке мы будем работать с Font Awesome Free. Мы будем использовать его с Photoshop CC 2018, установленным в Windows 10.
Вы также можете применить эти инструкции к платной версии Google Font Awesome Icons. И бесплатные, и платные наборы значков также можно установить на Mac.
Шаг №1. Загрузите бесплатные иконки Font Awesome
- Перейдите на веб-сайт Font Awesome и загрузите бесплатный шрифт Font Awesome.
- Разархивируйте загруженный файл на жесткий диск. Теперь вы должны увидеть две папки:
- fontawesome-free-x. y.z Папка с файлами
- fontawesome-free-x.y.z Сжатая (заархивированная) папка
- Перейдите в папку с файлами fontawesome-free-x.y.z . Вы увидите еще одну папку fontawesome-free-xyz . Откройте его.
- Вы увидите несколько папок и файлов. Найдите папку для использования на рабочем столе :
- Нажмите на эту папку. Теперь вы должны увидеть файлы шрифтов Font Awesome: .
- Щелкните правой кнопкой мыши любой из трех типов шрифта. Чтобы узнать больше о том, как каждый из них отображает значки, посетите галерею значков Font Awesome: .
- Вы увидите всплывающее контекстное меню. Нажмите Установить:
- Ваш шрифт будет установлен почти мгновенно. Повторите шаги, описанные выше, чтобы установить остальные два типа шрифта, если хотите.
Молодец! Теперь у вас есть файлы шрифтов Font Awesome, установленные в вашей Windows. Давайте просто дважды проверим, чтобы убедиться, что они были установлены в нашей Windows и готовы к использованию в нашем Photoshop.
- В Windows запустите диспетчер шрифтов. Вы должны увидеть, что ваш шрифт (шрифты) отображается счастливо. Я установил все три из них. Итак, мой диспетчер шрифтов отображает для меня все три:
- Запустите Photoshop. Откройте список доступных вам шрифтов. Теперь вы должны увидеть список шрифтов Font Awesome с одной записью Font Awesome Free для типов шрифтов Free Regular и Free Solid Regular: .
Шаг №2. Найдите имя значка Font Awesome
Иконки Font Awesome теперь доступны в Photoshop как типы шрифтов. Прежде чем вы сможете использовать значок в новом или существующем документе Photoshop, вам нужно найти имя значка.
- Перейдите к «Шпаргалке Font Awesome Free». Выберите необходимый тип шрифта. Для целей этого урока я выбрал «Solid».
Найдите имя значка рядом со значком, который вы хотите использовать. Для целей этого урока я решил добавить в свой документ изображения Photoshop «адресную карточку»:
Отлично! Теперь все готово для добавления выбранного значка Google Font Awesome в новый или существующий документ Photoshop.
Шаг №3. Добавьте значок в документ Photoshop Image
Теперь вы готовы добавить значок «адресная карточка» в новый или существующий документ Photoshop. В моем примере я буду добавлять его в новый документ.
- Запустите Photoshop и создайте новый документ. Щелкните инструмент Horizontal Type .
- Нарисуйте прямоугольник.
- Выберите Font Awesome Free :
- Введите адресную карту внутри прямоугольника:
- После того, как вы введете полное имя значка, вы увидите текст адресной карты , замененный самим значком:
Вот оно. Имея в своем распоряжении выбранный значок Google Font Awesome, вы можете продолжить создание остальной части своего документа изображения Photoshop по своему усмотрению.