Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photo Effects
Design

Создаём Ретро Постер Джазовой Музыки в Photoshop

by
Difficulty:IntermediateLength:ShortLanguages:

Russian (Pусский) translation by Ashimova Damira (you can also view the original English article)

Цифровая графика во многом зависит от программного обеспечения, которое использует для создания. Учитывая чёткость и идеальную природу пикселей Photoshop, всегда есть риск, что арт работы будут выглядеть слишком совершенными, поэтому важно научиться вносить естественные произвольные вариации в наши цифровые творения. В этом уроке мы создадим постер, создающий атмосферу вечера, для танцевальной вечеринки, используя текстурированный ретро-стиль, который так популярен в наши дни.


Исходные материалы

Мы используем текстуру и фотографию. Следующие исходные материалы были использованы для создания данного урока:


Шаг 1

Создайте новый документ в формате B2, данный формат традиционно применяется для создания постеров. Установите следующие размеры 500x707 mm и конечно же, вы должны выбрать CMYK в качестве цветового режима (color mode) и установите разрешение 300 px/inch поскольку мы создаём дизайн для принта (1a). Залейте холст сплошным голубовато-зелёным оттенком средних тонов (1b).


Шаг 2

Нажмите клавишу ‘B’, чтоб активировать инструмент Кисть (Brush Tool), установите очень большую круглую мягкую кисть, цвет кисти светло голубовато-зелёный. Далее, в произвольной манере, прокрасьте кистью поверх холста (2a). Старайтесь использовать различные тона, включая светло и тёмно-голубые тона, а также варьируйте размер кисти, чтобы создать дымчатый узор завихрений (2b). Теперь идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur), примените довольно-таки большой радиус размытия, чтобы сгладить узор, при этом скрывая любые возможные жёсткие края мазков кисти (2c, 2d).


Шаг 3

Создайте новый слой. Выберите светло-жёлтый оттенок кисти, чтобы нарисовать маленький круг (3a). Дважды щёлкните по слою с нарисованным кружком, чтобы применить стиль слоя, добавьте Обводку (Stroke) 1px, используя тот же самый цветовой оттенок (3b). Кроме этого, уменьшите значение Заливки (fill) слоя до 0, таким образом, будет видна только обводка. Также уменьшите Непрозрачность (Opacity) слоя до 50% (3c).


Шаг 4

Продублируйте слой с кружком три раза, варьируя непрозрачность дубликатов слоёв. Заливка (Fill) слоя с самым большим кругом должна быть 10 %, а не 0 (4a, 4b). Сгруппируйте четыре круга, продублируйте созданную группу, распределив дубликаты групп поверх всей верхней области холста, при этом варьируя их масштаб и непрозрачность (4c).


Шаг 5

Продублируйте фоновый слой (background), но вначале дважды щёлкните по нему, чтобы разблокировать его, а затем нажмите клавиши (Ctrl+J (5a). Идём Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise), установите значение эффекта на 2% (5b). Теперь щёлкните по значку Добавить слой-маску (Add layer mask) в нижней части панели слоёв, чтобы добавить слой-маску к дубликату фонового слоя (5c). Щёлкните по маске, чтобы она стала активной, далее, выберите инструмент Кисть (Brush). Цвета переднего /заднего плана автоматически поменяются на белый и чёрный. Нажмите клавишу ‘X’, чтобы переключить цвета. С помощью большой кисти, которую вы ранее использовали, цвет кисти чёрный, прокрасьте отдельные участки заднего фона, чтобы приглушить эффекты шума (5d). Результат едва виден при этом разрешении, но переходы на фоновом слое стали более плавными между шумом и гладкой поверхностью (5e). Мы создали нежный эффект, который можно было бы пропустить, но он создаёт лёгкое и приятное цветовое решение.


Шаг 6

Давайте создадим интересный контурный узор, чтобы усилить задний фон.
Нарисуйте вертикальную линию с помощью инструмента Линия (Line Tool (U). Используйте тот же самый светло-жёлтый оттенок, который мы использовали для создания кругов (6a). Создайте дубликаты линий, равномерно распределив их по всей ширине постера (6b), а затем продублируйте их и поверните на 90 градусов, чтобы создать горизонтальные линии. Добавьте необходимое количество линий, чтобы полностью охватить постер по высоте (6c).


Шаг 7

Вы можете разбить горизонтальные и вертикальные линии, объединив их в отдельные слои (Ctrl+E). Теперь у вас должно быть два объединённых слоя. Перейдите на объединённый слой с вертикальными линиями, а затем идём Фильтр – Искажение- Волна (Filter > Distort > Wave). Примените настройки, которые указаны на скриншоте ниже 7a, чтобы создать из линий интересный разбитый узор (7b). Теперь идём Фильтр – Искажение – Полярные координаты (Filter > Distort > Polar Coordinates), убедитесь, чтобы в окошке Прямоугольные в полярные (Rectangular to Polar) стояла галочка, а затем нажмите кнопку ‘OK’ (7c). Теперь линии исходят из одной точки фронтальной перспективы узора (7d).


Шаг 8

Перейдите на объединённый слой с горизонтальными линиями, чтобы применить фильтр Скручивание (Twirl), для этого идём Фильтр – Искажение- Скручивание (Filter > Distort > Twirl) (8a). Теперь линии превратились в волновые изгибы, которые слегка вздымаются в верхний правый угол. (8b). Уменьшите Непрозрачность (Opacity) слоя до 50% (8c), а затем продублируйте волновые линии. Поверните дубликат слоя на 90 градусов, чтобы создать вертикальные волны (8d). Круги могут исчезнуть за сеткой из линий, поэтому, увеличьте непрозрачность кругов, чтобы сделать их более видимыми (8e).


Шаг 9

Добавьте текстуру Картона на наш рабочий документ, а затем примените масштабирование в соответствии с размерами документа (9a). Поменяйте режим наложения для слоя с текстурой картона на Умножение (Multiply) (9b). Затенение получилось хорошее, но оно немного слишком тёмное. Откройте окно коррекции Уровней (Levels (Ctrl+L), а затем сместите центральный бегунок влево, чтобы увеличить яркость, не воздействуя на белые и чёрные точки (9c). Теперь изображение стало светлее (9d). Задний фон готов.


Шаг 10

Добавьте исходное изображение с городским пейзажем на наш рабочий документ, расположив  нижней части холста (10a). Поменяйте режим наложения для слоя с городским пейзажем на Умножение (Multiply) (10b). Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) (или соответствующую коррекцию, если вы используете программу Photoshop CS4). Поставьте галочку в окошке Тонирование (Colorize), а также установите значения, которые указаны на скриншоте ниже (10c), чтобы городской пейзаж приобрёл ретро коричневатый оттенок. Не забудьте, что корректирующий слой будет воздействовать на все нижние слои, поэтому, щёлкните по значку обтравочной маски (clipping), чтобы коррекция корректирующего слоя воздействовала только на городской пейзаж (10c, 10d).


Шаг 11

Создайте новый слой ниже слоя с городским пейзажем, а затем создайте высокий красный прямоугольник в качестве продолжения небоскрёба, который расположен в левой части сцены (11a). Поменяйте режим наложения для данного слоя с прямоугольником на Замена светлым (Lighten), а также уменьшите Непрозрачность (opacity) слоя до 60% (11b). Кстати, на скриншоте ниже, вы можете увидеть порядок расположения слоёв на данный момент (11c).


Шаг 12

Как вы можете увидеть, прямоугольник не соответствует перспективе небоскрёба (12a). Исправьте это, для этого нажмите клавиши (Ctrl+T) для активации Свободной трансформации (Free Transform), а затем примените опцию Наклон (Skew), для этого щёлкните правой кнопкой мыши по области трансформирования и в появившемся окне, выберите опцию Наклон (Skew). Наклоните прямоугольник вправо до тех пор, пока он не будет соответствовать  наклону небоскрёба (12b). Теперь нажмите клавишу ‘Q’, чтобы активировать режим Быстрой маски (Quick Mask). Прокрасьте верхнюю часть прямоугольника с помощью мягкой чёрной кисти (12c), а затем ещё раз нажмите клавишу ‘Q’. Вы увидите активную область выделения: нажмите значок Добавить маску (Add Mask), чтобы добавить маску (См.Шаг 5). Теперь прямоугольник плавно исчезает у самой верхней части (12d).


Шаг 13

К слою с прямоугольником, примените фильтр Рябь (Ripple), для этого идём Фильтр – Искажение- Рябь (Filter > Distort > Ripple) (13a), чтобы сделать прямоугольник волнистым (13b). Теперь добавьте фильтр Радиальное размытие (Radial Blur) через Фильтр – Размытие (Filter > Blur) (13c), чтобы превратить прямоугольник в дымовую колонну (13d).


Шаг 14

Используя ту же самую технику, создайте ещё три короткие дымовые колонны в правой части городского пейзажа, затеняя их, примерно, с середины высоты постера (14a). Выберите  инструмент Произвольная фигура (Custom Shape Tool (U), из выпадающего меню фигур, выберите фигуру полумесяца (14b). Нарисуйте полумесяц вокруг первых кругов, которые мы нарисовали, используя тот же самый светло-желтый оттенок, а затем поменяйте режим наложения для данного слоя с полумесяцем на Перекрытие (Overlay) (14c).


Шаг 15

Необходимую типографику следует добавить в Illustrator, поскольку он лучше обрабатывает шрифты, чем Photoshop, но ради этого урока мы будем придерживаться одной программы. Добавьте свой текст, цвет текста оранжевый, режим наложения Перекрытие (Overlay), таким образом, через текст будет виден задний фон (15a). Добавьте остальной текст, используя светло-жёлтый оттенок, режим наложения Перекрытие (Overlay) (15b). В заключение, добавьте стиль слоя Тень (Drop Shadow) к основному тексту, а также к полумесяцу (15c), чтобы они визуально легко воспринимались (15d). Наш постер готов.


Заключение

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.