Стикер в стиле Web 2.0
Автор: ykiigor, Дата: 3 апреля 2009, Категория: Уроки / Web-дизайн / Adobe PhotoShop
Ну так вот, смотрим как делаются стикеры.Красиво и со вкусом в стиле Web 2.0.
- Для начала, создадим новый документ размером - 400х180 px
Можете залить фон градиентной заливкой #53676b - #405053: - Создаем новый слой. С помощью Ellispe tool (U), удерживая кнопку shift, рисуем круг в центре цветом #cdcdcd:
- Давайте сделаем стикер более интересным.
На слое со стикером - Layer -> Layer Style -> Gradient Overlay:
#eeeeee - #cdcdcd
Scale - 72%
Angle - 79°
Opacity - 100%
Style - Linear
Создаем новый слой под стикером, выделяем стикерный слой и жмем Ctrl+E:
- С 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 - Вот и все! Легко, правда?
№1 6 апреля 2009 07:15 | Благодарю вас, очень приятно было прочитать, и сделать для себя определеные выводы. |
№2 6 апреля 2009 11:07 | Благодаря таким сайтам очень часто приходится ловить себя на мысле, что затягивает все таки инет ) |
№3 7 апреля 2009 10:05 | Спасибо, в моем блоег обязательно напишу об этом. |
№4 7 апреля 2009 11:15 | Блин как только начинаю ломиться в интернет почитать свою тематику, так сразу попадаю на ваш сайт |
№5 8 апреля 2009 10:28 | Коротко и ясно :) |
№6 9 апреля 2009 11:41 | Пожалуй и я отпишусь про сайт - все понравилось в принципе, только открывалось долго (у меня скорость не ахти инета) и навигация не самый оптимальный вариант. А так все супер - так держать! |
№7 16 апреля 2009 09:04 | Надеюсь, что все это сделано было не зря и результат все таки покажет о себе знать ))) |
№8 21 апреля 2009 05:25 | Отлично!!! Вместо книги на ночь. |
№9 29 апреля 2009 13:24 | Достаточно интересная и познавательная тема |
№10 14 мая 2009 13:41 | Огромное вам человеческое спасибо, очень актуальная заметка. |
№11 17 мая 2009 02:19 | Давно искал., |
№12 18 мая 2009 07:30 | Привет! Отличный сайт! |
№13 18 мая 2009 12:40 | Никогда не знаешь, что может пригодиться в следующую минуту. Спасибо. |
№14 21 мая 2009 11:38 | Жаль, что у Вас нет кнопки "Спасибо". Приходится благодарить на словах. |
№15 5 июня 2009 21:38 | Никогда не знаешь, что может пригодиться в следующую минуту. Спасибо. |
№16 6 июня 2009 15:33 | Я извиняюсь, что немного не в тему, а что такое RSS? и ка на него подписаться? |
№17 6 июня 2009 21:00 | А что обычно пишут в комментариях? |
№18 7 июня 2009 10:26 | Буду частым гостем у вас, спасибо! |
№19 7 июня 2009 11:26 | Ну я не знаю, может отстал от жизни. Хотя довольно не плохо... |
№20 7 июня 2009 17:45 | Отличный у Вас сайт! |
№21 8 июня 2009 15:13 | Это просто бомба - я просто потрясен вашим сайтом. Я раньше не задумывался, сколько сил стоит вложить, чтобы создать нормальный сайт - когда начал делать его сам, то оказалось, что все не так просто. Очень надеюсь, что вы будете и дальше продолжать работу над вашим проектом. Если будет так, то со временем ваш сайт станет обязательно приносить доход - так что игра стоит свеч! |
№22 9 июня 2009 10:13 | Искал где написать, решил тут. Отличный у Вас сайт, развивайте его! |
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.
| Главная | Уроки | Загрузки | Статьи | Обратная связь |
