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

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

Как нарисовать классную кнопку в стиле WEB 2.0

Как нарисовать классную кнопку в стиле WEB 2.0

Создайте новый документ (я использовал размер 164х50). Нарисуйте на новом слое скругленный прямоугольник любого цвета (это будет главный цвет кнопки). Я решил выбрать черный цвет. Радиус угла установите на 5px в панели опций

web20_probutton_1.png

Примените к слою следующие стили:

web20_probutton_2.png

web20_probutton_3.png

На новом слое создайте еще один скругленный прямоугольник с тем же радиусом угла (у меня 5px), который будет выполнять роль отблеска. Он должен быть меньше предыдущего. Я использовал цвет #dedede.

web20_probutton_4.png

Теперь добавьте к этому слою маску, щелкнув по обозначенной кнопке внизу панели слоев:

web20_probutton_5.png

Нажмите сначала клавишу D, затем клавишу X, чтобы сделать белый основным цветом, а черный - вспомогательным. Выбрав инструмент Gradient (G) проведите линию сверху маленького скругленного прямоугольника и до его низа. Должно получиться что-то вроде этого:

web20_probutton_6.png

Теперь добавим текст на нашу кнопку. Шрифт, который я выбрал, называется Helvetica - Medium Condensed - 14pt - Sharp. Цвета текста: белый и красивый зеленый (#dcf414). Расположите текст в правой части кнопки, чтобы мы могли добавить небольшую картинку слева

web20_probutton_7.png

Теперь вставьте автофигуру галочки слева от текста.

Как нарисовать классную кнопку в стиле WEB 2.0

Готово! ;)



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


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

Хостинг от uCoz