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

Як створити веб-кнопки в Photoshop

Крок # 1

Відкрийте Photoshop і створіть новий документ, у мене 550px × 125px з білим тлом.

Крок # 2

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

Крок # 3

Виберіть Rounded Rectangle Tool і створювати кнопки, мої Радіус 7px, ширина і висота 156px: 38px ..

Крок # 4

Зараз ми будемо застосовувати деякий ефект

Gradient Overlay

Стайлинг кнопки двічі клацніть на кнопці слайдами шару на панелі "Шари, щоб відкрити Layer Styles діалогового вікна, ми будемо застосовувати Вплив вертикального градієнта на кнопку. Потім клацніть на кольорі градієнта на правому градієнта можливість відкрити Редактор градієнтів кольорів.

Двічі клацніть на лівому кольору зупинки і введіть значення кольору # 9E4C45, а потім двічі клацніть на правій кольору зупинки і введіть значення кольору # EA8484.

Drop Shadow

Нанесіть шар Drop Shadow стилю. Зберігати кут при 120o, ніж зміни значень димності, відстань і розмір. Я вибираю встановити прозорість на 23%, відстань, на 1px і розмір, при 9px.

Крок # 5

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

Ми будемо застосовувати деякий ефект для тексту.

Color Overlay

Двічі клацніть на зменшене шар тексту на панелі "Шари, щоб відкрити Layer Styles діалогового вікна. Спочатку ми будемо застосовувати кольори оверлея, я вибираю колір # 0D0D0E

Drop Shadow

Нарешті ми будемо застосовувати тіні, спочатку змініть Blending можливість нормального. Змінити колір тіні від стандартних до # FFFFFF. Зберігати кут при 120o, ніж зміни значень димності, відстань і розмір. Я вибираю встановити прозорість на 32%, а відстань, на 1px і розмір на 1px.

Заключний Preview

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

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

Подано в: Безкоштовно, Photoshop, Tutorials по адміністратора