ДомойДизайнВеб-дизайнБаннер с акцентом на буквы

Баннер с акцентом на буквы

Баннер с акцентом на буквы выполняется при помощи замены тела буквы текстурой, в качестве которой может быть любое изображение.

Создаем рабочий файл. Создаем текстовые слои. Подбираем изображения, которые должны применяться в текстуре букв. Открываем изображение текстуры (пример1, пример2) и во вкладке «Файл» выбираем «Определить узор». Применяем к буквам в «Стиле слоя» узор.

Баннер-01Баннер-02

При необходимости подкорректировать яркость создаем корректирующий слой «Яркость/Контрастность» и настраиваем его.

Баннер-03

Слои с буквами в окне слоев выделяем и объединяем в группу: Ctrl + G. К группе применяем «Стиль слоя».

Баннер-04 Баннер-05 Баннер-06

Отдельными слоями добавляем декоративные элементы (пример). Создаем новый слой, выделяем в нем прямоугольную полосу и заливаем черным цветом.

Баннер-07

Применяем «Стиль слоя» настройки градиента.

Баннер-08

Добавляем к слою слой-маску и в ней кистью черного цвета скрываем края полосы.

Баннер-09

Дублируем группу с буквами. Преобразовываем в смарт-объект и растрируем во вкладке «Слои». Функцией «Масштабирование» отражаем зеркально слой.

Баннер-10

Добавляем к слою слой-маску и скрываем всю часть букв, которые выходят за пределы черной полосы.

Баннер-11

Скрываем часть клипарта. Добавляем к слою слой-маску, выделяем низ изображения и заливаем выделенную область черным цветом в маске.

Баннер-12

То же самое проделываем с клипартом.

Баннер-13

Создаем позади текстового слоя инструментом «Овал» овальное выделение.

Баннер-14

Придаем ему размытие.

Баннер-15

Создаем новый слой. Инструментом «Прямоугольная область» выделяем прямоугольник. Правой кнопкой мышью вызываем контекстное меню и производим обводку.

Баннер-16

К слою применяем «Стиль слоя» и делаем рамочку.

Баннер-17 Баннер-18

Добавляем фон в виде корректирующего слоя «Узор» и подбираем узор, который можно сделать самостоятельно (см. урок как создать собственный узор). Дополняем цветокоррекцией.

РЕЗУЛЬТАТ

Баннер с акцентом на буквы

Источникfotokomok.ru

ОСТАВЬТЕ КОММЕНТАРИЙ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь

ПОХОЖИЕ СТАТЬИ