Домашняя » Photoshop » Design Web 2.0 Label / Значки в фотошопе

    Design Web 2.0 Label / Значки в фотошопе

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

    Создайте новый холст 400 ширина 200 высота. Выбрать Пользовательский инструмент Shape, под формавыпадающий, выберите Печать и нарисуйте форму в середине страницы.

    Назовите слой Star Label, запустите Параметры наложения и вставьте следующий стиль:

    Drop Shadow

    Внутренняя тень

    Скос и тиснение

    Градиент наложения

    • Color Stop 1: # 0076b3, расположение: 0%
    • Color Stop 2: # b3d5ff, Расположение: 100%

    Создайте новый слой, выберите Инструмент горизонтального типа и вставьте любой текст. Я буду использовать текст Бета! Вот. Запустите параметры наложения, вставьте следующие стили:

    Drop Shadow

    Градиент наложения

    • Color Stop 1: # b2b9bc, расположение: 0%
    • Color Stop 2: #ffffff, Расположение: 100%

    Держать Ctrl, щелкните миниатюру слоя для слоя Звездная Метка выбрать его схему. Создайте новый слой на самом верху, назовите его глянцевый.

    С выделенными контурами выберите Polygonal Lasso Tool, держать Alt, и нарисуйте половину круга, как показано на рисунке ниже.

    Покрасьте оставшуюся половину белым, уменьшите непрозрачность до 15%, и вот ваш окончательный результат.