topleft topright
 

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

Печать E-mail
(0 голосов)
В этом уроке я расскажу вам, как создать красивую и удобную кнопку, подобную этой:

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


Опишу 2 способа, один из которых предполагает использование лишь параметров смешивания, что даст возможность легко воссоздавать эту кнопку.
1) Создайте изображение с размерами 300х70 пикселей
2) Создайте новый слой и нарисуйте на нем фигуру, используя Rounded Rectangle Tool с радиусом 5 пикселей и любым цветом.
3) Кликните дважды по слою с фигурой и выставьте следующие Параметры смешивания:

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


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


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


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


4) Создайте новый слой и залейте его белым цветом.
5) Удерживая Ctrl, кликните левой кнопкой мыши по слою с фигурой.
6) После этого выполните Select->Modify->Contract
7) Далее - Select->Inverse и нажмите кропку delete (на созданном нами белом слое)
8) Установите для этого слоя непрозрачность (Opacity) на уровень 20%.
9) Напишите любой текст.

В результате должно получиться некое подобие этого:

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


Всё это можно сделать всего лишь с помощью Параметров смешивания.
Для этого вместо предложенного градиента наложим этот:

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


и не будем создавать белых слоёв, а сразу напишем текст и будем использовать эту замечательную кнопку. Результат будет таким же.

Какой вариант выбрать - решать вам, но мне больше нравится второй, ведь он быстрее и удобнее в момент работы и в будующем (если его сохранить в стили).

Желаю вам удачного выполнения этого урока.
 
« Украшенный золотой текст   Стеклянный текст »

Украинская Баннерная Сеть
PR и тИЦ