Створити вкладку Web 2.0 з Photoshop
Наступне керівництво нижче намагається дати вам уявлення про те, як розробити гарне меню гладкої вкладки в Photoshop, стилі Web 2.0.
Крок 1
Створіть нове полотно з білим фоном [#ffffff] будь-яким розміром, бажано прямокутним; вони більш підходять для малювання вкладок. Потім перейдіть на Вкладка Канали (Windows -> Канали), клацніть Створити новий канал внизу праворуч.
Крок 2
На обраному шарі каналу намалюйте подібну форму за допомогою інструменту полігонального ласо. Заповніть його білим кольором [#ffffff]; скасуйте вибір полігональної області (оберіть будь-який інструмент "Marquee" і натисніть на екран); дати форму Gaussian Blur з радіусом 6.0px.
Крок 3
CTRL-L щоб викликати Діалог рівня і натиснути стрілку вліво і вправо, щоб зустріти стрілку центру, як на зображенні вище. Це буде “гладкою” ваш розмитий-ed форма та дають вам красивий rounded кут форма.
Крок 4
На вкладці Канали, Утримуйте клавішу CTRL, натисніть на Мініатюра каналу шару Альфа 1. Тепер буде обрана нова форма, перейти назад Вкладка "Шари", Створити новий шар і заповнити виділену область чорним [# 000000].
Крок 5
Зніміть закруглені кути для бота знизу ліворуч і знизу праворуч, перемістіть його вліво і розташуйте його, як показано вище. Далі ми сфокусуємося на чорному кольорі Tab.
Утримуйте CTRL, натисніть на вкладку Мініатюра шару , щоб виділити всю вкладку. | |
Коли зображення на вкладці все ще виділено, виберіть Прямокутний інструмент "Намет", тримати ALT і намалюйте прямокутну область, яку ми хочемо видалити. | |
Ви повинні бачити лише вибрану верхню частину. Виберіть -> Змінити -> Контракт, Контракт на 2px і ви повинні отримати щось схоже на зображення зліва. | |
Створіть новий шар, заповнивши виділену область білим [#ffffff]. Клацніть правою кнопкою миші, виберіть Параметри накладання потім Градієнтне накладання. Замініть білу [#ffffff] зупинку кольору сірою [# 616161]. Ваша вкладка має виглядати як зображення зліва. |
Крок 6
Створіть новий шар; Виберіть Закруглений прямокутний інструмент (Радіус 8px), намалюйте прямокутник і покладіть цей шар за шар чорної вкладки. Клацніть правою кнопкою миші та виберіть Параметри накладання та вставте наступні параметри.
Тінь
- Непрозорість: 31%
- Відстань: 0px
- Спред: 0%
- Розмір: 2px
Скоси і рельєф
- Глибина: 100%
- Розмір: 0px
- Пом'якшення: 0px
Градієнтне накладання
- Ось параметри "Припинення кольору".
- Колір: #aaaaaa, Розташування: 0%
- Колір: #ffffff, Розташування 100%
Крок 7
Помістіть текст, щоб побачити загальний вигляд web 2.0. Я використовую шрифт Lucida Fax, розмір шрифту 32pt та 25pt. І ваша вкладка зроблена! Ви можете грати з комбінацією кольорів Tab.
Завантажити навчальний посібник