Начална » Photoshop » Дизайн Уеб 2.0 етикет / значки в Photoshop

    Дизайн Уеб 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%, и тук е вашият краен резултат.