Как сделать светящуюся кнопку
Из этого урока Вы узнаете, как своими руками сотворить в Photoshop просто супер-выглядящую светящуюся кнопку!

Итак, приступим!
Сперва создайте на отдельном слое с помощью инструмента Скругленный прямоугольник (Rounded Rectangle) и цветом #7f7f7f форму, как на рисунке ниже

Теперь кликните на этом слое правой кнопкой мыши и выберите пункт Blending Options. В открывшемся окне выбирайте слева позицию Drop Shadow и устанавливайте параметры, как на рисунке ниже:

Теперь, не кликая ОК, переходите к позиции Inner Glow и настраивайте этот стиль так же, как и на рисунке:

Теперь Bevel and Emboss

Поставьте галочку слева у позиции Contour и настройте его следующим образом:

Очередь Color Overlay:

И, наконец, Stroke:

Кликайте ОК и вот, что у Вас должно было получиться:

Сейчас, используя инструмент Pen нарисуйте белую форму, как показано тут:

После этого понизьте параметр Fill у этого слоя до 26%:

Выберите инструмент Text (клавиша T) и напишите желаемый текст. Я использовал шрифт Verdana 10pt:

Теперь в меню Blending Options для текстового слоя установите параметр Drop Shadow:

Вот, что должно было сейчас у Вас получиться:

Теперь выберите инструмент Brush (кисть — клавиша B) и цвет #1277d3 размером 20px. Зажав клавишу CTRL, кликните по картинке слоя с первой формой, чтобы выделить все его содержимое. Так Вы сможете избежать попадания кисти на пространство вне формы. Создайте новый слой и закрасьте области нашей будущей кнопки, как это сделал я:

Изменить режим смешивания для этого слоя (Blend Mode — выпадающий список в панели слоев) на Coloe Dodge и все готово!

Источник: http://www.empiredezign.com/version2/portfolio/pages/tutorials/glowbutton.htm
Смотрите также:

Июль 3rd, 2007
Ну, мне урок понравился. Хотя у меня не очень получается рисовать кнопки, но мнебы хотелось так повторить. Кнопка КЛАСС.
Август 8th, 2007
Можно и покруче сделать
Ноябрь 29th, 2007
У меня ФШ на русском, и в Bevel and Emboss(тиснение) нету в Highlight mode (режим подсветки) режима Screen (экран), и в shadow mode нету режима color dodge(( что делать?
Январь 2nd, 2008
Урок интересный в плане изучения возможностей фотошопа, но если нужно быстро сделать много кнопок в одном стиле, лучше воспользоваться сервисом
http://www.thefreewebstuff.com
Март 15th, 2008
За урок — спасибо!
ЦУВЬ, спасибо за сервис!
Март 25th, 2008
Урок действительно не плох
только попробуйте сделать его сами там с цветом ппц а уж последний перевод в Coloe Dodge так вообще не айс
Май 5th, 2008
неполучилось фото шоп русский жаль(((
Май 10th, 2008
а я могу всё в русском ф.ш. делать. а вам слабо!
Июнь 23rd, 2008
Урок Супер получилось просто Класс!!!
Июль 20th, 2008
полняя шняга
куча неизвестных параметров
и с цветами действительно беда
и последнии два пункта вообще не вкурил
Ноябрь 17th, 2008
Не совсем правильно. Ещё Hardness кисти надо поставить на 50%, а в конце нужно поставить ОБА слоя (с кистью и с формой) в Color Dodge
Март 27th, 2009
Блин а я не врубилса как созранить скажите все по порядку как сохнанить htlm код что б на сайт поставить?
Декабрь 5th, 2009
Вроде бы можно кнопки в Дримвивере делать!!! В фотошопе не получится с подсветкой сделать, наверное
Январь 11th, 2011
да рассказывай. отлично все тут написано. а на фотошоп не гони:-)
Март 15th, 2011