Шаг 4: Создание текстурного шаблона

Теперь создадим простой шаблон текстуры и применим его к шапке. Возьмите инструмент Карандаш (Pencil Tool), установите размер кисти в 2 пикселя и добавить две точки, которые касаются друг друга углами. Выключите фон и выделите точки. Выберите пункт меню Редактирование > Определить узор (Edit > Define Pattern).

Создайте новый слой и поместите его под выделенный слой. Выделите область, к которой мы хотим применить текстуру. Нажмите Shift + F5, чтобы загрузить текстуру. Заполните диалоговое окно. Выберите текстуру, которую только что создали, нажмите ОК.

Выделение заполнилось текстурой. Приблизьте изображение, чтобы рассмотреть поближе.

Смешивание текстуры плавно переходит в шапке. Добавьте маску слоя к слою с текстурой. Возьмите кисть с большой мягкостью. Выберите белый (#FFFFFF) цвет для кисти. Уменьшите Непрозрачность (Opacity) кисти до 60% и рисуйте. Если вы слишком сильно нанесёте краску, то потом можно будет настроить прозрачность слоя отдельно.

Прекрасно получилось.

Шаг 5: Добавление логотипа

Создание фона шапки в большей степени завершено. Теперь добавим логотип. Но перед этим в то место, где он будет находиться, добавим небольшое светлое пятнышко. Возьмите мягкую кисть, установите цвет #19535a. Добавьте светлое пятно.

Добавим текст логотипа. Я использовал шрифт "Bebas Font". Скачать его можно абсолютно бесплатно.

Добавим некоторые эффекты к логотипу. Смотрите изображения ниже.

Шаг 6: Навигация

Добавляем навигационные ссылки.

Создайте навигационные кнопки. Используйте инструмент Прямоугольник (Rectangular Marquee Tool). Заполните любым цветом. Далее сделаем нижнюю часть прямоугольника полностью прозрачной.

Дважды щелкните на пиктограмме слоя, выберите Наложение градиента (Gradient Overlay). Используйте настройки, показанные на изображении ниже.

Шаг 7: Контент-слайдер

Создайте выделение размером в 580 х 295 пикселей.

Залейте выделенную область серым цветом.

Откройте изображение, которое вы хотите использовать. Добавьте его в слой, который мы создали выше.

Теперь добавим эффект тени под слайдер. Создайте новый слой. Выберите инструмент Кисть (Brush Tool), установите диаметр до 400 пикселей. Откройте Палитру кистей (Brushes palette), и в ней используйте следующие настройки.

Установите цвет кисти #000000 и нарисуйте ей в нужном месте .

Примените фильтр Размытие по Гауссу (Gaussian Blur), чтобы смягчить края.

Выделите нижнюю половину тени и удалите её.

Поместите тень чуть выше слайдера по середине.

Уменьшите её по вертикали. Далее необходимо центрировать тень со слайдером. Выберите оба слоя и на панели управления выбранным инструментом (Options) нажмите на кнопку Выравнивание центров по горизонтали (Align Horizontal Centers).

Сделайте дубликат слоя с тенью и разверните его вертикально. Поместите его на нижний край слайдера.

Далее создадим кнопки управления для слайдера с помощью инструмента Прямоугольник (Rectangular Marqee). Залейте их чёрным цветом (#000000).

Установите Непрозрачность (Opacity) кнопки в 50%.

Выберите инструмент Произвольная фигура (Auto shapes) и на панели управления выбранным инструментом(Options) выберите стрелку. Добавьте её в кнопки.

Добавляем полоску в нижней части слайдера. Заливаем её чёрным цветом (#000000).

Делаем Непрозрачность (Opacity) полоски в 50%.

Здесь мы можем добавить описание картинки.

⇐ Предыдущая123Следующая ⇒

Поделиться: