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

Заключний Preview

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

Крок # 1

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

Крок # 2

Виберіть Rounded Rectangle Tool і створювати кнопки, мій радіус 6px.

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

Gradient Overlay

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

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

Drop Shadow

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

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

Удар

Далі ми застосовувати удар. Перша зміна значень від їх розміру. Я вибираю для встановлення розміру в 1px, позиція у зовнішніх. Я вибираю встановити прозорість на 100%. Зміна кольору від ходу за замовчуванням # 666666

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

Крок # 3

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

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

Color Overlay

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

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

Наступний застосовувати внутрішній шар Shadow стиль. Найбільш важливою частиною тримати кута 41 °, ніж зміни значень димності, відстань і розмір. Я вибираю встановити прозорість на 75%, а відстань, на 1px і розмір на 1px.

Drop Shadow

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

Результати

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

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

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