Как своими руками сотворить в 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 и все готово!
|