Дизайн Уеб 2.0 етикет / значки в Photoshop
Много уебсайтове на Web 2.0 обичат да използват етикети (или значки) по този начин, за да предоставят статус на текущия уебсайт / услуга, или версията, или дали все още са в бета версия. Създаването на тези етикети е доста лесно, особено с използването на Photoshop. Урок след скок.
Създайте ново платно, 400 ширина 200 височина. Изберете Инструмент за персонализирана форма, при формав падащото меню изберете Тюлен и начертайте формата в средата на страницата.
Назовете слоя Star Label, стартирайте Опции за смесване и въведете следния стил:
Бъдете сянка
Вътрешна сянка
Откос и релеф
Градиентно наслагване
- Цветен стоп 1: # 0076b3, местоположение: 0%
- Цветен стоп 2: # b3d5ff, Местоположение: 100%
Създайте нов слой, изберете Инструмент за хоризонтален тип и въведете текст. Ще използвам текста Beta! тук. Стартирайте опциите за смесване, въведете следните стилове:
Бъдете сянка
Градиентно наслагване
- Цветен стоп 1: # b2b9bc, Местоположение: 0%
- Цветен стоп 2: #ffffff, Местоположение: 100%
държа Ctrl, кликнете върху миниатюрата на слоя за слоя Знак със звезда , за да изберете неговия контур. Създайте нов слой на върха, назовете го лъскав.
С все още избрани контури, изберете Полигонал ласо инструмент, държа Alt, и издърпайте половин кръг, както е показано на изображението по-долу.
Оцветете останалата половина с бяло, намалете непрозрачността до 15%, и тук е вашият краен резултат.