Photoshop. Как создать кнопку

Шаг 1. Создание документа

В Photoshop создаем документ размером ширина 250 пикс, высота 50 пикс, разрешение 72 пикс/дюйм (расширение для ПК), с прозрачным фоном:

Шаг 2. Рисуем  основу

Выберите инструмент Прямоугольник со скругленными углами . На панели свойств установите Радиус 10 пикс, цвет 34b649:

На новом слое рисуем фигуру:

Шаг 3. Добавление стиля

Используя кнопку Добавить стиль слоя  на палитре Слои зададим следующие параметры для Внешнего и Внутреннего свечения:

Удерживая нажатой клавишу CTRL, щелкните в палитре Слои по пиктограмме с изображением прямоугольника.

Создадим новый слой.

Выбираем инструмент Овальная область, и, удерживая нажатой клавишу ALT, создаем выделение, как показано на рисунке:

Выбираем инструмент Градиент . Задаем белый цвет и устанавливаем следующие параметры:

Заливаем выделенную область и снимаем выделение комбинацией клавиш CTRL+D. Получаем:

Шаг 4. Создание тени

Создаем новый слой. Выбираем инструмент Овальная область и создаем выделение:

Устанавливаем основной цвет черный, и инструментом Градиент заливаем:

Снять выделение.

Шаг 5. Оформление кнопки

Снова, удерживая нажатой клавишу CTRL, щелкаем в палитре Слои по пиктограмме с изображением прямоугольника, чтобы выделить основу кнопки.

Создайте новый слой. Выберите инструмент Прямоугольная область, и, удерживая нажатой клавишу ALT, вычитаем половину выделения:

Основной цвет – белый. Выбираем инструмент Градиент, непрозрачность уменьшаем до 11% и заливаем выделение.

Снять выделение.

Устанавливаем направляющие.

Создаем новый слой. Инструментом Овальная область рисуем круг и заливаем его Линейным градиентом с настройками:

применяем к нему эффект Тиснение:

Получим: