Создание кнопки в стиле Windows

Для работы над уроком нужен плагин «Layer Effects»

Сначала создайте новое изображение 500*500px. Сделайте прямоугольное выделение по центру холста. Создайте новый слой и заполните выделение черным цветом.

Удерживая CTRL, удалите нижнюю половину выделения с прямоугольника.

Создайте новый слой и заполните его белым цветом. Для этого слоя установите непрозрачность 20%.

Зайдите во вкладку слоев, выберите слой с прямоугольником, нажмите на нем правой кнопкой мыши и выберите «Альфа-канал - Выделенная область». Создайте новый слой. Возьмите инструмент «Кисть» и выберите кисть «Circle (19)» увеличьте масштаб кисти до 5 и поменяйте цвет переднего плана на белый. Затем примените кисть как показано на рисунке:

Не снимая выделения, примените к этому слою "Фильтры - Размывание - Гауссово размывание" с параметром 25px.

Теперь идем в «Script-Fu - Layer Effects - Drop Shadow» и применяем его со следующими параметрами:

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

Затем выберите инструмент «Заливка» и в окне настройки установите заливку текстурой. Текстуру выберите «Wrning!». Во вкладке слоев выберите слой с прямоугольником, щелкните по нему правой кнопкой мыши и выберите «Альфа-канал - Выделенная область». Создайте новый слой и залейте его текстурой. После этого примените к слою «Цвет - Обесцветить», задайте слою полупрозрачность 10%.

В меню слоев выберите слой, к которому применили Гауссово размывание и нажмите на нем правой кнопкой мыши, в появившемся меню выберите «Альфа-канал - Выделенная область». Сделайте активным слой с черным прямоугольником и удалите выделенное. Удалите слой, к которому применяли Гауссово размывание.

Поэкспериментируйте с прозрачностью слоев. В результате у вас должно получиться что-то напоминающее эту кнопку:

Метки: кнопка, рисование, элементы навигации.

Похожие уроки

Рисуем кнопки в стиле Mac OS
Круглая кнопка
Блестящая кнопка

Уроки: ← предыдущий следующий →