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

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

Сперва создайте на отдельном слое с помощью инструмента Скругленный прямоугольник (Rounded Rectangle) и цветом #7f7f7f форму, как на рисунке нижеglow_button_01.jpgТеперь кликните на этом слое правой кнопкой мыши и выберите пункт Blending Options. В открывшемся окне выбирайте слева позицию Drop Shadow и устанавливайте параметры, как на рисунке ниже:glow_button_02.jpgТеперь, не кликая ОК, переходите к позиции Inner Glow и настраивайте этот стиль так же, как и на рисунке:glow_button_03.jpgТеперь Bevel and Embossglow_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 и все готово! ;) Как сделать светящуюся кнопкуИсточник:

Популярность:11%

Стеклянный текст - делаем просто! Стеклянный текст - делаем просто!
Из этого урока Вы узнаете, как создавать тексты со стеклянным эффектом. Ниже Вы увидите результат, который Вы получите в конце данного урока.

Стильная голубая кнопка Стильная голубая кнопка
Этот урок расскажет Вам, как сделать небольшую, но стильную голубую кнопку для Вашего сайта.Читать полностью »Популярность:10%

Классная кнопка с отливом Классная кнопка с отливом
Узнайте, как сделать эту классную, несложную кнопку!Приблизительное время выполнения: 5 минутЧитать полностью »Популярность:9%

Кнопка для влюбленных Кнопка для влюбленных
В этом уроке показан простой и интересный способ создания кнопки для сайта. Воспользуйтесь им!  

Иконка форума или чата Иконка форума или чата
Очень хороший урок, освещающий очень популярный вопрос “Как создать собственную иконку для своего чата или форума?”. В этом уроке мы постарались ответить на этот вопрос. Что у нас получилось, смотрите чуть ниже.Читать полностью »Популярн ...