ЯК створити бейджик :: ПЗ

Бейджик в web-дизайні означає якусь подобу бейджа всім звичного, на якому зазвичай розміщується інформація про розділ сайту, про конкретній темі або послугах сайту. Бейджи можуть мати різні форми, як прості (геометричні фігури), так і більш складні (комбінування кількох фігур).

Вам знадобиться

Програмне забезпечення Adobe Photoshop.

Інструкція

Після запуску графічного редактора натисніть клавіші Ctrl + N (створити файл). У вікні необхідно вказати, що створюється RGB-документ квадратної форми з розмірами 600 px, бажано використовувати білий фон.

У лівій частині вікна програми знаходиться панель інструментів, натисніть на інструмент Custom Shape, у верхній панелі з'являться додаткові параметри, серед яких буде вибір форми майбутнього бейджика. У вікні списку Shape виберіть будь-яку форму. Якщо підходящої форми ви не знайшли, натисніть на зображення стрілки і виберіть колекцію фігур Object.

Створіть фігуру в документі, розтягнувши її лівою кнопкою миші. Для виконання накладення растра на зображення скористайтеся командою Rasterize Layer з контекстного меню.

Потім виділіть фігуру стандартним способом або за допомогою клавіші Ctrl, яку слід затискати одночасно з натисканням лівою кнопкою миші на шарі з створеної фігурою.

Перейдіть до палітри кольорів і виберіть 2 кольори (основний і фоновий), один колір повинен бути трохи темніше іншого. Натисніть на інструмент «Градієнт» і проведіть лінію на зображенні. Якщо це проста фігура, наприклад, квадрат, лінію потрібно провести з верхнього лівого кута і зупинитися в правому нижньому кутку.

Для зняття виділення з фігури натисніть сполучення клавіш Ctrl + D. Вийшло зображення слід обробити, тобто додати кілька ефектів. Виділіть шар з фігурою і натисніть кнопку «Фільтри» на панелі шарів. Застосуйте фільтр Drop Shadow з наступними параметрами: Opacity-20, Angle-120, Distance-10, Size-15.

Потім застосуєте фільтр Bevel and Emboss з наступними параметрами: Style-Inner Bevel, Technique-Chisel Hard, Size-2.

Далі вам знадобиться створити новий шар. Для цього шару необхідно скинути всі кольори, це можна зробити, натиснувши на клавіатурі англійську букву D. На палітрі інструментів скористайтеся «Круглим виділенням» і зробіть виділення краю вашої фігури. На панелі шарів встановіть наступні параметри: Layers-Lighten, Opacity-20.

Залийте новий шар білим кольором і приберіть виділення. Тепер залишилося тільки додати інформацію про розподіл сайту або будь-яке слово на ваш розсуд. Для цього використовуйте інструмент «Текст».