В этом уроке мы будем учиться делать вещи похожие на элементы интерфейса «Aero Glass Windows Vista», которые полезны для оформления веб-сайтов и для графических дизайнеров. Я не буду описывать некоторые шаги очень детально, поэтому вы должны быть немного знакомы с Photoshop.
Опубликовал: | Zedex |
Автор: | Unknown |
Перевод: | Zedex |
Источник: | www.ekhoury.com |
Опубликовано: | 17.09.2007 |
Просмотров: | 4860 |
Рейтинг: |
И так, посмотрите, что мы будем учится рисовать в данном уроке:
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. В конце добавьте свой текст и получите готовую стеклянную кнопку:
Вот и все.