Hey Guys Назад-назад Photoshop Tutorials. У цьому уроці я вас навчу, як створити I-кнопки телефону, як у Photoshop. Це дуже просте і досить ефективне керівництво. Сподіваюся, вам сподобається цей урок.

Заключний Preview

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

Крок # 1

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

Крок # 2

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

Крок # 3

Створити нову назву шару градієнтом шар смугою. Виберіть Rectangular Marquee Tool і створіть білу смужку.

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

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

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

Крок # 4

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

Тепер застосуємо деякий ефект

Gradient Overlay

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

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

Bevel і Emboss

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

Важливою частиною цієї Підручник: Зберігати кут при -90 ^о, висота, на 40 ^O

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

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

Удар

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

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

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

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

Крок # 5

Виберіть інструмент Текст і напишіть на фронт.

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

Bevel Emboss

Двічі клацніть на зменшене шар тексту на панелі "Шари, щоб відкрити Layer Styles діалогового вікна. Ми будемо застосовувати Bevel Emboss, Перший Зміна стилю для космічного Bevel і техніки для бурової м'який, ніж зміна значення глибина, напрямок, розмір і пом'якшити. Я вибираю встановити глибину, на 130%, направлення на зменшивши розмір файлу на 1px і розм'якшуються при 0px

Важливою частиною цієї Підручник: Зберігати кут при 90 ^о, висота, на 30 ^O

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

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

Заключний Preview

Нарешті, ми зробили цей урок.

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

Завантажити файл-джерело

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

iphone-як-buttons.rar (21,3 кб)

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