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

Заключний результат

Це те, що ми робимо сьогодні Gone

Крок # 1

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

Крок # 2

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

Крок # 3

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

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

Gradient Overlay

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

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

Drop Shadow

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

Внутрішня тінь

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

Наступна зміна Blending можливість нормального.

Bevel Emboss

Далі ми застосовувати Bevel Emboss, Перший Зміна стилю до Внутрішнього Bevel і техніки для згладжування, ніж зміна значень глибина, напрямок, розмір і пом'якшити. Я вибираю встановити глибину, на 100%, направлення на Up, розмір, при 1px і розм'якшуються при 0px

Зберігати кут при 120o, висота, на 30 o

Виділіть режим: я вибираю встановити Opacity на 0%.

Тіньовому режимі: я вибираю встановити прозорість на 14%.

Удар

Нарешті ми будемо застосовувати удар. Перша зміна значень від їх розміру. Я вибираю для встановлення розміру в 1px. Зміна положення на Inside

Я вибираю встановити прозорість на 50%.

Зміна кольору від ходу за замовчуванням # 529846

Чи повинна виглядати наступним чином.

Крок # 4

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

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

Gradient Overlay

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

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

Drop Shadow

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

Заключний результат

Якщо ви хочете перевірити вашу роботу, ви можете завантажити файл PSD для цього уроку

Завантажити файл [240KB]

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