У цьому уроці ми будемо створювати прості і спритний синю кнопку. Це дуже простий і досить ефективний підручник, тому все, що вам потрібно це Adobe Photoshop для створення цього ефекту. Я сподіваюся, вам сподобається цей урок.

Крок № 1

Відкрити фотошоп і створіть новий документ, моя 550px × 125px на білому тлі.

Крок № 2

Заповніть колір у фоновий шар, мій колір # 3B3F46.

Крок № 3

Виберіть Rounded Rectangle Tool і створити кнопку, мій Радіус 15px, ширина: 128px і висотою 36px. Змініть колір переднього плану на # хороший 13AAB7 (Blue).

Крок № 4

Тепер нам потрібно додати деякі цікаві ефекти на кнопку.

Gradient Overlay

Styling кнопки двічі клацніть на кнопку шару слайдами на панелі "Шари, щоб відкрити стилі шару діалогового вікна, ми будемо застосовувати Градієнт Вплив вертикальної для кнопки. Потім натисніть на колір градієнту на право Градієнт, щоб відкрити редактор градієнтів кольору.

Перша зміна можливість змішування Overlay. Тримайте кутом 90 °, ніж змінити значення непрозорості. Я вибираю встановити непрозорість на 50%.

Двічі клацніть на лівій-колір-стоп і введіть значення кольору # 000000, а потім двічі клацніть на правій кольору зупинити і введіть значення кольору # FFFFFF.

Inner Glow

Наступна застосувати стиль внутрішнього шару світіння. Перша зміна змішування можливість накладення, ніж змінити значення непрозорості і розмір. Я вибираю встановити непрозорість на 55%, а розмір в 6px.

Зміна кольору світіння за замовчуванням для # FFFFFF

Тінь

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

Повинен виглядати таким чином.

Крок № 5

Створіть новий шар, зробіть виділення навколо вихідної кнопку, ви можете зробити це шляхом проведення потім натисніть клавіші CTRL шару мініатюру.).

Заповніть білий колір.

Виберіть Rounded Rectangle Tool, вибрати і видалити нижню половину білого шару ви тільки що зробили, вам може знадобитися для вимірювання висоти своєї кнопки до видалення нижньої половини.

Перш за все, необхідно змінити параметр режим шару на Softlight, ніж змінити значення непрозорості. Я вибираю встановити непрозорість на 20%

Крок № 6

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

Остаточний

Дайте нам знати, як що даний навчальний посібник може бути краще? Якщо ви знайшли будь-яких інших урок, що ви хочете поділитися з нами, не соромтеся, повідомте нам про це знижується в коментарі.

Якщо Ви бажаєте отримати більш детальну підручники від нас, будь ласка, підпишіться на наш канал по RSS або по електронній пошті .

Подано в: Photoshop , Підручники по адміністратора