open
Добавить в закладки |
УРОКИ PHOTOSHOP
Делаем первоклассную WEB 2.0 кнопку
toggle shelf
![]() Пакет включает в себя ВСЕ необходимые программы, которые могут понадобится для дизайна: - Photoshop CS5 Extended - InDesign CS5 - Illustrator CS5 - Flash CS5 Professional - Flash CS5 Catalyst - Dreamweaver CS5 - Fireworks CS5 - Adobe Bridge CS5 - Adobe Device Central CS5 [Скачать Adobe CS5 Design Premium ] |
| Делаем первоклассную WEB 2.0 кнопку |
|
|
|
| Автор Administrator | |||
| 09.06.2008 г. | |||
В этом уроке мы научимся делать замечательную, стильную, коммерческую WEB 2.0 кнопку для нашего сайта! Читаем дальше... Создайте новый документ и на новом слое нарисуйте скругленный (углы 5px) прямоугольник.
Теперь примените к слою эти стили:
Добавим кнопке красоты. Есть один эффект, который почти всегда работает отлично - диагональные линии. Я добавил белых линий на нижнюю половину кнопки и понизил непрозрачность их слоя до 25%:
Теперь перейдем к столь популярному в последнее время веб 2.0 значку. Он смотрится очень эффектно. Выберите инструмент Polygon Shape:
Добавим к значку некоторых стилей:
Пришло время расположить значок над кнопкой. Я поместил его слева. Кроме того, я добавил значку блеска. Затем я выделил его часть при помощи Elliptical Marquee с параметром Feather на 10 и нажал DELETE, чтобы добавить эффект рассеяности.
Наш значок должен нести в себе какую-нибудь смысловую нагрузку. Для реализации этой затеи добавим на него немного текстовой информации. Он идеально подойдет для инфо о цене или скидке. Этим мы и воспользуемся. Я выбрал шрифт Impact и добавил к нему градиента и тени:
Вот, что у меня получилось:
Кнопку я заполнил текстом:
Последние новости:
Старые новости:
|
|||
| ← Рисуем дерево фантазий! | 100+ уроков Photoshop. Чать I → |
Возможно, Вам необходимо зарегистрироваться на сайте или авторизоваться. |