ГлавнаяРегистрацияВход Приветствую Вас Гость | RSS
Четверг, 08.01.2009, 23:05

Рекомендуем загрузить

 
 
Главная » Статьи » Уроки Photoshop CS

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

Категория: Уроки Photoshop CS | Добавил: spravka (01.02.2008)
Просмотров: 335 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email:
WWW:
Код *:
 
 
Категории каталога
Web-программирование [29]
Базы данных [18]
Языки разметки [35]
Web-мастеру [38]
Интернет [19]
Web-дизайн [11]
Уроки Photoshop CS [30]
Уроки CorelDraw [11]
Хостинг [8]
Разные [17]
Лохотрон в Интернете [10]
Заработок в интернете [1]

Форма входа
Логин:
Пароль:

Наш опрос
Оцените мой сайт
Всего ответов: 115

Поиск

Полезные ресурсы

Статистика