2013-09-18_060959В самом начале урока сделаем отступление. Итак, градиент – это плавный переход от одного цвета в другой, применяемый в качестве эффекта для различных графических решений в процессе обработки рисунка или фотографии. Растушевка – это размытие граней. А теперь практика.

Создадим в программе кнопку. Для начала создаем новое изображение в программе Photoshop размером, например, 400 на 200 пикселей и заливаем его черным цветом. Нажав на клавишу «U» создаем прямоугольную область на подготовленном изображении, а затем изменяем несколько углы, создав закругления.

Сделав активным последний созданный элемент, заливаем его градиентом, цветом, например, #B42310. Сделать это можно выбрав нужный вам слой в палитре Layers (Слои), щелкнув два раза правой кнопкой мышки по выбранному слою. Для усиления визуального эффекта, добавьте вертикальный градиент. Для того чтобы его провести ровно и, в соответствии с вашими предпочтениями, используйте клавишу «Shift».

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

На кнопку можно будет добавить надпись или любое изображение при помощи функции Shape, о которой не однократно уже говорилось в предыдущих уроках. Не стоит забывать и о том, что было пройдено, кроме этой функции. В процессе работы можно применить фильтры,  о которых было упомянуто в уроке № 6.

Всем известен такой эффект, как изменение внешнего вида кнопки, при наведении на нее или нажатие. Так вот, создать такой эффект очень просто, как раз, при помощи градиента. То, изображение, которое будет принадлежать кнопке в покое, может иметь верхний градиент, а то изображение, которое будет принадлежать кнопке при наведении на нее курсора мыши – нижний.