Пост-апокалиптический постер в Photoshop и InDesign

16 августа 2014 · Глеб Х. · «Мир Фотошопа»

На создание постера автор был вдохновлён постером фильма «Терминатор», на котором было изображено лицо киборга, собранное из множества разрушенных зданий. Мы будем создавать форму черепа, чтобы показать связь апокалипсиса и зомби.

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

Ресурсы урока:

1. Работа в InDesign

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

Шаг 1

Мы начнём работу в программе InDesign. В ней мы создадим разметку, которая поможет нам в Фотошопе. Запустите программу. Перейдите вменю InDesign → Preferences → Units & Increments. В течении урока мы будем использовать метрическую систему. Выберите Millimetres для Ruler Units. Затем создайте новый документ с параметрами, указанными на скриншоте ниже. Нажмите на кнопку More Options, чтобы раскрыть дополнительные параметры. Нажмите на иконке цепи в секции Margins и у параметра Bleed. Благодаря этому отступы от всех краёв будут одинаковы.

Шаг 2

Перейдите в меню View → Grids & Guides и убедитесь, что Show Guides, Lock Column Guides, Snap to Guides и Smart Guides активны. Выберите слой по умолчанию «Placed image».

Выберите инструмент Rectangle Tool и кликните на холсте. Введите размер страницы, к каждому из которых нужно прибавить ширину белых полос по краям. Размер прямоугольника должен быть равен размеру всего холста вместе с 3мм отступами. Уменьшите заливку до 80% и выключите обводку. Серый цвет фона нужен для того, чтобы мы могли видеть белый текст. Установите Reference Point Locator и левом верхнем углу

Шаг 3

Заблокируйте первый слой, чтобы случайно не сдвинуть серую рамку. Затем создайте новый слой и назовите его «Graphics». Создайте вертикальную направляющую, проходящую через центр.

Шаг 4

Выберите текстовый инструмент и напишите название фильма белым цветом. Шрифт — «Fontin Sans Bold», Tracking — 310. Название должно быть центрировано на панели Paragraph.

Добавьте ещё пару строчек над и под названием фильма. Настройки шрифта показаны на скриншоте.

Шаг 5

Откройте файл «'Logos.pdf» из папки ресурсов урока в Adobe Illustrator. Выделите логотип «2014 FILM AWARD» и скопируйте его (Ctrl + C). Вернитесь в InDesign и вставьте его (Ctrl + V).

Шаг 6

Измените размер логотипа и расположите на нижнем крае фиолетовой рамки. Вставьте другие логотипы и расположите их на одной линии.

Шаг 7

Заблокируйте слой «Graphics» и выключите слой «Placed Image». Выключите заливку.

Перейдите в меню File → Export (Ctrl + E). Выберите High Quality Print из списка Adobe PDF Preset. Скопируйте настройки из вкладок General и Marks and Bleed. Сохраните этот файл как «'A4_Poster_templete.pdf». Он нам понадобится позже.

2. Череп

Шаг 1

Мы соберём через из нескольких фотографий. В папке «media_militia_skull_images» откройте файл «053» в Фотошопе. Выберите инструмент Lasso Tool (L) с радиусом растушевки 3 пикселя и выделите верхнюю часть челюсти. Скопируйте её (Ctrl + C).

Откройте изображение черепа «042» и вставьте в него скопированную челюсть (Ctrl + V). Назовите слой «Top Teeth». Активируйте режим Free Transform (Ctrl + T), измените размер новой челюсти и перекройте имеющуюся.

К слою челюсти добавьте маску и инвертируйте её (Ctrl + I), чтобы залить чёрным цветом. Выберите маленькую мягкую кисть и закрасьте чёрным цветом верхние зубы.

Шаг 2

Откройте фотографию «052», выделите нижнюю челюсть и скопируйте её документ с основным черепом (Ctrl + C / Ctrl + V). Измените размер нижней части и сдвиньте её, как показано на скриншоте. Назовите слой «Bottom jaw», добавьте маску и чёрной кистью скройте лишнее.

Шаг 3

Для верхнего слоя создайте корректирующий слой Levels.

Шаг 4

Откройте изображение «023» и скопируйте в основной документ правую глазницу. Расположите её на черепе правильно. Назовите слой «Right eye», добавьте маску и сотрите края, чтобы полностью соединить с черепом.

