Бейджик у web-дизайні означає якусь подобу бейджа всім звичного, на якому зазвичай розміщується інформація про розділ сайту, про конкретну тему або послуги сайту. Бейджі можуть мати різні форми, як прості (геометричні фігури), так і більш складні (комбінування декількох фігур).
Вам знадобиться
- Програмне забезпечення Adobe Photoshop.
Інструкція
1. Після запуску графічного редактора натисніть комбінацію клавіш Ctrl + N (створити файл). У відкритому вікні необхідно вказати, що створюється RGB-документ квадратної форми з розмірами 600 px, бажано використовувати білий фон.
2. У лівій частині вікна програми розташовано панель інструментів, натисніть на інструмент Custom Shape, на верхній панелі з 'являться додаткові параметри, серед яких буде вибір форм майбутнього бейджика. У вікні списку Shape виберіть будь-яку форму. Якщо потрібної форми не знайдено, натисніть на зображення стрілки і виберіть збірку фігур Object.
3. Створіть фігуру в документі, розтягнувши її лівою кнопкою миші. Щоб налаштувати растр на зображення, скористайтеся командою Rasterize Layer з контекстного меню.
4. Потім виділіть фігуру стандартним способом або за допомогою клавіші Ctrl, яку слід затискати одночасно з клацанням лівою кнопкою миші на шарі зі створеною фігурою.
5. Перейдіть до панелі кольорів і виберіть 2 кольори (основний та фоновий), один колір повинен бути трохи темнішим за інший. Клацніть інструмент "Градієнт" і проведіть лінію на зображенні. Якщо це проста фігура, наприклад квадрат, лінію потрібно провести з верхнього лівого кута і зупинитися в правому нижньому куті.
6. Щоб зняти вибір з фігури, скористайтеся комбінацією клавіш Ctrl + D. Отримане зображення слід обробити, тобто додати кілька ефектів. Виділіть шар з фігурою та натисніть кнопку "Фільтри" на панелі шарів. Застосуйте фільтр Drop Shadow з наступними параметрами: Opacity-20, Angle-120, Distance-10, Size-15.
7. Потім застосуйте фільтр Bevel and Emboss з наступними параметрами: Style-Inner Bevel, Technique-Chisel Hard, Size-2.
8. Далі вам знадобиться створити новий шар. Для цього шару необхідно скинути всі кольори, це можна зробити, натиснувши на клавіатурі англійську букву D. На панелі інструментів скористайтеся "Круглим виділенням" і зробіть виділення краю вашої фігури. На панелі шарів встановіть такі параметри: Layers-Lighten, Opacity-20.
9. Залийте новий шар білим кольором і заберіть виділення. Тепер залишилося тільки додати інформацію про розділ сайту або будь-яке слово на ваш розсуд. Для цього використовуйте інструмент "Текст".