Найти тему

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

Оглавление

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

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

Шаг 1

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

-2

Шаг 2

-3

Шаг 3

-4

Шаг 4

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

-5

Шаг 5

-6

Шаг 6

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

-7

Шаг 7

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

-8

Шаг 8

-9

Шаг 9

-10

Шаг 10

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

-11

Шаг 11

-12

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

-13

Поделиться своей работой и задать вопрос можно на странице урока сайта photoshop-master.ru