Как нарисовать кнопку в стиле Windows Vista?
Учимся рисовать обалденные vista-кнопки!

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

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

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

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

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




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

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

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

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

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

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

Готово!
Источник: http://psfreak.com/2008/02/10/vista-styled-button/
Смотрите также:

Отлично, кнопку нарисовать совсем не сложно. Вы лучше раскажите как текст написать, кнопки маленькие — текст получается не читаемый, что делать, может шрифт есть миниатюрный, дайте ссылку
Март 28th, 2008
Попутно вопрос: Как сделать границы градента четкими? У меня они сейчас рамзмытые (от краев к центру).
Март 29th, 2008
Попутно вопрос: Как сделать границы градиента четкими? У меня они сейчас размытые (от краев к центру).
Март 29th, 2008
CASHMARА хде Reflected режим запуцкивать? Хорошенько просмотрел список справа от выбора типа градиента и похожего не нашел. =))
кликни на Градиент Оверлай чтоб стало выделенным, тоесть синим, и там в меню Style заливки как раз и будет Reflected
Март 29th, 2008
2Аниматор
Пасиба
2″переводчик»
«Инструментом Gradient с режимом Reflected заливаем…»
ППЦ, перевод храмает как покалеченная трактором абезьяна…
Ну да ладно.. Кто поможет советом со смазаными краями. Точнее, надо вернуть четкие края при заливке ведром.
Март 29th, 2008
Отлично, текст получается размытый. Шрифт не могу подобрать. Расскажите лучше каким шрифтом писать. В маленьком исполнении все размываются и ничего не видно или видно нечетко.
Март 31st, 2008
CASHMARКто поможет советом со смазаными краями. Точнее, надо вернуть четкие края при заливке ведром.
у тебя розмывает края типа как еслиб при простом выделении прямоугольником указать Fether и потом залить или как?
Апрель 1st, 2008
it установи режим Sharp для текста в верхней панели, используй четкие шрифты и без засечек типа Ариала
Апрель 1st, 2008
2Аниматор
Да, закругляю углы Feather’ом, потом заливаю ведром и края смазанные ((
Када без фезера, то края четкие.
Можна сделать чтоб с фезером края заливались ровна?
Апрель 1st, 2008
Получилось немного лучше, надо поэксперементировать
Апрель 1st, 2008
CASHMAR в том и загвоздка получается что надо использовать Rounded Restange Tool, так как Feather хоть и скругляет углы, но при этом делает розмытие
Апрель 1st, 2008
Мда… Тупо…
Ну лана, будем делать тока прямые углы.
Апрель 1st, 2008
почему только прямые? используйте Rounded Restange Tool и будут какие угодно скругленные углы, главное изначально задать параметр, очень полезный инструмент, мне особенно Кустом Шейп в нем нравится
Апрель 1st, 2008
Точна!
Спасиба
Апрель 11th, 2008
Написал небольшую программку во флеше, для рисования кнопок, вот — http://vmaya.ru/button/ , пользуйтесь если понравится
Декабрь 19th, 2009
суперская кнопка!
Январь 21st, 2010