Урок Photoshop: Стеклянная кнопка
 

Сегодня мы научимся создавать стеклянные кнопки на примере кнопки в стиле MacOS. Технология очень проста и может применяться абсолютно везде, где нужно добиться такого эффекта. Вот чего можно добиться буквально за десять минут -

1. Создайте новый документ 300х300 пикселов, фон - любой.

================================

2. Выберите Rounded Restangle Tool -



На панели инструментов выставите параметр Radius в 25 пикселов -



и создайте такой объект -



================================

3. Теперь немного поработаем со свойствами слоя - жмём на панели Layers (Слои) кнопку и выбираем Drop Shadow (Тень), здесь применяем такие настройки -



Затем здесь же, в окне свойств слоя переходим на вкладку Inner Shadow (Внутренняя тень) и выставляем такие параметры -



Следующая вкладка - Inner Glow (Внутреннее сияние), здесь у нас будут такие настройки -



На вкладке Gradient Overlay (Градиент) ставим такие параметры -



И, наконец, добавим обводку - вкладка Stroke (Обводка) -



После всех этих манипуляций, у вас должно получиться что-то похожее на это -



================================

4. Собственно основа кнопки готова, но ведь она совсем не похожа не стеклянную! Оказывается, чтобы получить тот самый стеклянный эффект нужно нанести один единственный штрих - блик. Его то мы и будем сейчас делать!

Итак, создайте новый слой - Layer > New > Layer / Слой > Новый > Слой и создайте выделение соответствующее форме нашей кнопки - делается это так: в Photoshop CS2 Ctrl+клик по значку на слое с кнопкой в панели Layers (Слои), в более старых версия Photoshop Ctrl+клик по слою с кнопкой.



Теперь Select > Transform Selection / Выделение > Трансформировать Выделение и трансформируйте выделение так же как у меня -



Залейте выделение белым цветом -



Затем используя инструмент Eraser (Стёрка), большой твёрдой кистью сотрите нижнюю часть слоя примерно до половины (удерживайте кнопку Shift нажатой для того, чтобы слой удалялся ровно), а потом, выставив параметр кисти Hardness (Жёсткость) на 0% частично сотрите нижнюю часть блика, сделав её полупрозрачной. После всего этого вы и получите настоящую стеклянную кнопку -



================================

Вот собственно и всё. Как видите, всё очень просто!

КАК ВЫСТАВИТЬ ПАРАМЕРТ КИСТИ ПЛЗ

Правой кнопкой мыши щёлкаем по рабочей области документа (естественно при выбранном инструменте Кисть) и выставляем параметр Hardness до нужной цифры.

а как залить выделение белым цветом

ellochka, инструментом Bucket (Ведро) или же Alt+Backspace, предварительно выставив Foreground ("передний цвет") на белый.

Урок Photoshop: Стеклянная кнопка
 

Сейчас я вас научу делать в фотошопе кнопку, позожую на такую:


1. Для начала создайте новый файл с белым фоном, затем создайте новый слой.
2. На этом слое нарисуйте скругленный прямоугольник с радиусом скругления 5px

3. Теперь переходим в Blending options слоя.
Параметры:







В принципе ничего особо сложного тут нет, если вы, разумеется, имеете хотя бы базовые навыки работы в фотошопе. Приятного фотошопства

"скругленный прямоугольник с радиусом скругления 5px"
а где этот параметр выставить?

Вот:

Эх... стекляшка не получаеться:(

если делать все пошагово, то все получается.

Трудности с пунктом 4, блеск не получается.

нарисуй новый овал по типу кнопки, залей белым и сотри ластиком.

Лана

Хе хе...Звездочка...:wow:
У мну целый лист красится...:secret:

Я не сдаюсь...буду пытаться...:comando:

Жду Он-лайн консультации...:)

Cj_Sonyck добавил 10.12.2007 в 18:43
Я долго мучался..пока не дошло что первый слой 300 на 300
А потом на втором рисуем фигурку...
Автор не указал этого...
Или я как то по левому сделал...
А второй человек...Разместивший скиный...
Пожелание...не все шарят в Англиском...А так зачет...
Спасиб...Очень полезная темка...:D

Русские версии переведены криво, а на английском всегда одинаково поэтому многие уроки и используются на Английском.

Лана и ты против меня:)
Знаю...Но я то в Инглише не бум бум:rolleyes: