Головна » Photoshop » Дизайн веб 2.0 етикетки / значки у Photoshop

    Дизайн веб 2.0 етикетки / значки у Photoshop

    Багато веб-сайтів Web 2.0 люблять використовувати ярлики (або значки), подібні до цього, для надання статусу поточного веб-сайту / служби, або версії, або ж вони ще бета-версії. Створення цих міток досить просте, особливо з використанням Photoshop. Підручник після стрибка.

    Створіть нове полотно 400 шириною 200 висоти. Виберіть Інструмент спеціальної форми, під ФормаУ спадному меню виберіть Друк і намалюйте фігуру посередині сторінки.

    Назвіть шар Star Label, запустіть Параметри накладання та вставте наступний стиль:

    Тінь

    Внутрішня тінь

    Скоси і рельєф

    Накладання градієнта

    • Стоп кольору 1: # 0076b3, Розташування: 0%
    • Стоп кольору 2: # b3d5ff, Розташування: 100%

    Створіть новий шар, виберіть Інструмент горизонтального типу і вставити будь-який текст. Я буду використовувати текст Бета! тут. Запустіть параметри накладання, вставте такі стилі:

    Тінь

    Накладання градієнта

    • Стоп кольору 1: # b2b9bc, Розташування: 0%
    • Стоп кольору 2: #ffffff, Розташування: 100%

    Утримуйте Ctrl, натисніть ескіз шару для шару Мітка зірки , щоб вибрати його контур. Створіть новий шар на самому верху, назвіть його Глянсовий.

    Якщо вибрані контури, виберіть Інструмент полігональних ласо, тримати Alt, і зняти половину кола, як показано на зображенні нижче.

    Зафарбуйте залишилася половина білим, зменшіть непрозорість до 15%, і ось ваш кінцевий результат.