Стикер в стиле Web 2.0 - Форум
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[ Новое на форуме · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Adobe Photoshop » Уроки » Стикер в стиле Web 2.0
Стикер в стиле Web 2.0
TimДата: Понедельник, 31 Авг 2009, 14:52:31 | Сообщение # 1
Sum 41
Сообщений: 82
Награды: 2
Репутация: 4
Результат выполнения урока:

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

Шаг 1

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

Шаг 2

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

Шаг 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

Вот и все!

Автор – verbaska.


 

Форум » Adobe Photoshop » Уроки » Стикер в стиле Web 2.0
  • Страница 1 из 1
  • 1
Поиск: