Среда, 04.02.2026, 01:41
Приветствую Вас Гость | RSS
 
Главная страница РегистрацияВход
Меню сайта
Наш опрос
Оцените мой сайт
Всего ответов: 19
Начало » 2009 » Февраль » 20 » Стикер в стиле Web 2.0 - Урок создания
Стикер в стиле Web 2.0 - Урок создания

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

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

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


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


Урок взят с ресурса www.interface.ru

Просмотров: 940 | Добавил: dizajn | Рейтинг: 2.0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Календарь новостей
«  Февраль 2009  »
Пн Вт Ср Чт Пт Сб Вс
      1
2345678
9101112131415
16171819202122
232425262728
Поиск по новостям
Друзья сайта
Copyright Kovalsky © 2007