В этом уроке мы собираемся создать простую & пятно синюю кнопку. Это очень простое и довольно эффективное учебное пособие, поэтому все, что вам нужно это Adobe Photoshop для создания этого эффекта. Надеюсь, вам понравится этот урок.

Шаг # 1

Откройте Photoshop и создайте новый документ, у меня 550px × 125px с белым фоном.

Шаг # 2

Заполните цвета в фоновый слой, мои цвета # 3B3F46.

Шаг # 3

Выберите Rounded Rectangle Tool и создавать кнопки, мои Радиус 15px, ширина и высота 128px: 36px. Измените цвет переднего плана на Nice # 13AAB7 (Blue).

Шаг # 4

Теперь нам нужно добавить некоторые интересные эффекты, к кнопке.

Gradient Overlay

Стайлинг кнопки дважды щелкните по кнопке миниатюрами слоя на панели "Слои, чтобы открыть Layer Styles диалогового окна, мы будем применять Влияние вертикального градиента на кнопку. Затем щелкните на цвете градиента на правом градиента возможность открыть Редактор градиентов цветов.

Первое изменение возможность смешивания Overlay. Хранить в угол 90o, чем изменение значения дымности. Я выбираю установить прозрачность на 50%.

Дважды щелкните на левом цвета остановки и введите значения цвета # 000000, а затем дважды щелкните на правой цвета остановки и введите значения цвета # FFFFFF.

Inner Glow

Теперь примените стиль внутренний слой светом. Первое изменение возможность смешивания Overlay, чем изменение значения непрозрачности и размера. Я выбираю установить непрозрачность на 55%, а размер на 6px.

Изменить цвет свечения от значения по умолчанию для # FFFFFF

Drop Shadow

Нанесите слой теней стиля. Первое изменение смешивания возможность нормального. Хранить угол при 120o, чем изменение значения непрозрачности и размера. Я выбираю установить прозрачность на 55%, а размер на 3px.

Должна выглядеть следующим образом.

Шаг # 5

Создайте новый слой, сделайте выделение вокруг вашей оригинальной кнопку, вы можете сделать это, удерживая Ctrl выбрав миниатюрами слоя.).

Заполните цвета на белый.

Выберите Rounded Rectangle Tool, выбрать и удалить нижнюю половину белый слой вы только что сделали, вы, возможно, необходимо измерить высоту своей кнопки до удаления нижней половины.

Сначала нужно изменить опцию режим слоя на Softlight, чем изменение значения дымности. Я выбираю установить непрозрачность на 20%

Шаг # 6

Выберите Horizontal Type Tool и тип текста на фронт.

Заключительный

Позвольте нам знать, как что данное учебное пособие может быть более лучше? Если Вы обнаружили другие Photoshop учебник, который вы хотите поделиться с нами, не стесняйтесь, сообщите нам, сбрасывая в комментарии.

Если Вы хотели бы получать больше учебников у нас, пожалуйста, подпишитесь на наш канал по RSS или по электронной почте.

Подано в: Photoshop, Tutorials по администратора