Дизайн глянсовий Web 2.0 кнопки в Photoshop
Дивлячись на дизайн деяких глянцевих дивлячись Web 2.0 кнопки? Ось простий підручник Photoshop, який дає вам крок за кроком, як отримати красиву червону глянцеву кнопку.
Крок 1 - Створення бази
Запустіть нове полотно та відрегулюйте наступні параметри (позначені жовтим кольором) відповідно до зображення нижче. Решта повинна прийти за замовчуванням. Можливо, потрібно також перевірити подвійні параметри за умовчанням.
Створити новий виклик шару "Кнопка"
На шарі "Кнопка" виберіть інструмент "Округлений прямокутник"
Дайте йому радіус 7px
Намалюйте прямокутник, подібний до зображення нижче.
Крок 2 - Червона кнопка
Клацніть правою кнопкою миші на параметрах змішування для шару "Кнопка"
Налаштуйте наступні параметри для
Тінь
Внутрішня тінь
Скоси і рельєф
Градієнтне накладання
Ваша кнопка повинна виглядати приблизно так
Крок 3 - Створення глянцевого ефекту
Створити новий виклик шару "Скло"
Виберіть "Інструмент" "" "" Малюнок "," Переконайтеся ", переконайтеся, що вибрано шар" Кнопка ". Утримуйте клавішу ctrl і клацніть на кнопках шарів”s мініатюра шару. Тепер ваша кнопка повинна бути виділена.
Виберіть кнопку "Скло" зараз, утримуючи клавішу Alt, вибравши інструмент "Структура". Намалюйте (вирізати) через нижню половину кнопки, як на зображенні нижче.
Заповніть обрану область білим кольором #ffffff за допомогою інструмента Paint Bucket
Налаштуйте непрозорість на 18%
Ви повинні мати блискучі кнопки, що виглядають так.
Крок 4 - Накладання шаблону
Дамо кнопці деяке незначне накладення малюнка. Я буду використовувати спеціальний stripe5px, створений раніше. Створіть новий виклик шару "Шаблон" між "Кнопкою" і "Скло" і продовжуйте роботу з Параметри змішування.
Виберіть "Накладання шаблону", виберіть Stripe5px (або будь-який створений вами малюнок) і натисніть кнопку OK, а потім закрийте діалог.
Переконайтеся, що ви все ще перебуваєте на інструменті Rectangular Marquee, утримуйте
Крок 5 - Вставка тексту
Вкажіть якийсь випадковий текст білим кольором #ffffff з наступними налаштуваннями
Використовуйте наведені нижче ефекти накладання на шар мого тексту.
Тінь
Крок 6 - Остаточний вихід
Ви повинні отримати такий образ.
