Дизайн веб 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%, і ось ваш кінцевий результат.