RIATMP1154 - Барвистий меню сайту
Ось ще один урок Photoshop про те, як зробити барвисте привабливий заголовок сайту / меню / кнопки. Я сподіваюся, що ви збираєтеся подобається цей підручник. Уже в моєму попередньому пості я використав це меню, щоб створити веб-дизайну для корпоративних або бізнес-сайт. Ви також можете бачити, що розміщення на собі, як це меню буде виглядати з веб-дизайну. Для посилання, що дивіться мої інші розміщення RIATMP1151 .
Створіть новий документ Photoshop з чорним фоном. Створіть новий шар і назвіть його червоним. Виберіть інструмент Rectangle Marquee, намалюйте прямокутник і залийте будь-яким кольором. Неважливо, якого кольору це тому, що ми додамо Layer Styles. Тепер йдемо в Layer / Layer Styles / Gradient Overlay. Для довідки, будь ласка, дотримуйтесь зображення, показане нижче.
Створіть новий шар і назвіть його синім. Тепер клацніть правою кнопкою миші на червоний шар і виберіть шар прозорості. Приїжджайте в блакитний шар і заповніть виділення будь-яким кольором ви хочете. Тепер йдемо в Layer / Layer Styles / Gradient Overlay. Для довідки, будь ласка, дотримуйтесь зображення, показане нижче.
Тепер нам потрібно зробити світіння на синю кнопку. Для цього вибираємо інструмент Elliptical Marquee Tool. Тепер намалюйте правильне коло, натиснувши Shift + Alt. Ми повинні обрізати цей вибір відповідно до нашої синю кнопку. Так підіть на інструмент Rectangle Marquee, а потім натиснути Alt і врожаю надмірна частина цього кола. Див посилання картини.
Тепер заповніть, що з кольором (# 7db8c4). Виберіть інструмент Градієнт, встановіть його в лінійний градієнт, а потім відкрити редактор градієнтів. Виберіть «передній план прозорим".
Тепер ми будемо робити на помаранчеву кнопку. Для цього створіть новий шар і назвіть його помаранчевим. Потім виберіть шар прозорість шару синього і повернутися до помаранчевий шар і заповніть виділення помаранчевим кольором. Потім перейдіть на Layer / Layer Styles / Gradient Overlay. Для довідки, будь ласка, дотримуйтесь зображення, показане нижче.
Таким чином, у вас є всі 3 кольорових кнопок. Виберіть з них 3 і зробити дублікат шару. Тепер об'єднайте всі 6 шарів в один шар і назвіть його кнопки.
Тепер ми йдемо до наступної частини цього уроку. Так, його час, щоб зробити тонше прямокутного перерізу. Так підіть на інструмент Rectangle Marquee і намалюйте прямокутник в тонкий шар. Залийте його будь-яким кольором. Потім перейдіть на Layer / Layer Styles / Накладення градієнта і Outer Glow. Для довідки, будь ласка, дотримуйтесь зображення, показане нижче.
Тепер деякі частини цієї панелі ви повинні змінити колір на червоний відтінок, а деякі частини помаранчеві, як наша велика кнопка йде, для цього просто перейдіть в меню Image> Adjustments> Hue / Saturation і зміни кольору. Потім додати текст, як ви хочете. От і все. Наш яскравий заголовок / Рядок меню готова до використання для вашого наступного проекту. Я сподіваюся, це допоможе вам. І якщо так будь ласка, поділіться цій посаді з будь-якого сайту закладок. І, звичайно, я завжди люблю читати ваші коментарі. Спасибо. Будьте здорові!
