Рубрика: Photoshop Уроки | Урок прочитали: 448
 (голосов: 0)

Создай свой рекламный постер в Фотошоп

В этом уроке графического дизайна мы создадим постер с некоторыми чертами стиля гранж, характерного  для рекламы  обуви Nike. Графических дизайнеров часто нанимают для работы в рекламных кампаниях. Большие проекты реализуются под руководством арт-директора, путем сотрудничества с командой из нескольких, творческих людей, специализирующихся в различных вопросах. Малые же фирмы, напротив, как правило, заключают контракт с одним дизайнером, и дают ему подробные указания о том, каким они хотят видеть дизайн своего продукта.

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

Материалы для урока

Paint Tossing Pack от MediaMilitia (бесплатное скачивание)

Grunge Grab Bag: Texture Pack от Design Instruct (бесплатное скачивание)

Шаг 1: Подготовка продукта
Для этого урока была выбрана классическая обувь Nike. Вы можете использовать изображение любого продукта и создать такой же эффект. Если вы хотите работать с таким же изображением, перейдите на NikeiD и создайте собственную пару обуви для своего постера. Вы можете использовать даже ваши любимые кроссовки.

Как только вы определились с предметом  дизайна (т.е. какую обувь или какой продукт вы будете представлять), используйте Pen Tool (P) (Инструмент «Перо») в режиме выбора пути по краям обуви.

Нажмите Ctrl / Cmd + Enter, чтобы осуществить выделение, или, на холсте, щелкнув правой кнопкой мыши внутри контура объекта, выберите пункт Make Selection (Образовать выделенную область…) в появившемся меню. Инвертируйте выделение Select > Inverse (Выделение > Инверсия) и нажмите Delete, чтобы удалить его фон. Таким образом, мы определим и подготовим наш продукт для последующего представления.

Шаг 2: Создание нового документ Photoshop и размещение объекта
Создаем новый документ Ctrl / Cmd + N (Файл > Новый…) в Photoshop  размером 1000 × 800px с белым фоном.

После того как новый PSD файл создан, вставьте ботинок.

Шаг 3: Добавление текстуры фона
В центре внимания нашей работы — продукт (обувь), поэтому мы создадим мягкий, ненавязчивый фон с целью перенести часть внимания на предмет рекламы.

Скачайте  набор текстур Grunge Grab Bag: Texture Pack  (в уроке использовалась текстура  Grunge Grab Bag Texture 02) и откройте его в Photoshop Files > Open (Файл > Открыть).

Нажмите Ctrl / Cmd + T, чтобы активировать команду Free Transform (Свободное трансформирование) и уменьшите размер текстуры, чтобы она соответствовала нашему холсту.
Поместите слой текстуры между слоем с обувью и  белым фоновым слоем, созданным  по умолчанию.

Шаг 4: Работа с текстурой фона
Обесцветьте текстуру, выбрав ее слой на панели слоев и нажав Shift + Ctrl / Cmd + U или выбрав Image > Adjustments > Desaturate (Изображение > Коррекция > Обесцветить).
После обесцвечивания текстуры, переключите Blend Mode (Режим наложения) слоя на Overlay (Перекрытие).  Теперь фон станет совершенно белым, потому что он накладывается на нижний слой с белым фоном, но не волнуйтесь: мы исправим это с помощью Blending Options (Параметры наложения).

