Advertisement
  1. Design & Illustration
  2. Designing

Создайте большой плакат к фильму в Photoshop

Scroll to top
Read Time: 10 min

Russian (Pусский) translation by Katharina Grigorovich-Nevolina (you can also view the original English article)

Дизайнеры любят критиковать кино-плакаты, и, хотя вы можете подумать, что у вас есть лучшие идеи о том, как продавать фильм аудитории, сколько раз вы на самом деле пытались это сделать?  В этом уроке мы создадим плакат для вымышленного фильма под названием “Беглец”.  Фильм предвещает стать захватывающим триллером, который изображает побег под покровом темноты, несмотря на попытку поймать одинокого героя.  Простой и дрянной сюжет?  Проверьте.   Отличная возможность улучшить ваши навыки PSD?  Без проблем!

Окончательный вид изображения

Вот и он; плакат, который мы собираемся сделать! Я мог бы просто использовать фотографию темного леса для фона, но что тут интересного?  Этот урок заключается не в том, чтобы найти кратчайший путь до конца, а в том, чтобы создать баланс между тем, насколько реально вы хотите, чтобы выглядели настройки, и кинематографическими/художественными одновременно. Вы хотите, чтобы он был убедительным и правдивым, но также управлял вниманием зрителей и количеством информации, которую они получают.  Вы не хотите испортить фильм, а побудить кого-нибудь его посмотреть.

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

Видеоурок

Наш видеоредактор Gavin Steele создал этот видеоурок, чтобы похвалить этот текст + изображение урока.

Шаг 1

Начнем с фона. Я использовал самую большую доступную версию этой фотографии, но практически любой туманный лес подойдет.  Как правило, мы будем работать на холсте A4 или A3, но для того, чтобы потратить меньше денег на материалы, мы создадим уменьшенную версию холста A4. Не только это, а также мы собираемся создать большое фоновое изображение, которое в конечном итоге мы обрежем до финального плаката фильма.  Итак, для первой части создайте 1680 пк на 1819 пк при 300 точек на дюйм и вставьте изображение леса.  Сделайте похожий макет.

Шаг 2

Теперь мы добавим ряд Adjustment Layers, чтобы изменить внешний вид фотографии. Их можно найти в разделе Layer > New Adjustment Layer. Первый - это Hue/Saturation с Saturation, установленной на -54.

Шаг 3

Затем добавьте Curves Adjustment Layer. Перетащите кривую, как показано на скриншоте ниже.

Шаг 4

Теперь добавьте Selective Color Adjustment Layer. В выпадающем меню выберите Blacks.  Blacks. Используйте настройки, показанные ниже.

Шаг 5

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

С этого момента вам понадобится планшет. Вы также можете сделать это с помощью мыши, но чувствительность к давлению создает всю разницу.  Используйте инструмент Burn Tool (O) с Exposure, установленной на 15%, чтобы затемнить темные участки стволов деревьев. Для справки посмотрите на это до и после изображения.

Шаг 6

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

Шаг 7

Используйте те же настройки, но с большим размером кисти, чтобы затемнить нижнюю часть фотографии.

Шаг 8

Теперь добавьте блики на деревьях с помощью Dodge Tool (O).  Большая подсветка должна быть на стороне источника света.  Затем второй, более тонкий свет, который отражается от окружающих объектов и окружающей среды.

Шаг 9

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

Шаг 10

Сотрите части свечения, которые охватывают больше передних деревьев.

Шаг 11

В меню слоев нажмите значок Add Layer Mask.  Нажмите D на клавиатуре, затем перейдите в Filter > Render > Clouds. Затем перейдите в Filter > Render Difference Clouds.  Это скроет части свечения неравномерным похожим на облака способом. Вы можете увидеть этот процесс более подробно на шаге 17.

Шаг 12

На отдельном слое нарисуйте более голубое свечение.

Шаг 13

Наконец, нарисуйте меньшее белое свечение на отдельном слое.  Если вы сделаете его слишком интенсивным, уменьшите Opacity слоя.

