Фотошоп для чайников | Уроки фотошопа
Фотошоп для чайников - портал для любителей фотошопа!
Меню сайта
Категории раздела
Обработка фото [109]
Текстовые эффекты [87]
Анимация [32]
Спецэффекты [142]
Веб-дизайн [40]
Тюнинг [9]
Фотомонтаж [62]
Кнопки [39]
Рисование [55]
Наша группа
Опрос
Почему вы не регистрируетесь на сайте?
Всего ответов: 135
КтО ОнЛаЙн

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная - Уроки фотошопа CS5 на русском - Кнопки - Делаем первоклассную веб 2.0 кнопку

Делаем первоклассную веб 2.0 кнопку

Делаем первоклассную веб 2.0 кнопку

Создайте новый документ и на новом слое нарисуйте скругленный (углы 5px) прямоугольник.

badgenbutton_2.gif

Теперь примените к слою эти стили:

badgenbutton_3.gif

badgenbutton_4.gif

badgenbutton_5.gif

Добавим кнопке красоты. Есть один эффект, который почти всегда работает отлично - диагональные линии. Я добавил белых линий на нижнюю половину кнопки и понизил непрозрачность их слоя до 25%:

badgenbutton_6.gif

Теперь перейдем к столь популярному в последнее время веб 2.0 значку. Он смотрится очень эффектно. Выберите инструмент Polygon Shape:

badgenbutton_7.gif

Добавим к значку некоторых стилей:

badgenbutton_8.gif

badgenbutton_9.gif

badgenbutton_10.gif

Пришло время расположить значок над кнопкой. Я поместил его слева. Кроме того, я добавил значку блеска. Затем я выделил его часть при помощи Elliptical Marquee с параметром Feather на 10 и нажал DELETE, чтобы добавить эффект рассеяности.

badgenbutton_11.gif

Наш значок должен нести в себе какую-нибудь смысловую нагрузку. Для реализации этой затеи добавим на него немного текстовой информации. Он идеально подойдет для инфо о цене или скидке. Этим мы и воспользуемся. Я выбрал шрифт Impact и добавил к нему градиента и тени:

badgenbutton_12.gif

badgenbutton_13.gif

Вот, что у меня получилось:

badgenbutton_14.gif

Кнопку я заполнил текстом:

Делаем первоклассную веб 2.0 кнопку

Готово! ;)



Похожие материалы:


Просмотров: 1118 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск по сайту
Форма входа
Популярные уроки
 
 
 
 
 
 
 
 
 
 

Хостинг от uCoz