Щелкните правой кнопкой мыши на фоновом слое на панели слоев и выберите Blending Options (Параметры наложения). Появится диалоговое окно Layer Styles (Стиль слоя). Здесь, выберите серый цвет (# b5b5b5) в пункте Color Overlay (Наложение цвета).

После того, как вы добавили стиль слоя Color Overlay, уменьшите свойство Opacity (Непрозрачность)  слоя текстуры на 30%.

Совет: При изменении размера текстур, множество мелких деталей, будет потеряно. Для большего детализирования вашей текстуры, вы можете использовать фильтр Резкость Filter > Sharpen > Sharpen (Фильтр > Резкость > Резкость), если хотите.

Шаг 5: Создание пола
Теперь, когда у нас есть хороший гранжевый фон, давайте создадим пол для нашего объекта. Продублируйте слой с текстурой, щелкнув на слое правой кнопкой мыши на панели слоев и выбрав Duplicate (Создать дубликат слоя…) в появившемся меню.

Поскольку Blend Mode (Режим наложения) слоя с оригинальной текстурой установлен в Overlay (Перекрытие), нам нужно восстановить Режим наложения дублированного слоя  в Normal (Нормальный).

После этого нажмите Ctrl / Cmd + T, чтобы активировать команду Free Transform (Свободное трансформирование), а затем перетащите вниз верхнюю центральную точку контроля, чтобы  уменьшить высоту текстуры, как если бы мы сплющивали ее вниз — таким образом, мы создали идею перспективы.

Далее, возьмите Burn Tool (O) (Инструмент «Затемнитель») на панели инструментов, чтобы затемнить часть пола, в частности, мы хотим затемнить нижние углы.

Пол все еще слишком заметный — мы хотим, чтобы он больше сливался с текстурой фона. Для этого, мы «углубляем» изображение и пол выглядит менее отвлекающим. Используйте Eraser Tool (E) (Инструмент «Ластик») для удаления верхнего горизонта (верхний край пола). Для этого выберите большую мягкую кисть с Hardness (Жесткость) 0%.

Совет: Если хотите, можете использовать слой-маску и черную кисть для достижения того же результата.

Чтобы завершить пол, создайте новый слой поверх него, выберите большую, черную, мягкую кисть и закрашивайте углы, чтобы затемнить их. После этого уменьшите Opacity (Непрозрачность) этого слоя до 10%.

Целью этого шага является привлечение внимание зрителя к центру нашего холста, где размещен продукт.

Шаг 6: Создание светового эффекта за обувью
Фон почти готов. Последний штрих − световой эффект за обувью. Световые эффекты - это способ приукрасить продукт и привлечь к нему еще больше внимания. Не забывайте, что цель рекламного плаката – продать товар, так что мы должны сделать все возможное, чтобы увеличить желание клиента купить его. Всего несколько деталей могут заставить его засмотреться, или тут же отвести взгляд.

Начните с создания нового слоя, который будет находиться непосредственно над слоями фона.
Затем возьмите большую, белую, мягкую кисть Brush Tool (B) и используйте на холсте один раз, чтобы создать световой эффект.

Шаг 7: Создание яркого красочного эффекта  
Сейчас мы добавим эффекты красок в нашу композицию. Мы разместим их на задней части обуви, как будто краска плавит ее (отсюда, "токсичные краски").

Для достижения этого результата, мы должны определить, какие цвета использовать, взяв образцы с частей обуви при помощи Eye Dropper Tool (I) (Инструмент «Пипетка»), и немного подредактировать их, чтобы они соответствовали цвету обуви.

Для самих эффектов, можно скачать набор Paint Tossing Pack с Media Militia.

Начнем с нижней части обуви (желтая область). Лучшим вариантом было бы найти простой эффект горизонтально-ориентированной формы. Этот (из набора Paint Tossing Pack) идеально подходит для наших целей:

Создание желтого эффекта
Откройте эту текстуру в Photoshop и дважды щелкните по слою с белым фоном, чтобы разблокировать его.

Возьмите Magic Wand Tool (W) (Инструмент «Волшебная палочка»), выделите белую область, выбрав ее на холсте (автоматически должна выделиться вся белая область), и нажмите Delete, чтобы удалить фон. Перетащите подготовленную форму на основной холст.

Выполните команду Free Transform (Ctrl / Cmd + T) (Свободное трансформирование), чтобы повернуть краску и изменить ее размер. Разместите ее на желтой подошве обуви.

Теперь мы должны сделать краску желтой.  Для этого будем использовать два корректирующих слоя.

Выберите слой с краской в качестве активного слоя в палитре слоев и выполните  Layer > New Adjustment Layer > Gradient Map (Слой > Новый корректирующий слой > Карта градиента). Для того, чтобы изменить только лишь краску (а не все слои, которые находятся ниже корректирующего слоя карты градиента), создайте обтравочную маску Layer > Create Clipping Mask (Слой > Создать обтравочную маску) на корректирующем слое.

Установите цвета градиента от темно-желтого цвета (# e9c603) до более светлого (# f3df71).

Цвет краски по-прежнему слишком светлый. Используйте кривые корректирующего слоя Layer > New Adjustment Layer > Curves (Слой > Новый корректирующий слой > Кривые), чтобы немного затемнить его, чтобы он соответствовал желтому цвету подошвы обуви.

Наконец, создайте слой-маску для краски, возьмите мягкую черную кисть, и используйте Brush Tool (B) (Инструмент «Кисть»), чтобы удалить небольшой участок на правой стороне краски, так чтобы выглядело, как будто она принадлежит обуви.

Белая краска внизу
Другие эффекты создаются с помощью того же метода, но с применением различных корректирующих слоев.

Для белой краски, примените черно-белый корректирующий слой, чтобы обесцветить краску и карту градиента корректирующего слоя, от светло-серого (# d7d7d7) до белого (# FFFFFF), чтобы покрасить ее.

Красная краска
Для красной краски, была выбрана красная фигура из Paint Tossing Pack  повернутая горизонтально при помощи Free Transform (Свободное трансформирование). Чтобы затемнить ее цвет, примените Curves (Кривые) корректирующего слоя.

Серая краска
Увеличьте яркость серой краски до 70 с помощью Brightness / Contrast (Яркость / Контраст) корректирующего слоя Layer > New Adjustment Layer > Brightness / Contrast (Слой > Новый корректирующий слой > Яркость / Контраст). Затем, добавьте Gradient Map (Карту градиента) корректирующего слоя, от темно-серого (# 525252) до светло-серого (# e6e6e6).

Белая краска наверху
Наконец, для последнего эффекта, примените тот же корректирующий слой, что и для белой краски внизу.

Шаг 8: Усовершенствование постера при помощи слой-маски
Выберите слой с обувью и создайте слой-маску, нажав на кнопку Add layer mask (Добавить слой- маску) в нижней части панели слоев.

После создания маски, используйте черную, мягкую кисть Brush Tool (B), чтобы стереть заднюю часть обуви без потери самого рисунка (это очень удобно, потому как, если вы хотите что-то изменить, вернуться к исходному состоянию, или если допустили ошибку – вы можете просто удалить слой-маску). Это создаст иллюзию того, что краски естественным образом связаны с ботинком.

Шаг 9: Добавление теней на обуви
Создайте новый слой под слоем с ботинком, мы добавим эффект мягких теней для обуви на этом слое. Лучше всего взять мягкую черную кисть и красить у нижней границы обуви.
После того как вы прорисовали участки с тенями, уменьшите  Opacity (Непрозрачность) слоя, чтобы тени меньше выделялись.

Создайте еще теней, но не используйте один единственный слой для их создания. Лучше делайте тени разных мест на различных слоях. Таким образом, у вас будет больше контроля, и вы сможете создавать необходимую глубину, настраивать отдельные слои для получения интересных результатов. Например, вы можете уменьшить Opacity (Непрозрачность) каждого слоя до различных значений, чтобы тени выглядели более реалистично.

Шаг 10: Заключительная обработка
Рекламный постер почти завершен. Цвета отлично взаимодействуют друг с другом. Это просто, но в ??то же время ярко. К тому же сосредоточено на продукте ??и носит целенаправленный характер, что соответствует принципам рекламы. Оценивая композицию, можно сказать, что изменять больше нечего.

Что мы можем сделать, так это слегка увеличить контраст. Для этого создайте новую Gradient Map (Карту градиента) корректирующего слоя поверх всех остальных слоев. Установите градиент от черного (# 000000) к белому (# FFFFFF), и затем переключите Blend Mode (Режим наложения) корректирующего слоя на Overlay (Перекрытие).

Наконец, уменьшайте Opacity (Непрозрачность) слоя, до тех пока вы не будете удовлетворены цветовым контрастом вашей композиции. На примере, непрозрачность была уменьшена до значения 30%, что, кажется, выглядит неплохо.

Чтобы немного стилизовать постер, был добавлен логотип Design Instruct, а так же курсивная надпись названия сайта (WeGraphics) в нижней правой части холста.

Итоги
В этом уроке графического дизайна Photoshop, мы освоили способ создания гранжевого рекламного постера представляющего обувь Nike (которую можно заменить на любой собственный продукт). Вы получили навыки создания эффекта "токсичных красок", узнали о техниках привлечения внимания покупателя к продукту, путем изменения его окружения, оценили преимущества корректирующих слоев, и многое другое.

Источник для загрузки материалов урока:

grunge_shoe_ad (ZIP, 9.40 Мб)

Автор: Sebastiano Guerriero.
Переводчик: Решетникова Наталья
Ссылка на источник

           

Похожие файлы и публикации:

Создай свой рекламный постер в Фотошоп
В этом уроке я дам Вам несколько советов о том, как создать праздничную открытку для Дня святого Валентина.  Вы узнаете, как добавить стиль слоя, нарисовать сердце инструментом Перо, применять Кисти и т.д. Так давайте начнем!
Создай свой рекламный постер в Фотошоп
В этом уроке мы с Вами создадим простую иллюстрацию с неоновыми цифрами в Photoshop CS5. Надеюсь, вам понравится этот урок, и он вдохновит Вас на создание своих собственных изображений.
Создай свой рекламный постер в Фотошоп
Шаг 1. Создайте новый документ (600X700px). Вставьте в него текстуру старой бумаги.
Создай свой рекламный постер в Фотошоп
Заключительный результат.
Создай свой рекламный постер в Фотошоп
В этом уроке Вы узнаете, как создать эффект серебра на тексте с нуля с использованием нескольких инструментальных средств Photoshop, различных параметров наложения, и т.д. Давайте начнем! В конце урока у Вас получится
Создай свой рекламный постер в Фотошоп
Начнем работу с создания нового документа (Ctrl+N) в Adobe Photoshop, размером 1920px*1200px (RGB цветовой режим) при разрешении 72 пикс. Используйте инструмент Заливка
Создай свой рекламный постер в Фотошоп
В этом уроке  Вы научитесь создавать интересный огненный эффект с помощью программы  Фотошоп  и  использовать  его  для художественного оформления своих  работ.
Создай свой рекламный постер в Фотошоп
В этом уроке вы узнаете, как создать чарующий эффект, используя узоры и маски. Давайте начнем!
Создай свой рекламный постер в Фотошоп
Если вы хотите узнать, как создать удивительную Новогоднюю открытку с блестящими декоративными звездами, с помощью простых форм и градиентов в Adobe Photoshop CS5, то этот урок для Вас. Давайте начнем!
Создай свой рекламный постер в Фотошоп
Сегодня мы будем учиться создавать одежду из воды.
Создай свой рекламный постер в Фотошоп
Вот финальное изображение:
Создай свой рекламный постер в Фотошоп
Шаг 1: Создание формы Создайте новый документ в Фотошоп, залейте его белым (#FFFFFF). Создайте new layer (новый слой) и используйте инструмент Pen (Перо), чтобы нарисовать фигуру бейсболки (вы можете использовать в качестве  ориентира изображение бейсболки или этот контур, представленный ниже). После чего нажмите Ctrl+Enter, чтобы трансформировать контур в выделение. Затем залейте его цветом #1c1812.
Создай свой рекламный постер в Фотошоп
Шаг 1. Создайте новый документ размером 900 на 790 px (пикселей) и залейте фон черным цветом. Создайте новый слой и назовите его "Создание формы". Выберите инструмент  Ellipse Tool (Эллипс) (U) на панели инструментов:
Создай свой рекламный постер в Фотошоп
Сегодня мы рассмотрим хороший и простой урок, с помощью которого вы узнаете, как создать абстрактную открытку с красочными формами, используя простые методы и инструменты
Создай свой рекламный постер в Фотошоп
Несколько недель назад  мой друг поинтересовался, как создать 3D сферу в Фотошоп.  Я не знал, как это сделать, но это меня заинтриговало, так что я решил попробовать.  Я знал, что нужно использовать фильтр Сферизация, но не знал, как это сделать. Так что в этом уроке я покажу вам, как создать красивую 3D сферу в фотошопе используя основные инструменты и фильтр Сферизация.  Весь этот урок не займет более 30 минут, но техника действительно полезна, особенно для создания значков и логотипов.
Создай свой рекламный постер в Фотошоп
Иногда, бывает нужно быстро применить какой-либо эффект и в этом на помощь придут экшены. Одним нажатием кнопки, Вы без труда воссоздадите нужный эффект.
Создай свой рекламный постер в Фотошоп
В этом уроке мы с помощью программы Фотошоп создадим танец красок!
Создай свой рекламный постер в Фотошоп
 Чтобы приступить к работе, давайте сначала посмотрим на конечный результат.
Создай свой рекламный постер в Фотошоп
В этом коротком уроке вы узнаете, как создать впечатляющий и эмоциональный эффект для ваших фотографий. Прочитав данный урок, вы сможете создать красивый и удивительный портрет из обычной фотографии за 10 минут или меньше.