Шаг 14

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

Шаг 15

Используйте инструмент Smudge Tool (R), чтобы смягчить свечение.

Шаг 16

Размажьте его, пока он не будет выглядеть как на скриншоте ниже.

Шаг 17

Как и в шаге 11, добавьте Layer Mask к слою, щелкнув значок Add Layer Mask.  Убедитесь, что вы выбрали маску слоя, щелкнув по ее значку, затем перейдите в Filter > Render Clouds.  Чтобы сделать облака более контрастными и более четкими, перейдите в Filter > Render > Difference Clouds.

Шаг 18

Повторите процесс для всех близлежащих деревьев.  Чем ближе свет, тем сильнее свечение.

Шаг 19

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

Шаг 20

Опять же, используйте Clouds Layer Mask, чтобы скрыть ее части.

Шаг 21

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

Анаморфные блики появляются от искусственных источников света (таких как противотуманные фары), которые очевидно очень уместны, если вы пытаетесь создать иллюзию, что кто-то преследует людей ночью. Он также добавляет контраст и фокус дизайну, тем самым становясь ключевым элементом в рассказе истории этого плаката. 

Используйте маленькую мягкую кисть с низкой Opacity, удерживайте Shift и нарисуйте светлую полосу с одной стороны в другую сторону, которая сходится с источником света. 

Шаг 22

Используйте инструмент Pen Tool (P) в Path Mode, чтобы нарисовать новое место для второй полосы света. 

Шаг 23

Выберите соответствующие настройки кисти и с помощью Pen Tool, щелкните правой кнопкой мыши и перейдите в Stroke Path. В следующем меню выберите Brush и установите флажок Simulate Pressure, затем нажмите ОК. 

Шаг 24

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

Шаг 25

Щелкните мышью по значку слоя, чтобы выбрать его, или перейдите Select > Load Selection > OK. 

Шаг 26

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

Шаг 27

Приложите еще несколько тонких линий на разных участках этого луча света. 

Шаг 28

Далее на отдельном слое добавьте простую точку около 20 пк жесткой заостренной кистью. Перейдите в Filter > Blur > Motion Blur и растушуйте ее, пока она не будет выглядеть как нижняя. 

Шаг 29

Теперь добавьте более темный и больший луч над другими. 

Шаг 30

Сделайте выбор и выделите его тоже. 

Шаг 31

Наконец добавьте мягкое, белое свечение в центре и на боковой стороне дерева. Установите низкую Opacity.

Шаг 32

Теперь мы снова изменим сцену, чтобы свет выглядел более реалистичным.  Наверху всех слоев из Layer Menu создайте Selective Color Adjustment Layer.  Найдите Cyans и используйте эти настройки, пока просто не нажимайте OK. 

Шаг 34

Также найдите Greens, увеличьте все до максимума и нажмите OK. 

Шаг 35

Добавьте Channel Mixer Adjustment Layer и в выпадающем меню выберите "Black & White with Green Filter".  Нажмите OK и установите Blending Mode слоя на Color Dodge и Opacity на 70%. 

Шаг 36

Наверху этих слоев добавьте еще один Selective Color Adjustment Layer и измените настройки Cyans на показанные ниже. 

Шаг 37

Добавьте еще один Channel Mixer сверху, как показано ниже. 

Шаг 38

И последний (на данный момент) - Levels Adjustment Layer. 

Шаг 39

Внешний вид вашей сцены теперь должен быть похож на тот, что показан ниже. 

Шаг 40

Теперь мы собираемся усилить вид деревьев, придав им очень тонкие отражающие края. Видите на три дерева слева?  У всех них есть слабая линия размером 2 пк с правой стороны.  Сделайте то же самое для ваших деревьев с помощью темно-голубого цвета. 

Шаг 41

Повторите этот процесс для всех деревьев. Чем дальше дерево, тем менее заметна линия. 

Шаг 42

Теперь на отдельном слое нарисуйте несколько чисто белых.   Не смотря на это сделайте их короче и меньше. 

