Как сделать светящуюся кнопку - Кнопки и иконки - Уроки фотошоп/ Photoshop lessons - ..:: Музыка Фильмы Игры Дизайн ::.. - ..::Скачать бесплатно фильмы, игры, софт, скрипты::..
Из этого урока Вы узнаете, как своими руками сотворить в 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 и все готово!
