Основное меню


Создайте новый документ размером 800 x 600 пикселей. После того как вы создали новый документ, залейте его темным цветом. В данном случае использовался темно-коричневый цвет: #2e1f13. Можно конечно подобрать какую-нибудь текстуру для фона, но это уже по вашему желанию.

Создаем бейджик для подписки

Теперь перейдем непосредственно к созданию бейджика. Выберите Marquee tool (Инструмент "Овальная область"), создайте новый слой и нарисуйте окружность зажав кнопку "Shift" на клавиатуре. Залейте окружность цветом #f05528.

Создаем бейджик для подписки

Хорошо, теперь у вас есть окружность оранжевого цвета. Нам нужно отрезать маленький уголок и повернуть его. Чтобы это сделать, сначала выбрерите Polygonal lasso tool (Инструмент "Прямолинейное лассо"), затем выберите угол вашей формы, например, так:

Создаем бейджик для подписки

Щелкните правой кнопкой мыши и выберите в меню Layer via cut (Вырезать на новый слой). Поверните новый слой, нажав вкладку Edit -> Transform -> Rotate 180 (Редактирование -> Трансформирование -> Поворот на 180), затем немного переместите слой, чтобы получилось как на картинке ниже. Залейте этот отвернутый краешек белым цветом с помощью параметров наложения.

Создаем бейджик для подписки

Теперь применим для каждого слоя различные эффекты. Смотрите на картинки ниже и выставляйте стили для слоев в точности как показано ниже.

 

Для основного слоя с оранжевым кругом:

Создаем бейджик для подписки

Для слоя с отвернутым краем:

Создаем бейджик для подписки

Получаем следующий эффект:

Создаем бейджик для подписки

И последнее, добавляем надпись на бейджик.

Создаем бейджик для подписки

Смотрим что получилось:

Создаем бейджик для подписки

Раздел: Статьи для веб-дизайнера

Best body trimmer bodypro.ru.


Дополнительно Популярное
Дизайнерский веб-ресурс: Дле, Вордпресс, Джумла, фотошоп, плагины, иконки, шаблоны, текстуры, смайлики, логотипы.