Найти в Дзене

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

В этом уроке Вы узнаете, как нарисовать веб-кнопку для сайта. Для начала, мы создадим фон, потом будем работать с несколькими слоями, а также будем использовать слой-маски и другие полезные техники. Финальное изображение: Шаг 1 Создайте новый документ (Ctrl + N) размером 1280 x 1024 пикселов. Шаг 2 Шаг 3 Шаг 4 К фигуре примените стиль слоя Наложение градиента (Gradient Overlay). Используйте параметры, которые показаны на скриншоте: Шаг 5 Шаг 6 Скопируйте стили со слоя с прямоугольной фигуры (кликните правой кнопкой мыши в палитре Слои по стилям слоя и выберите пункт Скопировать стили слоя. Теперь перейдите на слой с черным кругом, кликните по нему в палитре Слои правой кнопкой мыши и выберите пункт Вклеить стили слоя). Шаг 7 Также, к слою с кругом примените стиль Тень (Drop shadow): Шаг 8 Шаг 9 Шаг 10 На слой с конвертом вклейте те стили слоя, которые ранее копировали: Шаг 11 Финальное изображение: Поделиться своей работой и задать вопрос можно на странице урока сайта photoshop-maste
Оглавление

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

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

Шаг 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