Уроки » Веб-дизайн → Кнопка с подсветкой  


Для начала выберите инструмент Rounded Rectangle Tool с радиусом: 100px и цветом: #7F7F7F, нарисуйте форму как показано ниже.

Кнопка с подсветкой



Двойным щелчком по слою откройте диалог Blending Options и примените следующие стили слоя.

Кнопка с подсветкой

Кнопка с подсветкой

Кнопка с подсветкой

Кнопка с подсветкой

Кнопка с подсветкой

Кнопка с подсветкой




Используя Pen Tool , нарисуйте форму белым цветом, как показано ниже.

Кнопка с подсветкой



Понизьте заполнение (Fill) этой формы до 26%.

Кнопка с подсветкой



Используя Horizontal Type Tool напечатайте ваш текст, шрифт: Verdana, Размер: 10pt.

Кнопка с подсветкой



Примените к слою с текстом следующие стили слоя.

Кнопка с подсветкой

Кнопка с подсветкой



Выберите инструмент Brush Tool (кисть), цвет переднего плана установите на #1277D3, размер кисти: 20, жесткость (Hadrness): 50%. Зажав CTRL, щелкните по слою с первой формой, чтобы загрузить ее выделение. Выделение нужно для того, чтобы вы не выходили за пределы кнопки. Теперь создайте новый слой и проведите кистью по внутренним частям кнопки, как показано ниже

Кнопка с подсветкой



Смените тип смешивания нового слоя на Color Dodge.


Кнопка с подсветкой

Информация к уроку:

Категория - Уроки » Веб-дизайн

Дата публикации: 10-07-2011, 15:20

Опубликовал: killot

Просмотров: 743

Комментариев: 0

Ссылки к этой статье:

Источник - Empire Dezign

Автор - Не указан

Переводчик - Killot

Найти - Все уроки с Empire Dezign

Еще по этой теме:

Красная сфера Красная сфера
В этом уроке создадим красную сферу ...
Красная гелевая кнопка Красная гелевая кнопка
Сегодня снова будем делать кнопку, но эта кнопка ...
Кнопка в стиле чужих Кнопка в стиле чужих
В этом уроке будем создавать кнопку в стиле ...
Кнопка «GO» Кнопка «GO»
И снова кнопки, на этот раз кнопка отправки ...
Векторный контур Векторный контур
В этом уроке создадим глянцевый векторный значок ...
Кнопка для девочек Кнопка для девочек
В этом уроке создадим привлекательную розовую ...
Кнопка Widows Media Player Кнопка Widows Media Player
В этом уроке мы создадим одну из кнопок windows ...
Кнопка «Mail» Кнопка «Mail»
В этом уроке создадим кнопку для отправки почты. ...
Иконка сферы «Mac» Иконка сферы «Mac»
В этом уроке мы создадим иконку сферы MacOs ...
Большая привлекательная кнопка Большая привлекательная кнопка
В этом туториале вы научитесь создавать, ...

Социальные закладки:


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

 

Добавление комментария

 
 
Ваше Имя:
Ваш E-Mail:
Вопрос:
Ты робот? (да-нет)
Ответ:*
Код:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Введите код: