Якщо ваше життя хоч якось пов'язана з дизайном, то ви напевно знаєте про 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, який вже встановлений в системі. Тепер залишилося вставити потрібну іконку в наш дизайн.
image-slider__item "data-cycle-pause-on-hover =" # slider_357 .image-slider__crop "data-cycle-pager =" # slider_357 .image-slider__pager "data-cycle-prev =" # slider_357 .image-slider__prev " data-cycle-next = "# slider_357 .image-slider__next" data-cycle-swipe = "true" data-cycle-loader = "wait" data-cycle-allow-wrap = "false">
А тепер найприємніше - таким чином чудові іконки з Font Awesome можна використовувати не тільки в Photoshop, але і в будь-якому іншому додатку, наприклад, в документі Pages або презентації Keynote. Просто скопіюйте іконку в текстове поле, де вже обраний шрифт Font Awesome, і у вашій презентації з'являться чудові іконки, яким можна задавати потрібний колір, змінювати їх прозорість і проводити з ними будь-які інші маніпуляції.