Как нарисовать классную кнопку в стиле WEB 2.0
Создаем стильную и красивую «вебдванольную» кнопку!
Приблизительное время выполнения: 6 минут
Создайте новый документ (я использовал размер 164х50). Нарисуйте на новом слое скругленный прямоугольник любого цвета (это будет главный цвет кнопки). Я решил выбрать черный цвет. Радиус угла установите на 5px в панели опций
Примените к слою следующие стили:
На новом слое создайте еще один скругленный прямоугольник с тем же радиусом угла (у меня 5px), который будет выполнять роль отблеска. Он должен быть меньше предыдущего. Я использовал цвет #dedede.
Теперь добавьте к этому слою маску, щелкнув по обозначенной кнопке внизу панели слоев:
Нажмите сначала клавишу D, затем клавишу X, чтобы сделать белый основным цветом, а черный — вспомогательным. Выбрав инструмент Gradient (G) проведите линию сверху маленького скругленного прямоугольника и до его низа. Должно получиться что-то вроде этого:
Теперь добавим текст на нашу кнопку. Шрифт, который я выбрал, называется Helvetica — Medium Condensed — 14pt — Sharp. Цвета текста: белый и красивый зеленый (#dcf414). Расположите текст в правой части кнопки, чтобы мы могли добавить небольшую картинку слева
Теперь вставьте автофигуру галочки слева от текста.
Готово! 
Источник: Web 2.0 Button
Смотрите также:
- Как из фотографии сделать рисунок?
- Изменить фото
- Как скруглить углы в фотошопе?
- Как поставить неубираемый копирайт?
- Как увеличить грудь в фотошопе?
- Эффект фотографии кино
- Как сделать отражение в фотошопе?
- Как сделать кровь в фотошопе?
- Photoshop текст в стиле hi tech
- Луч солнца при помощи фотошопа урок
простенько, но со вкусом — смотреть — приятно!
Август 13th, 2007
симпатишно
Август 20th, 2007
это вообще одна из лучших кнопок на этом сайте…..
Ноябрь 25th, 2007
легко,просто, но со вкусом.:)
Январь 11th, 2008
да, а у меня не получилось.
Февраль 20th, 2008
класс, искал и нашел по поиску урок. все супер, только я шрифт другой взял и sharp к нему применил
Март 3rd, 2008
Все классно, но текст у меня не получается такой мелкий разместить
Март 25th, 2008
Спасибо большое! ДАвно искал что-то подобное)
Январь 22nd, 2009
Люди кто нить скажите где можно скачать нормальный ФОТОШОП пожалуйста
Май 18th, 2009
а у меня фигура не рисуется=(
Июнь 25th, 2009
хуйня этот ваш урок. нихуя не написано какие инструменты использовать для скругления. нубам не понять урока
Октябрь 25th, 2009
Написал небольшую программку во флеше, для рисования кнопок, вот — http://vmaya.ru/button/ , пользуйтесь если понравится
Декабрь 19th, 2009
Ето не web 2.0 стиль. Почитайте немного о web 2.0 стиле и вы поймёте.
Январь 6th, 2012