RSS
 

Создание aqua аква кнопок в Photoshop. Веб-дизайн

21 Окт

Это вариант создания стильных aqua кнопок в Photoshop, используя только инструмент градиента и несколько параметров выделений. Эта техника довольно проста и не требует никаких замысловатых шагов и методов.

tutorials_ifx01_hdr

tutorials_ifx01_img01

num01Вначале вам предстоит создать свою кнопку или bar. После этого загрузите выделение на слое с кнопкой. Для этого щёлкните на имени этого слоя в палитре слоёв, нажав клавишу Ctrl.
Определите желаемый вами цвет кнопки и установите цвет переднего плана и цвет фона соответственно светлее и темнее желаемого. Для этого урока я выбрал красный цвет. Таким образом цвет переднего плана я установил светло-красным, а цвет фона тёмно-красным.

tutorials_ifx01_img02

num02Примените вертикальный градиент так, чтобы светлый оттенок оказался внизу кнопки.
Теперь сожмите выделение на 5 пикселей, выбрав команду Select>Modify>Contract. Выберите команду Select>Feather [Выделить>Растушевать Ctrl+Shift+D] и введите в поле (радиус растушёвки) значение 3 пикселя.
Имейте ввиду, что вводимые значения для сжатия и растушёвки будут зависеть от размера вашей кнопки.

tutorials_ifx01_img03

num03Пока существует выделение, создайте новый слой выше текущего.
Установите белый цвет цветом переднего плана. Выберите инструмент Gradient. На панели параметров щёлкните в поле предварительного просмотра и в палитре доступных градиентов выберите образец «foreground to transparent» ["от переднего плана к прозрачному"]. Примените вертикальный градиент, перетаскивая инструмент сверху кнопки к её центру.
Снимите выделение и настройте непрозрачность нового слоя с эффектом блика по вашему усмотрению.

tutorials_ifx01_img04

tutorials_ifx01_img01

Источник: fxzone.eyeball-design.com/

 
Комментариев нет

Опубликовано в рубрике Уроки Photoshop

 

Прокомментировать