Фотошоп для чайников | Уроки фотошопа
Фотошоп для чайников - портал для любителей фотошопа!
Меню сайта
Категории раздела
Обработка фото [109]
Текстовые эффекты [87]
Анимация [32]
Спецэффекты [142]
Веб-дизайн [40]
Тюнинг [9]
Фотомонтаж [62]
Кнопки [39]
Рисование [55]
Наша группа
Опрос
Как Вам наш сайт?
Всего ответов: 186
КтО ОнЛаЙн

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная - Уроки фотошопа CS5 на русском - Кнопки - Как сделать светящуюся кнопку

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

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

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

Сперва создайте на отдельном слое с помощью инструмента Скругленный прямоугольник (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 и все готово! ;)

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



Похожие материалы:


Просмотров: 2806 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск по сайту
Форма входа
Популярные уроки
 
 
 
 
 
 
 
 
 
 

Хостинг от uCoz