Фотошоп для чайников | Уроки фотошопа
Фотошоп для чайников - портал для любителей фотошопа!
Меню сайта
Категории раздела
Обработка фото [109]
Текстовые эффекты [87]
Анимация [32]
Спецэффекты [142]
Веб-дизайн [40]
Тюнинг [9]
Фотомонтаж [62]
Кнопки [39]
Рисование [55]
Наша группа
Опрос
Как вы попали на наш сайт
Всего ответов: 88
КтО ОнЛаЙн

Онлайн всего: 3
Гостей: 3
Пользователей: 0
Главная - Уроки фотошопа CS5 на русском - Кнопки - Как нарисовать кнопку в стиле Windows Vista?

Как нарисовать кнопку в стиле Windows Vista?

Как нарисовать кнопку в стиле Windows Vista?

Создайте документ и залейте фон либо градиентом, либо сплошным цветом

vista-styled-button_1.jpg

На новом слое нарисуйте скругленный прямоугольник 300х50 пикселей

vista-styled-button_2.jpg

Правый клик внутри него и Make Selection

vista-styled-button_3.jpg

Инструментом Gradient с режимом Reflected заливаем выделение цветами #1c3f47 и #2a6976

vista-styled-button_4.jpg

Добавьте следующие стили слоя:

vista-styled-button_5.jpg

vista-styled-button_6.jpg

vista-styled-button_7.jpg

vista-styled-button_8.jpg

Теперь добавим отражение к нашей кнопке. На новом слое залейте выделение (размером с нашу кнопку - CTRL-клик на иконке слоя с кнопкой) белым цветом

vista-styled-button_9.jpg

Подвиньте новый слой к низу

vista-styled-button_10.jpg

Далее Edit > Transform > Perspective и тянем правый нижний квадратик вправо, удерживая SHIFT

vista-styled-button_11.jpg

Добавьте маску слоя и залейте ее черно-белым градиентом, чтобы получить перетекание изображения в фон

vista-styled-button_12.jpg

Смените режим смешивания для слоя на Soft Light и понизьте его непрозрачность до 15%

vista-styled-button_13.jpg

Напишите свой текст…

Как нарисовать кнопку в стиле Windows Vista?

Готово! ;)



Похожие материалы:


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

Хостинг от uCoz