Шаг 5

Создайте для новой глазницы корректирующий слой Levels.

Шаг 6

Выберите слой «Right eye» и его корректирующий слой. Создайте их копию (перенесите на иконку создания нового слоя). Переименуйте копию в «Left eye» и поверните в другую сторону (Edit → Transform → Flip Horizontal). Переместите слой на другую глазницу и измените маску, чтобы избавиться от симметрии.

Шаг 7

Создайте новый слой на самом верху и назовите его «Patch». Маленькой чёрной кистью закрасьте любые участки, которые хотите скрыть.

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

Шаг 8

Создайте корректирующий слой Black & White на самом верху. Выберите установку Green Filter.

Шаг 9

Добавьте ещё один корректирующий слой Color Balance:

Шаг 10

Сведите все слои на один отдельный (Ctrl + Shift + Alt + E).

Шаг 11

Выберите инструмент Quick Selection Tool (W) и на верхней панели выберите режим добавления к выделению (Add). Выделите фон и внутреннюю часть рта.

Шаг 12

Инвертируйте выделение (Ctrl + Shift + I), на верхней панели нажмите на кнопку Refine Edge. Выберите View — Overlay, введите значения, показанные ниже, и поставьте Output To New Layer with Mask.

Шаг 13

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

Шаг 14

Когда закончите работу с маской, перенесите её на иконку корзину внизу. В открывшемся окне нажмите на кнопку Apply. Сохраните текущий документ как «Skull.psd».

3. Острова

Шаг 1

Откройте файл «A4_Poster_templete.pdf», который мы создали в начале урока. Используйте параметры, указанные на скриншоте.

Нажмите Ctrl + Y, чтобы включить превью режима CMYK, который поможет нам при печати. Назовите слой по умолчанию «Guide». Создайте новый слой «Background» и опустите его под слой «Guide». Залейте нижний слой цветом #193340.

Шаг 2

Верхний слой файла «Skull.psd» перенесите в текущий документ. Расположите его между двумя слоями и назовите «Skull». Измените размер черепа и уменьшите непрозрачность до 30%.

Шаг 3

Откройте изображение острова со спутника. Создайте корректирующий слой Curves. Настройте каждый канал отдельно.

Шаг 4

Создайте корректирующий слой Hue/Saturation.

Шаг 5

Сведите все слои на один отдельный (Ctrl + Shift + Alt + E).

Шаг 6

Перенесите слой предыдущего шага в основной документ и назовите его «Land 1». Поверните слой на 90 градусов против часовой стрелки (Edit → Transform → Rotate 90 CCW). Расположите остров, как показано на скриншоте.

Шаг 7

Выберите кисть и откройте панель с дополнительными параметрами (F5), настройте так:

Сохраните кисть.

Шаг 8

Скройте часть слоя острова при помощи маски.

Шаг 9

Создайте копию слоя «Land 1» и назовите её «Land 2». Перенесите маску копии на иконку корзины, чтобы удалить. В открывшемся окне нажмите на кнопку Delete. Опустите слой «Land 2» ниже на челюсть. Добавьте маску, залейте её чёрным цветом, и белой кистью верните часть острова.

Шаг 10

Теперь нужно повторить те же действия для второго изображения острова. Откройте его и создайте корректирующий слой Curves.

Шаг 11

Создайте корректирующий слой Hue/Saturation.

Шаг 12

Сведите все слои (Ctrl + Shift + Alt + E).

Шаг 13

Перенесите остров в основной документ и назовите слой «Land 3». Измените размер слоя и добавьте маску. Установите цвета по умолчанию (D). Выберите инструмент Gradient Tool: Foreground to Transparent. Залейте маску снизу и справа. Затем немного поработайте кистью.

Шаг 14

Откройте третье изображение со спутника и создайте корректирующий слой Levels.

Шаг 15

Добавьте корректирующий слой Hue/Saturation.

Шаг 16

Сведите слои и перенесите полученный в основной документ. Расположите его под черепом и назовите «Land 4». Поверните слой на 90 градусов против часовой стрелки (Edit → Transform → Rotate 90 CCW), а затем отразите по горизонтали (Edit → Transform → Flip Horizontal). Добавьте маску, залитую чёрным цветом, и белой кистью закрасьте только правый верхний угол.

Шаг 17

