Главная » Полезные статьи » Графика » Adobe Photoshop » Создание Aqua кнопки в Photoshop
Распечатать статью

Создание Aqua кнопки в Photoshop

Шаг 1

Создайте новое изображение 400х400 пикселей с белым фоном. Перейдите на панель каналов и создайте новый канал. Теперь выберите инструмент Rectangle Marquee Tool и сделайте выделение размерами похожее с нашим. Залейте ваш прямоугольник белым цветом. Теперь отмените выделение (Ctrl+D).

Шаг 2

Идите: Filters > Blur > Gaussian Blur. И размойте на 9,2 пикселя.

Шаг 3

Теперь Image>Adjust>Levels. Установите в открывшемся параметры, которые указаны на рисунке. Кликните «ОК».

Шаг4

Зажав Ctrl кликните на канале «Alpha 1″. Затем идите назад на панель слоев. Создайте новый слой (Ctrl+Shift+N) и залейте выделение цветом:

R: 0
G: 108
B: 255

Теперь у нас есть форма кнопки.

Шаг 5

Возьмите инструмент Rectangle Marquee Tool. Зажав Shift, двигайте рамку выделения вверх кнопками Вверх и Вниз. Теперь удерживая Ctrl+Alt и кликните на слое «Layer 1″.

Шаг 6

Теперь снова нажмите Shift и затем вниз на клавиатуре, чтобы переместить ваш выбор вниз. Создайте новый слой (Ctrl+Shift+N) «Layer 2″. Нажмите D, затем X — это установит цвета по умолчанию. Возьмите инструмент Gradient Tool. Затем, в опциях, установите градиент: «Foreground to Transparent» (см рисунок).

Шаг 7

Теперь тащите градиент от верха выделения до низа (см. рисунок).

Шаг 8

ОК. Снимите выделение (Ctrl+D). Сейчас копируйте данный слой (Layer > Duplicate Layer) и идите: Edit > Transform> Rotate 180. Теперь переместите блик в низ кнопки. Измените модификацию слоя с Normal на Color Dodge. Установите непрозрачность (opacity) «Layer 2 Copy» равную 62. Кликните на «Layer 2 Copy» и идите: Filters > Blur > Gaussian Blur. Размойте изображение на 1,6 пикселя.

Шаг 9

Нажмите Ctrl и кликните на «Layer 1″. Создайте новый слой. Создайте кисть с параметрами, указанными на скриншоте. Добавьте небольшой блик снизу кнопки. Теперь, регулируя непрозрачность, добейтесь реалистичного изображения.

Шаг 10

Сейчас кликните на «Layer 1″ и идите : Layer>Effects>Drop Shadow, чтобы добавить тень. Когда вы добавите ваш текст на кнопку измените «Blend Mode» текстового слоя c «Normal» на «Overlay» для отличного эффекта (см. рисунок).

Источник: apocalypse.moy.su
При перепечатке ссылка на источник обязательна.

Вы можете оставить комментарий, или обратную ссылку на Ваш сайт.

Оставить комментарий

Похожие статьи