Головна » Photoshop » Дизайн глянсовий Web 2.0 кнопки в Photoshop

    Дизайн глянсовий 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%

    Крок 5 - Вставка тексту

    Вкажіть якийсь випадковий текст білим кольором #ffffff з наступними налаштуваннями

    Використовуйте наведені нижче ефекти накладання на шар мого тексту.

    Тінь

    Крок 6 - Остаточний вихід

    Ви повинні отримати такий образ.