Инструментом Lasso Tool (L) выделите центральную часть слоя «Land 4». Скопируйте выделенную часть на отдельный слой (Ctrl + J). Назовите его «Land 5» и расположите в верхней части черепа. Добавьте маску и закрасьте её, как показано на скриншоте.

Шаг 18

Создайте копию слоя «Land 5» и назовите её «Land 6». Удалите маску и отразите слой по горизонтали (Edit → Transform → Flip Horizontal). Добавьте чёрную маску белой кистью закрасьте центральную часть.

Шаг 19

Выберите слой «Land 4», выделите отмеченную на скриншоте часть острова и скопируйте её на отдельный слой (Ctrl + J). Назовите слой «Land 7» и расположите его прямо под слоем «Skull». Отразите слой по горизонтали и поверните против часовой стрелки на 90 градусов. Добавьте маску и закрасьте её, как показано ниже.

Шаг 20

Создайте копию слоя «Land 4» и переименуйте её в «Land 8». Поднимите её под слой «Skull», удалите маску, переместите часть острова и добавьте новую маску.

Шаг 21

Выделите часть слоя «Land 8» и скопируйте её на отдельный слой. Назовите его «Land 9» и переместите. Добавьте маску и закрасьте её, как показано на скриншоте.

Шаг 22

Инструментом Rectangular Marquee Tool (M) выделите часть слоя «Land 8» и скопируйте на отдельный слой «Land 10». Переместите его и измените маску.

Шаг 23

Скопируйте часть слоя «Land 8» на отдельный слой «Land 11». Расположите в центре черепа и измените маску.

4. Цветовая коррекция

Шаг 1

Теперь мы на каждый слой добавим тени и свет. Выберите слой «Land 1» и создайте для него корректирующий слой Levels. Настройте Input и Output, чтобы затемнить средние тона и уменьшить количество света.

Шаг 2

Создайте корректирующий слой Levels для слоя «Land 4» и осветлите средние тона.

Шаг 3

Создайте корректирующий слой Levels для слоя «Land 5», чтобы повысить его контрастность.

Шаг 4

Повысьте контрастность слоя «Land 6» при помощи того же корректирующего слоя Levels.

Шаг 5

Создайте слой Levels для слоя «Land 7».

Шаг 6

Создайте для слоя «Land 10» корректирующий слой Levels.

Шаг 7

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

Шаг 8

Создайте корректирующий слой Levels для слоя «Land 11».

Шаг 9

Все слои островов объедините в группу «MAIN LAND BLOCKS». Добавьте маску и залейте нижнюю часть маски линейным градиентом.

Шаг 10

На этой же маске можно скрыть некоторые лишние участки земли, которые Вы проглядели, когда работали с каждым слоем.

Шаг 11

Создайте новый слой «Painted background» над слоем «Background». Загрузите файл «Swatches.act» из папки ресурсов урока. Нам понадобятся мягкие кисти «darken». Закрасьте фон, чтобы создать цветовую вариацию.

5. Разрушение города

Шаг 1

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

Откройте текстуру в Фотошопе и создайте для неё корректирующие слои Hue/Saturation и Color Balance.

Шаг 2

Сведите все слои (Ctrl + Shift + Alt + E).

Шаг 3

Перенесите текстуру в основной документ и расположите между группой островов и слоем черепа. Назовите слой «Craters 1». Расположите его на месте правой глазницы и при помощи маски скройте часть за пределами острова. Установите режим наложения текстуры на Multiply и уменьшите непрозрачность до 69%.

Шаг 4

Создайте копию слоя «Craters 1» и поверните её в другую сторону (Edit → Transform → Flip Horizontal). Расположите текстуру поверх другой глазницы, измените маску и переименуйте слой в «Craters 2».

Шаг 5

Откройте вторую текстуру камня и создайте те же два корректирующих слоя, что и для первой. Затем сведите все слои (Ctrl + Shift + Alt + E).

Шаг 6

Перенесите новую текстуру в наш документ, расположите под черепом и назовите слой «Craters 3». Измените размер текстуры, чтобы покрыть нижнюю половину черепа. Добавьте маску и скройте текстуру за пределами острова.

Шаг 7

Для слоёв «Craters 2» и «Craters 3» создайте по корректирующему слою Levels.

Шаг 8

Все слои с каменными текстурами поместите в одну группу «CRATERS».

6. Огненные эффекты