Шаг 43

Теперь вам понадобится версия этой фотографии среднего размера.  Расположите ее в композиции. 

Шаг 44

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

Шаг 45

Поместите его под элементами бликов и немного правее от дерева. 

Шаг 46

Теперь мы будем сопоставлять самые темные значения персонажа со сценой путем добавления Selective Color Adjustment Layer.  После того, как вы установили значение черного на -3, нажмите OK и сделайте его Clipping Mask (Alt + Command + G). 

Шаг 47

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

Шаг 48

Наконец-то настало время создать настоящий плакат! Как я уже говорил, плакат формата А4 означает много пикселей.  Вы можете использовать меньше материалов, чтобы сохранить свой бюджет, создав новый документ, который сохранит пропорцию формата А4, но с меньшим разрешением: 1024 пк на 1449 пк в 300 дюймах.  Скопируйте объединенную версию сцены (Command + Shift + C) и вставьте ее в новый документ. Расположите ее, как показано ниже. 

Шаг 49

Важной частью любого плаката к фильму является название фильма и его шрифт. Я использовал то, что, по моему мнению, является хорошим отражением концепции. Вытянутый тип шрифта ITC Franklin Gothic Book Extra Compressed дополняет идею призрачности, резкости и коварности. Плоский вид здесь для того, чтобы сбалансировать фигуру и убедиться, что плакат не становится слишком обработанным фотошопом.  Простое белое оформление придает контрастность темному плакату.

Это то, что я считаю подходящим, но что бы вы использовали? Говоря о чрезмерно используемом материале, я скажу вам "Trajan!". Мне действительно интересно увидеть, какой шрифт вам подходит, дайте мне знать в комментариях, что, по вашему мнению, будет работать лучше.

Шаг 50

Для более кинематографического вида, я решил горизонтально применить Motion Blur, чтобы дублировать текст шрифта. 

Шаг 51

После того, как вы примените к нему Motion Blur, вы заметите, что верхние края довольно резкие. Смягчите их немного, добавив меньше размытия по вертикальной оси. 

Шаг 52

Затем просто установите Blending Mode слоя на Pin Light и поиграйте с Opacity.

Шаг 53

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

Шаг 54

Другая общая фраза основан на реальных событиях или что-то в этом роде.  Ниже приведена настоящая история. 

Шаг 55

Наконец, несколько других деталей, таких как сайт фильма, дата выхода (в этом случае в день, когда я закончил плакат - было бы здорово, если бы я сделал его 09.09.09?) и логотип продюсера фильма. 

Шаг 56

На верхнем слое добавьте последний (я обещаю) Adjustment Layer: Channel Mixer, в котором вы слегка меняете значения Blue. 

Шаг 57

Чтобы создать ветви, мы будем использовать очень классный набор кистей, который вы можете найти здесь.  Нарисуйте несколько ветвей на слое, который находится под Channel Mixer. 

Шаг 58

Сотрите участки, которые вы хотите спрятать за буквами. 

Шаг 59

Теперь снова используйте белую кисть размером 2 пк, чтобы добавить отражения. Я думаю, что ветви - это прекрасный штрих деталей, который не компрометирует идею.  В конце концов, было бы странно, если бы он держался за единственную тонкую ветку в лесу, правда? 

Шаг 60

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

Шаг 61

Убедитесь, что у вас активен фоновый слой и перейдите в Filter > Blur > Motion Blur.  Как только вы это сделаете, сделайте то же самое с ветками, но добавьте немного больше расстояния. 

Шаг 62

И как последний штрих, нарисуйте несколько теней от веток над буквами. Вы можете сделать это, рисуйте черным цветом в новом пустом слое, сделайте его обтравочной маской для букв и измените их Opacity на 15%. 

Окончательный результат 

Теперь плакат закончен! Мне бы хотелось увидеть ваши плакаты для фильмов, поэтому не забудьте поместить их в нашу группу Flickr, если вы придумаете что-то! 

Вот вторая версия, которую я сделал после первой, в формате рабочего стола.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.