Суббота, 31.07.2010, 12:56 Приветствую Вас, Гость
 
| Главная | RSS | Вход
 
Loading ...
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: serega 
Форум » .::Обо Всём::. » Уроки по Фотошопу » Индустриальные кнопки для сайта
Индустриальные кнопки для сайта
RIDDICKДата: Воскресенье, 06.07.2008, 17:21 | Сообщение # 1
Маршал
Группа: Пользователи
Сообщений: 1116
За создание сайта За 10 постов За 100 постов За 500 постов За 1500 Постов
« 13 »
Статус: Offline
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
Перевод: Валентин

 
Форум » .::Обо Всём::. » Уроки по Фотошопу » Индустриальные кнопки для сайта
Страница 1 из 11
Поиск:


Copyright © 2007 Design **** by - ">
Сайт управляется системой uCoz