Рисуем постер в ретро-стиле, приглашающий к авиатуризму

Этот урок изначально опубликован 11 февраля 2011 года в разделе Tuts+ Premium. Теперь он доступен бесплатно. Учтите, что из-за использования старой версии Adobe Illustrator, актуальной на момент публикации урока, описанное здесь может отличаться в более новых выпусках программы.

В этом уроке вы создадите постер, приглашающий к путешествиям на самолете, применив стиль и дизайн 1950-х годов. На примере плаката, рекламирующего туризм в Австралии, здесь будут рассмотрены характерные для конца 50-х композиция, типографика и цвета.

Историческая справка

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

Неотъемлемой частью большинства рекламных кампаний становились иллюстрации с персонажами, дающие пассажирам представление об ожидающем их в полете.

Венчали плакаты красивые тексты, выполненные в рукописном стиле и жирном начертании; каждая типографика четко ассоциировалась с конкретным брендом. Эти надписи не только предоставляли информацию, но и добавляли в композицию динамику и, конечно, привлекали внимание.

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

Исследование: посмотрите реальные примеры дизайна рекламных постеров тех времен в каталоге ретро-рекламы.

1. Изучаем и делаем набросок

Шаг 1

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

Шаг 2

Композиция включает в себя много достопримечательностей (POI - points-of-interest) и прочих интересных географических и национальных особенностей. Их легко узнать, изучив любой туристический сайт.

2. Подготавливаем документ

Шаг 1

Собрав все эскизы вместе, я их отсканировал, чтобы перенести в Illustrator.

Затем я создал рефененсный слой, где расположил наброски удобным образом и в нужном размере, после чего уменьшил непрозрачность этого слоя до 80% и изменил режим смешивания на Multiply.

Шаг 2

Добавляю фоновый слой ниже референсного. Инструментом Recangle Tool (M) рисую прямоугольник достаточного размера, удаляю у него обводку и заливаю бирюзовым цветом. Мы "создали" океан.

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

3. Рисуем карту

Шаг 1

Согласно наброску нам нужна карта. Я нарисовал ее в упрощенном виде. Здесь не нужна географическая точность, достаточно сохранить узнаваемую форму, нарисовав контур инструментом Pen Tool (P). Полученную фигуру заливаю желтым цветом.

Шаг 2

Инструментом Line Segment Tool (\) обозначаю границы штатов Австралии. Обводке этих линий задаю толщину 2 pt и активирую пунктир. При самостоятельном выполнении не забудьте также указать опции Round Cap и Round Join.

Шаг 3

Делаю копию карты и вставляю ее на задний план (Ctrl+C, Ctrl+B), изменяю цвет заливки на белый и добавляю белую же обводку толщиной 4 pt. Задаю обводке выравнивание по внешней сторону (Align Stroke to Outside). Эта обводка будет изображать береговую линию.

Шаг 4

Теперь дублирую на задний план фигуру с "береговой линией". У копии увеличиваю толщину обводки в три раза. Разбираю фигуру (Object> Expand Appearance)

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

Для начала я изменяю цвет заливки соответствующей фигуры на C=0 M=0 Y=0 K=30. После этого применяю эффект Effects> Photoshop Effects> Pixelate> Color Halftone. В его параметрах задаю следующее: Max. Radius - 15, Channels - 1. После нажатия на OK получается рисунок из черных и белых точек.

Разбираю эффект (Object> Expand Appearance) и трассирую его при помощи функции Live Trace, указав в настройках пресет Simple Trace или Detailed Illustration и активировав для него опцию Ignore White. После еще одной операции Expand получаю искомый узор из точек.

Назначаю узору белый цвет заливки.

Шаг 5

Делаю копию фигуры с халфтоном. Изменяю цвет дубликата на оранжевый. Смещаю ее относительно континента - это придаст нашей изначально плоской иллюстрации некий объем.

4. Рисуем POI

Шаг 1

Создаю новый слой поверх карты. Здесь мы и будем рисовать различные достопримечательности и прочие интересности. Ориентируясь на слой с набросками, начинаю отрисовку основных фигур, используя перо (Pen Tool (P)).

Шаг 2

Детализацию удобно делать инструментом Blob Brush Tool (Shift+B). Тени для POI также делаю в виде халфтона.

Совет: если дважды кликнуть по иконке Blob Brush Tool, то можно включить чувствительность к нажатию (Pressure), что сделает рисуемые линии более "живыми". Данная опция работает только с графическими планшетами.

Шаг 3

На новом слое, расположенном выше POI, давайте нарисуем более крупные элементы. Начнем с самолета. Инструментом Pen Tool я рисую фюзеляж и крылья, которые заливаю белым цветом. Иллюминаторы и пропеллеры рисую вручную Blob Brush Tool - всё для того же более естественного вида.

Шаг 4

Нижнюю часть самолета необходимо выделить другим цветом, так он будет смотреться намного лучше. Делаю копию (Ctrl+C, Ctrl+F) фюзеляжа и при помощи инструмента Knife Tool разрезаю как показано ниже. Удаляю лишнее, а у оставшегося изменяю цвет заливки на оранжевый. Ту же операцию проделываю и для крыльев.

Шаг 5

Слой с облаками придаст иллюстрации еще немного объема. Их можно просто нарисовать пером (Pen Tool) в пустом месте вокруг самолета. Объем самим облакам придаю фигурами с заливкой розовым цветом. Я также нарисовал завихрения от двигателей - они подчеркивают скорость самолета.

5. Добавляем типографику

Шаг 1

Наконец, пришла и ее очередь. Я написал текст вручную всё тем же инструментом Blob Brush Tool и подкорректировал Direct Selection Tool (A) и Pen Tool. Прежде чем сделать это в цифровой среде лучше нарисовать несколько эскизов на бумаге и дальше работать с лучшим.

Шаг 2

Тексту также нужно добавить объем, сделав дубликат на задний план (Ctrl+C, Ctrl+B), который необходимо сместить немного влево и вверх. Цвет этой копии изменяю на белый. Это простейший способ придать тексту попсовый вид.

Мы закончили: отличная работа!

Этот постер, рекламирующий авиатуризм, будто и правда пришел из 50-х. Лично мне нравится преувеличенное изображение реальности.

Это также прекрасное основание для применения типографики. Динамичный и привлекательный текст должен быть на каждом постере. А на плакате, рекламирующем путешествия, он еще должен придавать зрителю романтичное настроение. Существуют прекрасные примеры таких постеров и я рекомендую обязательно посмотреть их, чтобы получить больше вдохновения в будущих работах.