Шаг 1

Создайте новый слой над черепом и назовите его «Glow 1». Выберите мягкую кисть цветом #f37320 и закрасьте правую глазницу. Уменьшите непрозрачность кисти, чтобы контролировать количество цвета.

Шаг 2

Добавьте ещё несколько слоёв и нарисуйте основу для пламени в других местах.

Шаг 3

Создайте новый слой и добавьте маленькие очаги пламени.

Шаг 4

Все слои пламени поместите в одну группу «FIRE GLOWS».

Шаг 5

Выберите инструмент Lasso Tool (L) и выделите огни города с четвёртого изображения со спутника. Скопируйте их в наш документ и назовите слой «Right eye fire 1». Расположите эти огни на правой глазнице и установите режим наложения Screen. При помощи маски сотрите грубые края.

Шаг 6

Создайте несколько копий слоя «Right eye fire 1». Измените их размер и переместите в другие места в пределах той же глазницы. Добавьте больше огней с пятого и шестого изображений со спутника.

Шаг 7

Создайте копию огня, измените их и переместите на левую глазницу.

Шаг 8

Продолжайте добавлять пламя.

Шаг 9

Не забудьте про маленькие очаги.

Шаг 10

Все слои огня поместите в группу «FIRE».

7. Дым

Шаг 1

Откройте первое изображение вулкана и перейдите в меню Select → Color Range. Настройте всё, как показано на скриншоте, а затем пипетками поправьте выделение.

Скопируйте выделение на отдельный слой (Ctrl + J) и выключите оригинальный.

Шаг 2

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

Шаг 3

Кликните правой кнопкой мыши на слое маске слоя дыма и выберите пункт Apply Layer Mask. Перенесите дым в основной документ и расположите над группой «FIRE». Назовите слой «Smoke 1». Установите режим наложения Hard Light и расположите дым на правом глазу. Добавьте маску и залейте её линейным градиентом из левого угла. Мягкой кистью с уменьшенной непрозрачностью немного замажьте дым.

Шаг 4

Повторите выделение дыма с другого изображения вулкана.

Шаг 5

Перенесите дым в наш документ и назовите слой «Smoke 2». Установите режим наложения Screen и уменьшите непрозрачность до 57%. Добавьте чёрную маску и залейте её радиальным градиентом.

Шаг 6

Выделите дым третьего вулкана.

Шаг 7

Перенесите дым в основной документ и назовите слой «Smoke 3». Расположите дым на левом глазу и поработайте с маской.

Шаг 8

Создайте несколько копий слоёв дыма, измените их и расположите в других местах.

Включите слой «Guide», чтобы проверить как будет выглядеть надпись.

Шаг 9

Все слои дыма поместите в группу «SMOKE».

8. Завершение иллюстрации

Шаг 1

К группе «CRATERS» добавьте маску и подотрите все заметные края слоёв.

Шаг 2

Добавьте маску к группе «FIRE» и скройте лишние участки пламени.

Шаг 3

Создайте новый слой под слоем «Skull» и назовите его «Painted detail». При помощи цветов острова дорисуйте зубы и дороги.

Шаг 4

Создайте новый слой в режиме Multiply и назовите его «Painted Shadows». Сделайте тёмные участки черепа ещё темнее. Уменьшите непрозрачность слоя до 70%, если эффект будет слишком сильным.

Шаг 5

К слою «Skull» добавьте маску и скройте контуры черт лица и черепа.

Шаг 6

Создайте ещё один слой над слоем «Skull» и назовите его «Skull shadows». Установите режим наложения Multiply. Добавьте больше теней и уменьшите непрозрачность слоя до 69%. Добавьте маску и закрасьте её, как показано на скриншоте.

Шаг 7

Над группой «FIRE GLOWS» создайте новый слой «Dodge & burn». Перейдите в меню Edit → Fill и выберите 50% серый цвет. Выберите для слоя режим наложения Soft Light, после чего серый цвет пропадёт. Выберите мягкую кисть с 20% непрозрачностью и закрасьте светлые и тёмные участки, чтобы повысить контрастность.

Шаг 8

Если Вы ошибётесь на своём сером слое, верните нормальный режим наложения, определите пипеткой серый цвет и скройте то, что было ошибочно. Но можно исправить всё и при помощи маски.

Шаг 9

