Головна » Photoshop » Створити вкладку Web 2.0 з Photoshop

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

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