Шапка для сайту в фотошопі, блог про веб-дизайн onjee
Один напрямок дизайну змінює інше. Колись глянсовий, блискучий дизайн - змінився плоским і ергономічним. Але щось швидкоплинно і швидко змінюється, а щось вічно і залишається на завжди. До вічного, як раз, і відноситься ретро-стиль.
Розмітимо робочу область за допомогою лінійки (Ctrl + R). За ідеї, шапка повинна бути висотою близько 200px. Але я буду показувати в більшому масштабі і зроблю її
450px. Ширина повинна відповідати майбутньому макету - 1000px.
Відкрийте додаткові матеріали, завантажте тексутру bg_header і розмножте її на створеному раніше макеті.
Горизонтальне меню
Тепер давайте зробимо горизонтальне меню. За допомогою напрямних і лінійки відміряйте знизу 80px і залийте цей прямокутник білим кольором. З додаткових матеріалів завантажте файл bg_menu і розмножте його в межах створеного раніше прямокутника.
За допомогою Type Tool (T). використовуючи шрифт Georgia, напишіть пункти меню, зробивши їх темно-сірого кольору (# 575757). Відстань між пунктами повинно бути не менше 60px.
Далі виберіть на панелі інструментів Rounded Rectangle Tool (U) і намалюйте навколо кожного пункту меню обведення.
Тепер нам необхідно зробити активний пункт меню. Припустимо, це буде Веб-дизайн. Змініть текст активного пункту на білий, а підкладку на червоно-помаранчевий, прибравши при цьому всі параметри шару, включаючи обведення.
створення логотипу
Зараз ми займаємося розробкою логотипу. З додаткових матеріалів завантажте файл bg_logo і розташуйте його в центрі нашої шапки - це буде основа.
У центрі основи створіть коло діаметром
240 px і поставте йому ніжно-кремового відтінку # f1e8d5.
У нас повинно вийти щось подібне:
Відмінно, наш логотип набуває форми, рухаємося далі. Тепер, за допомогою Rectangle tool. намалюйте смужку висотою
370px і розташуйте її в центрі кола. Колір смужки повинен співпадати з кольором основи # e77817.
Як копіювати параметри шару:
P.s. При копіюванні параметрів від шару А до шару Б, параметри шару Б, якщо такі були, повністю замінюються, а не доповнюються.
З додаткових матеріалів завантажте шрифт Bazar і напишіть білим кольором на раніше створеної смужці слово Blog. Будь-яким іншим шрифтом, наприклад Georgia. зверху від смужки, напишіть слово ВЕБ, а знизу ДИЗАЙНЕРА, як показано на малюнку нижче:
Насправді, замість написів ви можете пошукати на фотостоках відповідне зображення і вставити його.
фінальні доопрацювання
З додаткових матеріалів завантажте текстуру tx_logo. Розмістіть її над усіма верствами. Змініть Opacity до 26% і режим накладення на linear Burn. Затиснувши Ctrl клікніть лівою клавішею миші на шар bg_logo для того щоб отримати виділення. Не знімаючи виділення, перейдіть на шар з текстурою і натисніть на кнопку створення маски (знаходиться на панелі шарів прямокутник з кружечком всередині).
У вас повинно вийти приблизно наступне:
З додаткових матеріалів завантажте файл tx_logo_2. Помістіть його вище всіх шарів і виконайте з ним ті ж маніпуляції, що і з текстурою раніше (не забудьте про режим накладення і прозорість, яка тепер становить 60%).
Завантажте файл Okantovka і розташуйте його в центрі логотипу під текстурами.
За допомогою кистей, наприклад Thick Heavy Brushes. нанесіть потертості на логотип кремовим кольором (# f1efdd). Пограйте з розмірами кистей і режимами накладення.
З додаткових матеріалів завантажте файл forlogo. Додайте його вище всіх шарів. Змініть режим накладання на Color Burn і Opacity до 13%. Додайте до шару маску так само, як ви це робили кілька кроків назад.
Все готово, залишився останній штрих. Поверх всіх створених шарів створіть коригувальний шар, перейшовши на панелі шарів в new adjustment layer> levels. Видаліть у нього маску, клікнувши по ній правою клавішею миші і вибравши пункт Delete Layer Mask. Встановіть наступні параметри:
