RIATMP1167-Photoshop Підручник - Відбитий кнопки / Тема

Сьогодні ми збираємося зробити меню. Це дуже простий, але ви можете використовувати цю ж кнопку або меню або заголовків для різних типів веб-сайті. З-за його кольору та стилю, він може бути придатним для багатьох суб'єктів. Навіть можна змінити колір і зробити свій власний погляд чи просто йти вперед і може використовувати це готові кнопки для ваших проектів. Так ось підручник.

Створіть новий документ Photoshop. Виберіть інструмент прямокутник виділення та створення широкого прямокутника. Не має значення, якого кольору це тому, що ми додамо стилі шару.

Широкий Прямокутник

Тепер перейдіть на шар / Стиль шару / Gradient Overlay. Для довідки дотримуйтесь зображення показано нижче.

Gradient Overlay

Так що з Layer Style ви отримаєте результат, як цей.

меню

Тепер прийшов час додати деякі драми в нашому меню. Створіть новий шар і назвіть його темно. Тепер виберіть частину нашого меню і заповніть його будь-яким кольором. Тепер знову ми додамо Gradient Overlay в цьому шарі. Так підіть у Layer / Стиль шару / Gradient Overlay. Для довідки дотримуйтесь зображення показано нижче.

Стиль шару / Gradient Overlay

Так що з Layer Style ви отримаєте результат, як цей.

заголовок

Нам необхідно створити дільник ліній. Для цього створіть новий шар і за допомогою Rectangular Marquee Tool створення тонкої лінією прямокутника. Заповніть цю кольором (# 616161). Тепер скопіюйте цей шар і заповніть, що з більш світлим кольором (# 999999). Тепер вирівняйте і місце обидві лінії пліч-о-пліч і об'єднати ці 2 шари в один. Зробіть кілька копій цієї лінії і вирівняти правильно. Об'єднати всі лінії в один шар назву "Лінія".

ліній

Тепер прийшов час додати текст нашого меню, ви можете також додати свій власний текст меню.

Текст меню

Photoshop Підручник

Створіть новий шар над меню і двох примірниках. Зробіть вибір за допомогою прямокутне виділення. Виберіть інструмент Градієнт, встановіть його в лінійний градієнт, а потім відкрити редактор градієнтів. Виберіть "переднього плану до прозорого". Встановіть колір переднього плану (# 2a2727) і перетягніть градієнт у виділенні на новий шар. І ви повинні мати щось, як показано нижче! І це підводить нас до кінця цього уроку. Ура!

Меню або кнопки або заголовка або банер