Кнопка в стиле Windows Vista - Web-дизайн - Уроки фотошоп/ Photoshop tutorials - Каталог статей - ART4YOU

Меню

Мини-чат

Опрос

Куда заливать файлы?
Всего ответов: 77
Главная » Уроки » Уроки фотошоп/ Photoshop tutorials » Web-дизайн

Кнопка в стиле Windows Vista

В этом уроке Фотошоп мы нарисуем кнопку в стиле Windows Vista.

Создаём новый документ (ширина=230, высота=180).
Фон заливаем тёмно-серым цветом (#2a2a2a).



Выбираем инструмент Rounded Rectangle Tool (), в настройках для параметра radius выберите значение равное 5 px, и рисуем прямоугольник с закругленными концами чёрного цвета:


Добавим несколько стилей к нашей будущей кнопке, идём в
Layer > Layer Style> Blending Options, и делаем всё как показано ниже:



Далее с помощью инструмента делаем выделение как на рисунке:



Нажимаем Ctrl + Shift + N, чтобы создать новый слой.
Зажимаем Ctrl + Shit + Alt и кликаем на иконке слоя с кнопкой.
Далее идём в Select > Modify > Contract и выставляем значение в 1 px.



Используя инструмент заливка заливаем выделение белым цветом.


Снижаем прозрачность слоя до 20%.



И в конце нам осталось добавить какую-нибудь надпись. Например, название нашего сайта :)

Категория: Web-дизайн | Добавил: malish_ (25.01.2009) Металлические двери: продажа бетонных заборов. Заборы из кирпича .
Просмотров: 743 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Профиль

Привет: --=Гость=--

Логин:
Пароль:

.

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Друзья сайта

Статистика


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