Над группой «SMOKE» добавьте слой «Painted blue» в режиме Multiply. Выберите цвет #22373e. Протяните градиент Foreground to Transparent из верхнего левого угла под углом 45 градусов. По бокам внизу добавьте пару радиальных градиентов небольшого диаметра. Добавьте маску и закрасьте центральную часть слоя.

Шаг 10

Чтобы уменьшить общую насыщенность создайте корректирующий слой Hue/Saturation.

Шаг 11

На маске корректирующего слоя создайте несколько радиальных градиентных заливок.

Шаг 12

Настройте градиент на #203047 и #58c9d7. Сохраните его через верхнюю панель.

Шаг 13

Создайте корректирующий слой Gradient Map и выберите сохранённый градиент, включите Reverse.

Шаг 14

Установите для слоя Gradient Map режим наложения Multiply и уменьшите непрозрачность до 30%. Создайте на маске несколько радиальных градиентных заливок.

Шаг 15

Немного затемните всю иллюстрацию при помощи корректирующего слоя Curves. Включите слой «Guides» и сохраните документ как «Poster_artwork.psd».

9. Завершаем работу в InDesign

Шаг 1

Вернитесь в InDesign, разблокируйте слой «Placed image». Активируйте рамку для изображения и перейдите в меню File → Place. Выберите PSD файл.

Шаг 2

Теперь мы поработаем с текстом в Фотошопе. Выделите текстовый блок и вырежьте его (Ctrl + X).

Шаг 3

В Фотошопе установите цвета по умолчанию (D), переключите их (X), а затем создайте новый документ с параметрами, которые будут автоматически заполнены. Для Content выберите Background Color.

Вставьте текст из InDesign как векторный смарт-объект (Ctrl + V).

Шаг 4

Откройте изображение огня и выделите полоску инструментом Rectangular Marquee Tool (M). Вставьте огонь в наш документ и назовите слой «Fire». Создайте обтравочную маску (Ctrl + Alt + G), чтобы огонь был только поверх текста.

Шаг 5

К слою с текстом добавьте маску и гранжевыми кистями сотрите маленькие участки внутри букв.

Шаг 6

Выключите фоновый слой и сохраните файл как «Title.psd».

Шаг 7

Вернитесь в InDesign и заблокируйте слой «Placed image». Разблокируйте слой «Graphics». Вставьте «Title.psd» и расположите заголовок посередине.

Шаг 8

Белый текст и логотипы нужно сделать серыми. На панели Swatches в контекстном меню выберите пункт New Color Swatch.

Шаг 9

Залейте белый текст и логотипы серым цветом.

Шаг 10

Мне заголовок показался слишком ярким и я решил его немного изменить. Разблокируйте слой «Placed image» и на панели Links нажмите на иконку «Edit Original».

Шаг 11

У Вас снова откроется Фотошоп. Создайте корректирующий слой Hue/Saturation: уменьшите количество жёлтого и красного цвета. После чего сохраните и закройте документ.

Шаг 12

Ваш документ в InDesign обновиться автоматически. Если этого не случится, нажмите на кнопку Update Link на панели Links.

Шаг 13

Наша работа закончена. Перейдите в меню View → Display Performance → High Quality Display. Затем в том же меню выберите Screen Mode → Preview.

В InDesign есть возможность увидеть, как происходит преобразование в цветовую модель CMYK, что очень важно при печати. Нажмите Shift + F6, чтобы открыть окно Separations Preview. Для View выберите пункт Separations и выключите CMYK. Как закончите выключите Separations.

Шаг 14

Теперь я покажу, как подготовить PDF файл к печати. Возможно в настройках принтера есть уже готовый профиль для печати PDF. Их можно загрузить в InDesign через меню File → Adobe PDF Presets → Define.

Если у Вас нет такого профиля, то я советую использовать один из профилей PDF/X. Нажмите Ctrl + E, чтобы открыть окно экспорта. Выберите Adobe PDF Print в меню Format и нажмите на кнопку Save для сохранения.

В следующем окне выберите Adobe PDF Preset, поставьте галочки на параметры Marks and Bleeds и нажмите на кнопку Export.

Шаг 15

Откройте свой PDF файл в Adobe Acrobat Pro и отправьте его на печать.

Поздравляю! Мы закончили!

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

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».

Переведено с сайта design.tutsplus.com, автор перевода указан в начале урока.