Выполняю, подождите...
 
Войти
Создать учётную запись
Логин:
Пароль:
Запомнить
 

Библиотека

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

В этом уроке мы будем учиться делать вещи похожие на элементы интерфейса "Aero Glass Windows Vista" (а именно, стекляннню кнопку), которые полезны для оформления веб-сайтов и для графических дизайнеров. Я не буду описывать некоторые шаги очень детально, поэтому вы должны быть немного знакомы с Photoshop.

И так, посмотрите, что мы будем учится рисовать в данном уроке:

Стеклянная кнопка в стиле Windows Vista Aero Glass

1. Создайте новый документ размером 230x180 и залейте его цветом 2a2a2a.

2. Возьмите инструмент Rounded Rectangle (U) радиусом 5 пикселей, цвет чёрный, и нарисуйте так же, как на рисунке:

3. Дальше открываем опции смешивания Layer → Layer Style → Blending Options и устанавливаем те же парамтеры, что изображены на рисунках.
Для стиля Stroke:

Для стиля Inner Glow:

Для стиля Outer Glow:

Для стиля Gradient Overlay:

Установите цвета градиента от 148791 до 000f1b.

4. Теперь, когда мы создали форму кнопки, создайте на ней эффект стекла. Для этого возьмите и сделайте такое выделение:

Создание эффекта стекла.

5. Создайте новый слой.

6. Теперь держите нажатыми Ctrl + Shift + Alt, и щёлкните указателем туда, куда показана стрелка на рисунке, затем выполните Select → Modify → Contract со значением 1 пиксель.



7. Установите цвет переднего плана белым. Залейте выделение, используя инструмент Point Bucket (G). У вас должно получится следуещее:

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

В результате у вас должна получится следующая картинка:

Создание стеклянной кнопки.

9. В конце добавьте свой текст и получите готовую стеклянную кнопку:

Вот и все.