Уроки Photoshop CS2 :: Уроки фотошопа :: Уроки adobe photoshop :: Регулярные пополнения базы уроков » Как сделать светящуюся кнопку

Важно! Создание прибыльных веб сайтов и поисковое продвижение сайтов в Москве: веб-компания StudioForYou!

Как сделать светящуюся кнопку

01.07.2007Категория урока: Кнопки и Иконки

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

Как сделать светящуюся кнопку

Итак, приступим!

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

glow_button_01.jpg

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

glow_button_02.jpg

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

glow_button_03.jpg

Теперь Bevel and Emboss

glow_button_04.jpg

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

glow_button_05.jpg

Очередь Color Overlay:

glow_button_06.jpg

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

glow_button_07.jpg

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

glow_button_08.jpg

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

glow_button_09.jpg

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

glow_button_10.jpg

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

glow_button_11.jpg

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

glow_button_12.jpg

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

glow_button_13.jpg

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

glow_button_14.jpg

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

Как сделать светящуюся кнопку

Источник: http://www.empiredezign.com/version2/portfolio/pages/tutorials/glowbutton.htm

+news2.ru +ВааУ.ru +newsland.ru +СМИ2.ru +del.icio.us +bobrdobr.ru +memori.ru +RUmarkz +Mister Wong +Мое Место

Похожие уроки photoshop: