Меню сайта
Категории каталога
Дизайн [15]
Форма входа
Поиск
Друзья сайта
    <Сауны и бани Сауны и бани Сауны и бани Сауны и бани Сауны и бани Сауны и бани
Наш опрос
Оцените мой сайт
Всего ответов: 70


Онлайн всего: 1
Гостей: 1
Пользователей: 0

Понедельник, 29.04.2024, 07:44:02ГлавнаяРегистрацияВход
Уроки по Adobe Photoshop
Приветствую Вас Гость | RSS
Главная » Статьи » Дизайн » Дизайн

Индустриальные кнопки для сайта
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 для
всего изображения.
Индустриальные кнопки для сайта
Категория: Дизайн | Добавил: t1mON (29.04.2008)
Просмотров: 747 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:

Copyright MyCorp © 2024