» Форма входа

»Мoy-weB ver.4.1

» Статистика

Главная » 2008 » Сентябрь » 10 » Индустриальные кнопки для сайта

Индустриальные кнопки для сайта
10.Сен.2008 | 16:31:10
Industrial Buttons
Делаем стильные кнопки для сайта


1.
Сначала создай новый документ для твоей кнопки.
Я использовал документ размером 400x300 пикселей и
установил цвет фона (background) на # 5c5947.

2.
Создай новый слой.
Layer> New> Layer
Теперь измени основной (foreground) цвет на # 4a4839,
затем инструментом Rounded Rectangle Tool :
Индустриальные кнопки для сайта
Создай прямоугольник с округленными углами примерно так :
Индустриальные кнопки для сайта

3.
Щелкни правой кнопкой мыши на кнопке слоя и выбери
Blending Options.
Нажми и применяй следующие стили слоя :
Индустриальные кнопки для сайта
Индустриальные кнопки для сайта
Индустриальные кнопки для сайта
Индустриальные кнопки для сайта
Индустриальные кнопки для сайта

В конечном результате должно получится вот так :
Индустриальные кнопки для сайта

4.
Создай новый слой затем нажав CTRL выбери иконку основного
слоя. Теперь уменьши выделение на 3 пиксела.
Select > Modify > Contract
Индустриальные кнопки для сайта
Заполни выделение черным (# 000000)
После этого перемести выделение вверх на 10 пикселов
Shift+Up Arrow
Теперь перейди Select >Modify > Feather, поставь значение 4
потом нажми клавишу delete.
Индустриальные кнопки для сайта
Измени режим наложения этого слоя на Soft Light
и снизь непрозрачность на 60%.
Индустриальные кнопки для сайта

5.
Последнее, что необходимо сделать добавить текст.
Для текста я использовал следующие стили слоя :
Индустриальные кнопки для сайта
Индустриальные кнопки для сайта
Индустриальные кнопки для сайта
Индустриальные кнопки для сайта


Вот, что получилось
Индустриальные кнопки для сайта

6.
Теперь ты можеш копировать эту кнопку, и добавить другой текст.
Чтобы сделать еще лучше, я сделал еще 2 кнопки, добавил немного
grunge и применил фильтр Filter > Render > Lighting Effects для
всего изображения.
Индустриальные кнопки для сайта


Автор: DesignLoser
Перевод: Валентин
Категория: Уроки фотошоп | Просмотров: 1265 | Добавил: CorsaR
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]