Іконочние шрифт FontAwesome: використання в Фотошопі
Іконочние шрифт Font Awesome - не єдиний подібний шрифт, але вельми добротний по набору іконок в ньому на всі випадки життя)
Іконочние шрифти зараз зручно використовувати в веб-дизайні, як картинок для сайту, тому що іконку можна, як текст, масштабувати до будь-якого розміру без втрати якості, а також легко поставити або поміняти колір на більш відповідний, та й набір зображень цілком задовольнить потребам веб-дизайнера)
Але іконочние шрифт можна використовувати не тільки на сайтах, його можна встановити і на комп'ютер, наприклад на ОС Windows) Що мені недавно і було потрібно.
Загалом, завдання здійсненне, але треба було розібратися.
Як встановити Font Awesome на комп'ютер
Для початку зайдемо на офіційний сайт шрифту http://fontawesome.io/cheatsheet/ і скачати архів з файлами шрифту, шрифт безкоштовний, скачується без проблем. Знаходимо архів для завантаження, викачуємо, відкриваємо архів і встановлюємо файли з розширенням .otf
Шрифт FontAwesome в даний момент розділили на Solid (жирний) і regular (звичайний).
Встановлюємо всі запропоновані шрифти, натискаючи по черзі на файли .otf - відкриється установка шрифту на windows, натиснемо на кнопочку "Встановити" в лівому верхньому кутку - шрифт встановиться на комп'ютер. (Рис. Нижче)
Як використовувати шрифт Font Awesome в Photoshop?
Відкриємо фотошоп, потім відкриємо або створимо нове вікно-зображення. Виберемо інструмент "Текст", виберемо в списку шрифтів вже встановлений FontAwesome. Потім нам знову потрібно перейти на офіційний сайт шрифту, на ту саму сторінку де представлені всі іконки шрифту http://fontawesome.io/cheatsheet .
Там ми вибираємо будь-яку іконку.
Тепер увага: звернемо увагу на розділ SOLID або REGULAR. Якщо іконку вибрали з розділу Solid, то копіюємо саму іконку (виділяємо саму іконку, зображення, не назва і не юнікод, і копіюємо в буфер).
Далі повертаємося в фотошоп -> вибираємо інструмент "Текст", ставимо курсор в потрібне місце -> у вікні шрифтів вибираємо один з наявних у вас шріфов FontAwesome (free, brand).
І знову УВАГА: якщо іконку копіювали на сайті з розділу Solid, то поруч з назвою шрифту встановлюємо жирність замість regular -> solid! Це важливо, інакше у вас з'явиться просто прямокутник. Якщо копіювали значок з розділу Regular (там прозорі контурні іконки), то простежимо щоб жирність шрифту була так само Regular.
Після цих попередніх дій на місці курсору вставляємо іконку через "вставка": меню-edit (редагування) -paste (вставка) або правою кнопкою миші виводимо контекстне меню і "Встівіть" (paste), або просто використовуємо поєднання клавіш CTRL + V (вставка скопійованого об'єкта)
Як бачимо, на місці курсору відобразиться потрібна іконка. Її можна збільшити, перефарбувати, перетворити в картинку. Так само можна спробувати використовувати і інші іконочние шрифти. Ну, наприклад, готовий футбольний м'ячик))
Читайте також в моєму блозі:
Як завантажити відео з сайту?
Отже, припустимо, потрібно якесь цікаве і корисне відео скопіювати собі в скарбничку, щоб завжди була можливість повторно його переглянути оффлайн.