Рисуем кнопки для веб-сайта в Фотошоп

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

Финальное изображение:

Шаг 1

Создайте новый документ (Ctrl + N) размером 1280 x 1024 пикселов.

Шаг 2

Залейте фон цветом #CCBCC и кистью (Brush Tool) (В) большого размера белого цвета кликните один раз в центре фона, чтобы создать световое пятно. Теперь фон похож на радиальный градиент.03

Шаг 3

Р?нструментом Прямоугольник СЃРѕ скругленными углами ( Rounded Rectangle Tool)В (U) нарисуйте фигуру СЃ радиусом скругления 180 пикселов:

Шаг 4

Рљ фигуре примените стиль слоя Наложение градиента (Gradient Overlay). Р?спользуйте параметры, которые показаны РЅР° скриншоте:

Шаг 5

Р?нструментом Овальная область выделения (Elliptical Marquee tool)В (M) нарисуйте круглое выделение Рё залейте его черным цветом. Расположите его РЅР° предыдущей фигуре:

Шаг 6

Скопируйте стили со слоя с прямоугольной фигуры (кликните правой кнопкой мыши в палитре Слои по стилям слоя и выберите пункт Скопировать стили слоя. Теперь перейдите на слой с черным кругом, кликните по нему в палитре Слои правой кнопкой мыши и выберите пункт Вклеить стили слоя).

Шаг 7

Также, к слою с кругом примените стиль Тень (Drop shadow):

Шаг 8

Р?нструментом Овальная область выделения (Elliptical Marquee tool)В (M) нарисуйте круглое выделение Рё залейте его белым цветом.

Шаг 9

Выберите инструмент Произвольная фигура (CustomShapeTool) и нарисуйте фигуру конверта в режиме слой-фигуры.

Шаг 10

На слой с конвертом вклейте те стили слоя, которые ранее копировали:

Шаг 11

При помощи инструмента Текст (Text Type Tool) (T) напишите текст на кнопке:

Финальное изображение:

Автор: webdesign

Перевод: Слуцкая Светлана