Главная » Статьи » Веб-дизайн

Красная кнопка

Красная кнопка

В этом уроке Photoshop мы создадим красивую красную кнопку для сайта.

1) Откройте новый документ в Photoshop.
Выберите красный цвет в качестве основного и нарисуйте в режиме фигур  круг с помощью инструмента Elipse Tool .
Зажмите клавишу Shift, чтобы нарисовать ровный круг.


2) Дважды щелкните по слою с фигурой, чтобы открыть окно добавления стилей. 
Добавьте следующие эффекты с настройками, как показано на рисунках:

Добавим тень:


Внутреннюю тень:

Внешнее свечение (цвет выберите или черный или темно-красный)


Внутреннее свечение:


Осталось добавить обводку:


3) Чтобы сделать блик на кнопочке возьмите инструмент - круглое выделение , выделите небольшой эллипс, создайте новый слой .
Установите в качестве основного цвета белый. 
Возьмите инструмент градиент  с такими настройками (цвет градиента от белого к прозрачному).

Залейте выделение градиентом (сверху вниз).

Можно уменьшить прозрачность (opacity), чтобы блик смотрелся еще прозрачнее.

На кнопку можно добавить какое-нибудь изображение, букву или слово - это уже на ваше усмотрение.

Категория: Веб-дизайн | (28.08.2010)
Просмотров: 486 | Теги: кнопка | Рейтинг: 0.0/0
Всего комментариев: 0