Уроки Photoshop: Стикер в стиле Web 2.0

Источник: demiart
verbaska

Ну так вот, смотрим как делаются стикеры

Шаг 1

Стикер в стиле Web 2.0


Для начала, создадим документ psd
File-New
Можете залить фон градиентной заливкой #53676b - #405053
Создаем новый слой
Нажимаем на кнопку U и выбираем ellispe tool
Удерживая кнопку shift рисуем круг в центре
Paths-Fill path-#cdcdcd
Удаляем path

Стикер в стиле Web 2.0


Шаг 2

Давайте сделаем стикер более интересным
Выберите слой со стикером
Потом Layer - Layer Style - gradient overlay #eeeeee - #cdcdcd
Scale 72% Angle -79°
Opacity 100% Style Linear
Создаем новый слой под стикером, выделяем стикерный слой и жмем Ctrl+E

Стикер в стиле Web 2.0


Шаг 3

С Polygonal lasso, выделяем часть слоя (должен выглядеть как полукруг) и вырезаем его (Правая кнопка мыши по выделению - Layer Via Cut)
А сейчас самое интереное
Выбираем Free Transform tool (Ctrl+T) и перетаскиваем его как показано на рисунке
Потом двигаем его 1 px вниз
Здесь надо будет поиграть с настройками чтобы тень была реалистичнее
Layer - Layer Style - Gradient Overlay - заполните градиентом white - black
Opacity 66% Angle -50° scale 25%
Drop Shadow - Opacity 39%
Distance 1px Spread 0% Size 5 px
Выбираем слой со стикером - Layer Style - Drop Shadow
Opacity 24% Distance 6px Spread 0% Size 5px

Стикер в стиле Web 2.0


Вот и все!
Легко, правда?


Страница сайта http://test.interface.ru
Оригинал находится по адресу http://test.interface.ru/home.asp?artId=17534