Створити вкладку 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.

Завантажити навчальний посібник