Навигация
Главная страница Файловый архив Онлайн ролики Мониторинг Статьи Форум Топ сайтов Авторство
Категории раздела
Эффекты [0] Работа с текстом [0] Работа с фото [27]
Дизайн/Рисование [117] Графика для сайта [28] Анимация [24]
Мини-чат
Чтобы добавить сообщение, необходимо авторизоваться.
Наш опрос
Сколько хостов на Вашем сайте
Всего ответов: 1351
Статистика

Онлайн всего: 6
Гостей: 6
Пользователей: 0
Главная » Файлы » PhotoShop уроки от нас » Графика для сайта

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 для
всего изображения.
Индустриальные кнопки для сайта
Просмотров 397

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


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