Бесплатные уроки Фотошоп на каждый день: Гражневый дизайн рекламы

Sunday, June 23, 2013

Гражневый дизайн рекламы

Конечный результат:

Загрузите эти файлы:

Набор вспесков

Гранжевая текстура

Шаг 1: Подготовка продукта для рекламы

Для этого урока я выбрал кроссовок фирмы Nike. Скачайте рисунок с официального сайта и откройте изображение в Photoshop. Инструментом Перо (Pen Tool) обрисуйте кроссовок и нажмите Ctrl+Enter. Инвертируйте выделение (Select – Inverse) и нажмите Delete.

Шаг 2: Создание нового документа

Создайте новый документ размером 1000х800 пикселей с белым фоном. Вставьте в него изображение кроссовка (о других методах извлечения объектов можете прочесть тут):

Шаг 3: Добавление текстуры на фон

Вставьте загруженную в начале урока текстуру в наш документ, уменьшите её размер, если нужно и поместите под изображение кроссовка.

Шаг 4: Улучшение фоновой текстуры

Обесцветьте текстуру (Desaturation). Установите Режим наложения слоя – Перекрытие (Blending Mode – Overlay) и фон станет белым, так как текстура накладывается на белый фон.

К фоновому слою примените стиль Наложение цвета (Layer Style - Color Overlay):

Понизьте Непрозрачность слоя с текстурой до 30%. Если при изменении размера текстуры многие детали стали менее заметными, примените фильтр Резкость (Sharpen Filter).

Шаг 5: Создание пола

Сделайте копию слоя с текстурой и верните его Режим наложения к Нормальному (Blending Mode – Normal). Перейдите в режим Свободного трансформирования (Free Transform) и сожмите текстуру вертикально.

Теперь выберите инструмент Затемнитель (Burn Tool) и затемните некоторые области на сжатой текстуре.

Нужно, чтобы нижняя текстура лучше сочеталась с фоном. Выберите инструмент Ластик (Eraser Tool) с жёсткостью 0% и сотрите верхнюю границу текстуры пола.

Потом создайте новый слой (Create New Layer) над текстурами, выберите инструмент Кисть (Brush Tool) большого размера с мягкими краями. Чёрным цветом обрисуйте углы, чтобы затемнить их. Понизьте Непрозрачность слоя до 10%.

Шаг 6: Световой эффект позади кроссовка

Мы почти закончили с фоном. Мы воспользуемся световым эффектом, чтобы сильнее сконцентрировать внимание на продукте.

Над фоновыми слоями создайте новый слой (Create New Layer). Используя большую мягкую кисть белого цвета, кликните один раз на холсте, чтобы создать свечение.

Шаг 7: Всплеск на кроссовке

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

Инструментом Пипетка (Eyedropper Tool) нужно определить цвета всплесков.

Здесь нам понадобится набор всплесков, предоставленный в начале урока.

Начнём с самой нижней части (жёлая область). Лучше будет найти всплеск в горизонтальном положении.

Подготовка жёлтого всплеска

Откройте текстуру в Photoshop и разблокируйте фоновый слой. Инструментом Волшебная палочка (Magic Wand Tool) сделайте выделение белого фона и нажмите Delete. Перетащите всплеск в основной документ:

Инструментом Свободное трансформирование (Free Transform) измените размер всплеска и поверните его немного, потом расположите, как показано ниже.

Чтобы изменить цвет, мы воспользуемся корректирующими слоями. Создайте слой Карта градиент (Layer - Gradient Map). Создайте обтравочную маску на корректирующем слое (удерживая Alt, кликните между слоем с всплеском и корректирующим).

Цвет слишком яркий и, поэтому нужно создать слой Кривые (Layer – Curves), чтобы немного затемнить его (цвет всплеска должен быть очень похожим на цвет части кроссовка):

Нижний белый всплеск

Я вставил ещё один всплеск и создал корректирующий слой Black & White (Layer – Black & White), чтобы обесцветить его. Потом нужно создать слой Карта градиента (Layer - Gradient Map): цвет – от #d7d7d7 к #ffffff.

Красный всплеск

Вставьте ещё один всплеск и затемните его, создав корректирующий слой Кривые (Layer – Curves). В отмеченном месте сотрите всплеск ластиком.

Серый всплеск

Для серого всплеска используйте корректирующие слои:

Яркость/Контрастность (Levels - Brightness/Contrast): Яркость – 70, Контрастность – 0

Карта градиента (Layer - Gradient Map): от #525252 к #e6e6e6.

Верхний белый всплеск

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

Шаг 8: Убираем лишние области кроссовка

К слою с кроссовком добавьте маску слоя (Layer Mask), выберите мягкую кисть и чёрным цветом обрисуйте область кроссовка под всплесками, чтобы стереть её, как показано ниже.

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

Создайте новый слой и чёрной мягкой кистью обрисуйте область под кроссовком, там где должна быть тень. Потом понизьте Непрозрачность слоя с тенью. Лучше рисовать разные участки тени на разных слоях. В этом случае вы сможете регулировать Непрозрачность и применять отдельные эффекты к определённым местам.

Шаг 10: Последние штрихи

Нужно усилить контрастность всего постера. Для этого создайте слой Карта градиента над всеми слоями: цвет – от чёрного к белому. Установите Режим наложения этого слоя – Перекрытие (Blending Mode – Overlay). Понизьте Непрозрачность слоя до нужного вам результата (я использовал значение 30%).