Создаём в Photoshop афишу с рекламой спортивного мероприятия / Creativo.one

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

Скачать архив с материалами к уроку

Примечание: В источнике урока отсутствуют некоторые изображения. В архиве вы найдёте альтернативный вариант материалов для выполнения урока.

1. Подготавливаем бойцов

Шаг 1

Для данной работы мы будем использовать размер А3. Поэтому создаем новый документ размером 3508 х 4961 (29,7 х 42 в сантиметрах) пикселей с разрешением 300 точек/дюйм. Конечно, вы можете использовать другие значения, если планируете печатать постер большего или меньшего размера.

Активируем

Paint Bucket Tool (G) (Заливка) и заливаем рабочее полотно темно-фиолетовым цветом (#08080a). Затем открываем первое фото с бойцом и с помощью Pen Tool (P) (Перо) вырезаем его. Закончив, переносим бойца на документ с фиолетовым фоном и называем слой «Боец 2».

Нижнюю часть тела бойца аккуратно удаляем с помощью Eraser Tool (E) (Ластик), чтобы получился плавный переход к фону.

Шаг 2

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

Шаг 3

Так как боец на заднем плане является боксером, а в этом виде спорта немного другие перчатки, мы должны их доработать, чтобы они были менее похожи на боксерские. Берем Lasso Tool (L) (Лассо) и выделяем фрагмент перчатки без швов. Копируем и вставляем выделенную часть, чтобы закрыть белую деталь на перчатке.

Шаг 4

С помощью Clone Stamp Tool (S) (Штамп) ретушируем края и не забываем добавить швы. Сильно не старайтесь, главное, чтобы издалека это смотрелось реалистично и аккуратно. Объединяем вырезанный кусок перчатки со слоем с бойцом (Ctrl+E).

Шаг 5

Снова берем Lasso Tool (L) (Лассо) и в этот раз выделяем всю перчатку. Убедитесь, что вы не захватили руку модели.

Шаг 6

Жмем Ctrl+U, чтобы открыть Hue/Saturation (Цветовой тон/Насыщенность) и вводим параметры, показанные ниже. У вас должен получиться приятный темный оттенок на перчатке.

Шаг 7

Повторяем предыдущий шаг, ничего не выделяя. Применяем Hue/Saturation (Цветовой тон/Насыщенность) ко всему бойцу. Настраиваем только каналы Reds (Красные) и Yellows (Желтые), как показано ниже. Это уберет перенасыщенность цвета кожи.

Шаг 8

У бойца на заднем плане слишком высокая контрастность, поэтому прежде чем продолжать ретушь, мы должны ее уменьшить. Переходим Image – Adjustments – Selective Color (Изображение – Коррекция – Выборочная коррекция цвета) и настраиваем каналы

Whites (Белые), Neutrals (Нейтральные) и Blacks (Черные).

Шаг 9

Теперь над бойцом добавляем новый слой и жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания нового слоя на Overlay (Перекрытие). Затем мягкой кисточкой (В) белого цвета закрашиваем отмеченные ниже участки. Мы должны немного высветлить эти места.

Должен получиться такой результат:

Шаг 10

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

Шаг 11

Создаем новый слой и жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания этого слоя на Soft Light (Мягкий свет) и мягкой белой кистью рисуем блики. В этот раз нам просто нужно сделать немного ярче уже имеющиеся блики, а также осветлить правый контур тела.

Шаг 12

Создаем еще один новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем режим смешивания этого слоя на Soft Light (Мягкий свет) и берем мягкую кисть (В). Устанавливаем цвет на коричневый (#583325) и слегка проводим в отмеченных зонах. Мы должны сделать цвет на спине чуть теплее, поэтому не переусердствуйте. Если не получается добиться желаемого эффекта, возьмите другой оттенок либо пропустите этот шаг.

Шаг 13

В нижней части панели слоев жмем кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Gradient Map (Карта градиента). Из стандартного набора выбираем фиолетово-оранжевый градиент и уменьшаем

Opacity (Непрозрачность) корректирующего слоя до 10%. Убедитесь, что градиентный слой и все последующие корректирующие слои, которые мы будем добавлять, трансформированы в обтравочную маску для бойца на заднем плане.

Шаг 14

Добавляем следующий слой – Color Balance (Цветовой баланс). Настраиваем его, как показано ниже.

Далее с помощью Hue/Saturation (Цветовой тон/Насыщенность) добавляем немного света на бойце.

Далее применяем

Gradient Map (Карта градиента) (черно-белый). Устанавливаем режим смешивания этого градиентного слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 30-40%.

Шаг 15

Теперь переходим к бойцу на переднем плане. Выше него добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем режим смешивания этого слоя на Overlay (Перекрытие) и берем мягкую белую кисть (В) (Hardness (Жесткость) – 0%, Flow (Нажим) – примерно 5%). Закрашиваем в местах, отмеченных зеленым ниже на скриншоте, чтобы улучшить освещение бойца. Также не забываем про глаза.

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

Шаг 16

Освещение на теле бойца не очень хорошо работает с режимом смешивания Overlay (Перекрытие), поэтому далее мы будем использовать ту же самую технику ретуширования, только с режимом смешивания Soft Light (Мягкий свет).

На том же слое белой кисточкой добавляем свет по левому контуру бойца (как мы делали это с предыдущим бойцом).

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

Шаг 17

Переходим на панель слоев и добавляем новый корректирующий слой Selective Colors (Выборочная коррекция цвета). Настраиваем, как показано ниже.

Шаг 18

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

Шаг 19

Далее добавляем следующий корректирующий слой – Curves (Кривые), используя его в качестве обтравочной маски. Тянем кривую вниз и вправо, затем инвертируем маску слоя (кликаем по ней и жмем Ctrl+I).

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

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

У вас должен получиться следующий результат.

Шаг 20

Продолжаем дальше и создаем следующий корректирующий слой – Gradient Map (Карта градиента) (фиолетово-оранжевый). Уменьшаем непрозрачность слоя до 10%.

Далее выполняем цветокоррекцию бойца с помощью Color Balance (Цветовой баланс), используя следующие настройки:

Корректируем контрастность с помощью Hue/Saturation (Цветовой тон/Насыщенность):

Наконец, добавляем последний корректирующий слой Gradient Map (Карта градиента) (черно-белый), устанавливаем режим смешивания слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 30-40%. Перед тем, как продолжить, посмотрите на бойцов. Наша цель – добиться эффекта, как будто оба человека запечатлены на одном фото, а не собраны из разных картинок.

2. Работаем с фоном и освещением

Шаг 1

Под всеми предыдущими слоями создаем новый слой. Мягкой кисточкой по центру ставим пятно, используя темно-синий цвет (#0a1331). Пятно должно быть еле заметным.

Выше добавляем новый слой, меняем его режим смешивания на Overlay (Перекрытие) и мягкой кистью рисуем по центру белое пятно. Чтобы увеличить яркость эффекта, можете дублировать (Ctrl+J) этот слой.

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

Шаг 2

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

Шаг 3

Выше создаем еще один новый слой, меняем его режим смешивания на Soft Light (Мягкий свет) и светло-зеленым цветом (#d4ff27) добавляем зеленоватую тонировку в центре полотна.

Корректируем цвета, используя корректирующий слой Color Balance (Цветовой баланс).

Затем выше создаем еще один новый слой в режиме смешивания Soft Light (Мягкий свет) и вокруг центрального светлого пятна добавляем светло-синюю тонировку (#5089a6). Это необязательный шаг, но, мне кажется, небольшая коррекция цвета не помешает.

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

Шаг 4

Теперь перемещаемся к бойцу на заднем плане и дорабатываем освещение. Для начала добавляем корректирующий слой Color Balance (Цветовой баланс) и трансформируем его в обтравочную маску для слоя с бойцом.

Кликаем по маске корректирующего слоя Color Balance (Цветовой баланс) и жмем Ctrl+I, чтобы инвертировать ее. Затем берем мягкую белую кисть (В) и проводим по маске в тех местах, которые отмечены ниже на скриншоте, чтобы проявить эффект корректирующего слоя. Убедитесь, что синяя тонировка есть только на спине этого бойца.

Теперь создаем новый слой, жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания на Vivid Light (Яркий свет). Затем берем мягкую кисть и цвет #0ea494. Проводим кистью в тех же местах, что и выше. Это улучшит эффект синей тонировки на спине.

Далее добавляем корректирующий слой Gradient Map (Карта градиента) и трансформируем его в обтравочную маску. Используем цвета, показанные ниже, и устанавливаем режим смешивания слоя на Soft Light (Мягкий свет).

Шаг 5

Чтобы работа смотрелась гармоничнее, мы должны увеличить насыщенность контурного света. Для этого создаем два новых слоя, первый в режиме смешивания Normal (Нормальный), а второй – Overlay (Перекрытие). Белой кистью на обоих слоях проводим по контуру бойца, как показано ниже.

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

Закончив, получаем вот такой результат:

Шаг 6

Переходим к бойцу на переднем плане и повторяем процесс, показанный в 4 и 5 шагах. Повторяем все действия в том же порядке. Начинаем с корректирующего слоя Color Balance (Цветовой баланс) в шаге 4 и работаем с его маской. Проводим кистью в отмеченных на скриншоте местах.

Выше создаем новый слой, жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания слоя на Vivid Light (Яркий свет), берем Brush Tool (B) (Кисть) и устанавливаем цвет на #0ea494. Проводим кистью в тех же местах, что и выше, чтобы добавить голубоватую тонировку.

Затем добавляем корректирующий слой Gradient Map (Карта градиента), используя цвета, показанные на скриншоте ниже. Меняем режим смешивания градиентного слоя на Soft Light (Мягкий свет). Уменьшаем непрозрачность слоя, если получился слишком насыщенный эффект.

Шаг 7

Теперь выбираем все слои с бойцом на переднем плане (основной слой и все обтравочные маски) и дублируем их (Ctrl+J). Не снимая выделения с дубликатов, сразу жмем Ctrl+E, чтобы объединить их в один слой. В результате на одном слое у нас появится копия бойца. Обесцвечиваем его командой Ctrl+Shift+U и применяем Levels (Уровни) (Ctrl+L).

Постарайтесь получить примерно такой же результат, как на скриншоте ниже:

Далее меняем режим смешивания копии на Screen (Осветление) и переходим Layer – Layer Mask – Hide All (Слой – Слой-маска – Скрыть все). Применив маску, берем мягкую белую кисть (В) и проводим в отмеченных красным областях.

Должен получиться красивый эффект блика, практически похожий на мокрую кожу.

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

Шаг 8

Далее выше обоих бойцов создаем новый слой. Меняем его режим смешивания на Soft Light (Мягкий свет) и светло-синим цветом (#2bd1f5) проводим по коже вокруг источника света. Убедитесь, что эффект виден на обоих бойцах.

Закончив с освещением, у вас должен получиться такой результат:

3. Создаем клетку и предметы окружения

Шаг 1

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

Дублируем (Ctrl+J) кусочек сетки много раз и распределяем копии по рабочему полотну, чтобы получилось одно цельное плотно. Закончив, все части сетки объединяем в один слой (Ctrl+E).

Дважды дублируем сетку и, используя свободную трансформацию (Ctrl+T) (после активации жмем правой кнопкой и выбираем режим Distort (Искажение)), создаем две боковые стенки, чтобы сформировать часть восьмиугольной клетки.

Шаг 2

Объединяем все копии сетки вместе (Ctrl+E) и называем слой «Клетка».

На скриншоте ниже показано в каких местах мы должны доработать освещение, чтобы сетка выглядела реалистично. Направление источника света показано зелеными стрелками, а теней – красными.

Для начала над слоем с сеткой добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем режим смешивания слоя на Overlay (Перекрытие). Далее с помощью мягкой белой кисточки наносим блики на верхней левой стороне каждой ячейки. Также для этих целей можете воспользоваться графическим планшетом, чтобы результат получился более точным и качественным.

Повторяем процесс, только в этот раз рисуем тени на нижней правой стороне каждой ячейки. Работаем на новом слое в режиме смешивания Multiply (Умножение) и используем мягкую черную кисть.

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

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

Шаг 3

В качестве финального штриха мы создадим верхнюю раму для клетки. Активируем Pen Tool (P) (Перо) и на верхней панели с параметрами инструмента переключаем режим на Shape (Фигура). Затем по верхнему контуру сетки рисуем полоску в виде части восьмиугольника. Для заливки фигуры используем темно-серый цвет.

Далее переходим на панель слоев, кликаем правой кнопкой мыши по слою с фигурой и выбираем Blending Options (Параметры наложения). Применяем стиль слоя Bevel & Emboss (Тиснение).

Выше создаем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Берем Brush Tool (B) (Кисть), зажимаем клавишу Alt, чтобы переключиться в режим пипетки. Берем пробу фонового цвета, ближе к источнику света, и аккуратно проводим по нижней границе рамы, чтобы создать красивый контурный свет.

Шаг 4

Открываем изображение с концертным залом, перетаскиваем его на рабочий документ выше всех предыдущих слоев и меняем режим смешивания на Screen (Осветление).

С помощью маски или Eraser Tool (E) (Ластик) удаляем верхнюю часть изображения. Убедитесь, чтобы все лучи света в верхней части фото с концертным залом заканчивались под животом бойца.

Корректируем освещение концертного зала. Переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и вводим настройки, показанные ниже на скриншоте. Нам необходимо, чтобы оттенки зала соответствовали цветовой схеме постера. Я намеренно не использую параметр Colorize (Тонирование), потому что он дает 100%-ный монохромный эффект, а нам нужно, чтобы цвета выглядели натурально.

Продолжаем дальше и применяем Image – Adjustments – Color Balance (Изображение – Коррекция – Цветовой баланс), чтобы улучшить глубину цвета.

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

Шаг 5

Теперь активируем мягкую кисть (Hardness (Жесткость) – 0%, Flow (Нажим) – очень низкий). Зажимаем клавишу Alt и берем пробу синего цвета на концертном зале, затем удлиняем лучи света в направлении, показанном на скриншоте ниже. Стараемся добиться такого эффекта, как будто концертный зал больше, чем оригинальное изображение на самом деле.

Шаг 6

Открываем фото с фейерверком и перетаскиваем его на рабочий документ.

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

Перемещаем слой с фейерверком почти в самый низ панели слоев, чтобы он был на заднем плане. Меняем режим смешивания слоя на Screen (Осветление). Затем переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и настраиваем цвета, как показано ниже.

Дублируем (Ctrl+J) слой с дымом и заполняем им все рабочее пространство (особенно, по бокам), чтобы придать атмосферности работе. Описанный выше способ обработки изображения вы можете с легкостью применить к любому фото с фейерверком из набора на cgtextures.com. Проявите фантазию и воспользуйтесь сразу несколькими картинками, чтобы получить более интересный результат. Но также не перестарайтесь с этим эффектом и сохраните баланс.

Шаг 7

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

Добавляем новый обтравочный слой для рамы и мягкой кисточкой аккуратно проводим светло-синим цветом (#c4fcfd), как показано ниже стрелками.

Добавляем еще один слой, меняем его режим смешивания на Overlay (Перекрытие) и рисуем узкую полоску света на раме, используя белый цвет.

Шаг 8

Теперь берем Pen Tool (P) (Перо) и проверяем, чтобы на верхней панели режим был установлен на Shape (Фигура). Рисуем треугольник в верхней части афиши. Используем цвет #dfffff.

Устанавливаем режим смешивания слоя на Soft Light (Мягкий свет) и в окне Window – Properties (Окно – Свойства) настраиваем фигуру, как показано ниже. В результате мы получили эффект светового луча.

Несколько раз дублируем (Ctrl+J) световой луч и с помощью свободной трансформации (Ctrl+T) поворачиваем каждую копию, как показано ниже. Убедитесь, чтобы расположение лучей примерно повторяло очертание окружности.

Шаг 9

Далее мы создадим частицы пыли. В самом верху панели слоев добавляем новый слой и заливаем его серым цветом (#7e7e7e). Затем применяем Filter – Noise – Add Noise (Фильтр – Шум – Добавить шум). Настраиваем фильтр, как показано ниже.

Меняем режим смешивания слоя с шумом на Screen (Осветление), затем жмем Ctrl+L и применяем Levels (Уровни). Постарайтесь получить такой результат, чтобы большая часть фона исчезла и остались белые частицы.

Дважды дублируем этот слой (Ctrl+J), чтобы в итоге получить три слоя с частицами. Объединяем их в один слой (Ctrl+E) и снова устанавливаем режим смешивания на Screen (Осветление). В результате частицы стали более контрастными и четкими.

Далее с помощью Lasso Tool (L) (Лассо) рисуем выделение любой формы. Затем жмем Ctrl+T, чтобы активировать трансформацию, кликаем правой кнопкой мыши по выделению и выбираем Warp (Деформация). Хаотично искажаем выделение, форма нам не важна. Вы даже можете увеличить размер.

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

Затем переходим Layer – Layer Mask – Hide All (Слой – Слой-маска – Скрыть все). Постарайтесь запомнить, в каких местах вы добавляли частицы, затем белой жесткой кисточкой маленького диаметра хаотично проводим в этих местах, чтобы вернуть частицы и создать эффект пыли.

Если вы хотите добавить глубины эффекту с частицами, то дублируем слой с частицами, удаляем маску и применяем размытие. Для этого переходим Filter – Blur – Lens Blur (Фильтр – Размытие – Размытие при малой глубине резкости). Настраиваем фильтр, как показано ниже.

И снова используем ту же технику (Layer – Layer Mask – Hide All (Слой – Слой-маска – Скрыть все)) и хаотично проводим по частицам белой кистью, чтобы создать эффект глубины. Не переусердствуйте с этим, так как нам не нужно месиво из разных эффектов. Постарайтесь соблюдать баланс между красотой и реалистичностью.

4. Добавляем текст

Шаг 1

И, наконец, переходим к работе с текстом. Вы, возможно, заметили, что я оставил пустые области снизу и сверху афиши. Именно в этих местах мы будем добавлять всю необходимую информацию. Лучше всего начать с подбора подходящего шрифта. Для обычного информационного текста я буду использовать шрифт Eagle Light.

Примечание: подходящий шрифт вы можете найти на нашем сайте в Дополнениях в разделе Шрифты.

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

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

Шаг 2

Для чисел используем шрифт Helvetica Neue Pro.

И применяем стили слоя.

Шаг 3

Если у вас есть какие-либо логотипы, то лучше всего скомбинировать их с обычным текстом. Попробуйте залить их тем же цветом, что и цифры, но без использования стилей слоя. Весь дополнительный мелкий текст (который не так важен) мы заливаем темно-коричневым цветом (#b5a879).

Переключаемся на верхнюю часть постера. Пишем имена бойцов (в уроке использованы вымышленные имена). Здесь мы руководствуемся теми же принципами. А чтобы сэкономить время, просто копируем стили слоя с предыдущего текста, который мы добавляли в нижней части афиши. Для этого кликаем по тексту и выбираем Copy Layer Style (Скопировать стиль слоя), затем кликаем по второму текстовому слою и выбираем Paste Layer Style (Вставить стиль слоя).

5. Создаем логотип

Шаг 1

Теперь переходим к основному логотипу. Подбираем подходящий «спортивный» шрифт (в данном уроке использован SFS Sports Night.

Примечание: подходящий вариант шрифта вы можете найти на нашем сайте в Дополнениях в разделе Шрифты.

Размещаем текст по центру и увеличиваем логотип так, чтобы он был достаточно большим для постера. Затем кликаем правой кнопкой по тексту и выбираем Convert to Shape (Преобразовать в кривые). После этого меняем цвет фигуры на #8e7c32. Называем слой «Центральный логотип».

Дублируем слой «Центральный логотип», размещаем его под оригиналом и немного уменьшаем (Ctrl+T). Называем слой «Задняя часть логотипа».

Меняем цвет задней части логотипа на #372e07. Затем берем Pen Tool (P) (Перо) (в режиме Shape (Фигура)) и соединяем углы обеих копий логотипа, используя цвет задней копии. Это придаст 3D-эффект нашему логотипа. Закончив, объединяем все слои с углами со слоем «Задняя часть логотипа» (слой «Центральный логотип» оставляем отдельно).

Теперь зажимаем клавишу Ctrl и кликаем по миниатюре слоя «Центральный логотип», чтобы загрузить его выделение. Переходим Select – Modify – Contract (Выделение – Модификация – Сжать) и сжимаем выделение примерно на 10 пикселей (значение зависит от размера вашего текста). Затем выше создаем новый слой и заливаем его более темным оттенком логотипа. Снимаем выделение (Ctrl+D) и называем слой «Передняя часть логотипа».

Активируем Move Tool (V) (Перемещение) и на клавишах со стрелками жмем по несколько раз вниз и вправо, чтобы слегка сместить верхний слой логотипа. Берем жесткую круглую кисть (все параметры кисти должны быть установлены на 100%), добавляем маску на слой и черным цветом кисточки закругляем углы верхнего слоя, как показано ниже.

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

Шаг 2

Переходим на слой «Задняя часть логотипа». Выше него добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Берем мягкую кисточку (Hardness (Жесткость) – 0%, Flow (Нажим) – 2-5%). Осветляем заднюю часть логотипа в местах, отмеченных зелеными линиями. Затем в местах, отмеченных красными стрелками, рисуем блики, используя цвет #8e7c32.

Стараемся наложить светотени с двух разных углов – сзади и слева, чтобы создать эффект нескольких источников света.

Чтобы усилить освещение, создаем еще один слой и меняем его режим смешивания на Overlay (Перекрытие) (также не забываем трансформировать в обтравочную маску). Мягкой белой кистью усиливаем блики в отмеченных на скриншоте местах. В этот раз блики должны быть яркими и насыщенными.

Шаг 3

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

Открываем изображение и перетаскиваем его на рабочий документ. Размещаем прибор над первой буквой. Обесцвечиваем картинку (Ctrl+Shift+U) и применяем Levels (Уровни) (Ctrl+L).

Меняем режим смешивания слоя с прибором на Overlay (Перекрытие) и трансформируем его в обтравочную маску (Ctrl+Alt+G). Затем добавляем маску и мягкой черной кистью скрываем отмеченные стрелками области.

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

Удаляем только те области, которые совершенно не подходят или перенасыщают цвет.

Я удалил практически 70% прибора, но зато у меня получилось добиться нужного эффекта. Помните о балансе, иногда чем меньше – тем лучше.

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

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

Применяем фильтр Gaussian Blur (Размытие по Гауссу) или Motion Blur (Размытие в движении) с совсем небольшим радиусом, чтобы слегка размыть созданный эффект. Также несколько раз дублируем слой с прибором, чтобы создать подобный эффект на других буквах. Обратите внимание, чтобы все линии на каждой букве были направлены в одну сторону.

Добавляем теплые оттенки на задней части логотипа, используя корректирующий слой Color Balance (Цветовой баланс) (трансформируем слой в обтравочную маску).

Шаг 4

Теперь переходим к слою «Центральный логотип». На панели слоев кликаем правой кнопкой по слою и выбираем Blending Options (Параметры наложения). Применяем стили слоя, чтобы стилизовать края логотипа.

Шаг 5

Возвращаем видимость верхнего слоя логотипа. На панели слоев добавляем новый корректирующий слой Solid Color (Цвет). Выбираем цвет #937539 и жмем Ctrl+Alt+G, чтобы трансформировать цветовую заливку в обтравочную маску.

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

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

Повторяем процесс – новый слой, режим Overlay (Перекрытие), мягкая белая кисточка. Но в этот раз при работе с кистью зажимаем клавишу Shift, чтобы нарисовать ровную прямую линию.

Точками на скриншоте отмечено, в каком месте нужно начинать и заканчивать линию, зажав клавишу Shift. Это позволит нарисовать идеально прямые линии.

Далее добавляем корректирующий слой Curves (Кривые). Настраиваем его, как показано ниже. Затем выделяем его маску и жмем Ctrl+I, чтобы инвертировать ее в черный цвет. Теперь берем мягкую белую кисть и в местах, отмеченных красными стрелками, проводим для создания затенения.

Шаг 6

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

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

Меняем режим смешивания слоя на Soft Light (Мягкий свет) и применяем Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в движении). Настраиваем фильтр, как показано ниже.

Объединяем все слои с логотипом (заднюю, центральную и переднюю части) и выше добавляем несколько корректирующих слоев, трансформировав их в обтравочные маски.

• Первый Gradient Map (Карта градиента) – цвета #4c3606 и #efd16b – режим Normal (Нормальный).
• Второй Gradient Map (Карта градиента) – черно-белый – режим Overlay (Перекрытие).
• Третий Gradient Map (Карта градиента) – черно-белый – режим Overlay (Перекрытие) (непрозрачность примерно 30-40%).

Шаг 7

У вас должен получиться вот такой результат:

Логотип почти готов, но, чтобы он идеально вписывался в постер, давайте добавим еще пару корректирующих слоев:

• Hue/Saturation (Цветовой тон/Насыщенность), настраиваем канал Yellows (Желтые), чтобы добавить белый цвет
• Selective Color (Выборочная коррекция цвет), корректируем общую цветовую гамму

И в качестве финального штриха еще два корректирующих слоя:

• Brightness/Contrast (Яркость/Контрастность) для создания свечения
• Color Balance (Цветовой баланс) для финальной цветокоррекции

Шаг 8

Выше всех предыдущих слоев создаем новый слой (в обтравочную маску не трансформируем), меняем режим смешивания слоя на Linear Dodge (Линейный осветлитель). Берем мягкую кисть бледно-зеленого цвета (#a1a575) и добавляем свечение с левой стороны букв там, где отмечено стрелками. Это не только добавит интересный эффект, но также объединит логотип с фоном.

Завершение

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

Автор: Wojciech Pijecki

Создаём в Photoshop афишу с рекламой спортивного мероприятия / Creativo.one

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

Скачать архив с материалами к уроку

Примечание: В источнике урока отсутствуют некоторые изображения. В архиве вы найдёте альтернативный вариант материалов для выполнения урока.

1. Подготавливаем бойцов

Шаг 1

Для данной работы мы будем использовать размер А3. Поэтому создаем новый документ размером 3508 х 4961 (29,7 х 42 в сантиметрах) пикселей с разрешением 300 точек/дюйм. Конечно, вы можете использовать другие значения, если планируете печатать постер большего или меньшего размера.

Активируем Paint Bucket Tool (G) (Заливка) и заливаем рабочее полотно темно-фиолетовым цветом (#08080a). Затем открываем первое фото с бойцом и с помощью Pen Tool (P) (Перо) вырезаем его. Закончив, переносим бойца на документ с фиолетовым фоном и называем слой «Боец 2».

Нижнюю часть тела бойца аккуратно удаляем с помощью Eraser Tool (E) (Ластик), чтобы получился плавный переход к фону.

Шаг 2

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

Шаг 3

Так как боец на заднем плане является боксером, а в этом виде спорта немного другие перчатки, мы должны их доработать, чтобы они были менее похожи на боксерские. Берем Lasso Tool (L) (Лассо) и выделяем фрагмент перчатки без швов. Копируем и вставляем выделенную часть, чтобы закрыть белую деталь на перчатке.

Шаг 4

С помощью Clone Stamp Tool (S) (Штамп) ретушируем края и не забываем добавить швы. Сильно не старайтесь, главное, чтобы издалека это смотрелось реалистично и аккуратно. Объединяем вырезанный кусок перчатки со слоем с бойцом (Ctrl+E).

Шаг 5

Снова берем Lasso Tool (L) (Лассо) и в этот раз выделяем всю перчатку. Убедитесь, что вы не захватили руку модели.

Шаг 6

Жмем Ctrl+U, чтобы открыть Hue/Saturation (Цветовой тон/Насыщенность) и вводим параметры, показанные ниже. У вас должен получиться приятный темный оттенок на перчатке.

Шаг 7

Повторяем предыдущий шаг, ничего не выделяя. Применяем Hue/Saturation (Цветовой тон/Насыщенность) ко всему бойцу. Настраиваем только каналы Reds (Красные) и Yellows (Желтые), как показано ниже. Это уберет перенасыщенность цвета кожи.

Шаг 8

У бойца на заднем плане слишком высокая контрастность, поэтому прежде чем продолжать ретушь, мы должны ее уменьшить. Переходим Image – Adjustments – Selective Color (Изображение – Коррекция – Выборочная коррекция цвета) и настраиваем каналы Whites (Белые), Neutrals (Нейтральные) и Blacks (Черные).

Шаг 9

Теперь над бойцом добавляем новый слой и жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания нового слоя на Overlay (Перекрытие). Затем мягкой кисточкой (В) белого цвета закрашиваем отмеченные ниже участки. Мы должны немного высветлить эти места.

Должен получиться такой результат:

Шаг 10

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

Шаг 11

Создаем новый слой и жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания этого слоя на Soft Light (Мягкий свет) и мягкой белой кистью рисуем блики. В этот раз нам просто нужно сделать немного ярче уже имеющиеся блики, а также осветлить правый контур тела.

Шаг 12

Создаем еще один новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем режим смешивания этого слоя на Soft Light (Мягкий свет) и берем мягкую кисть (В). Устанавливаем цвет на коричневый (#583325) и слегка проводим в отмеченных зонах. Мы должны сделать цвет на спине чуть теплее, поэтому не переусердствуйте. Если не получается добиться желаемого эффекта, возьмите другой оттенок либо пропустите этот шаг.

Шаг 13

В нижней части панели слоев жмем кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Gradient Map (Карта градиента). Из стандартного набора выбираем фиолетово-оранжевый градиент и уменьшаем Opacity (Непрозрачность) корректирующего слоя до 10%. Убедитесь, что градиентный слой и все последующие корректирующие слои, которые мы будем добавлять, трансформированы в обтравочную маску для бойца на заднем плане.

Шаг 14

Добавляем следующий слой – Color Balance (Цветовой баланс). Настраиваем его, как показано ниже.

Далее с помощью Hue/Saturation (Цветовой тон/Насыщенность) добавляем немного света на бойце.

Далее применяем Gradient Map (Карта градиента) (черно-белый). Устанавливаем режим смешивания этого градиентного слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 30-40%.

Шаг 15

Теперь переходим к бойцу на переднем плане. Выше него добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем режим смешивания этого слоя на Overlay (Перекрытие) и берем мягкую белую кисть (В) (Hardness (Жесткость) – 0%, Flow (Нажим) – примерно 5%). Закрашиваем в местах, отмеченных зеленым ниже на скриншоте, чтобы улучшить освещение бойца. Также не забываем про глаза.

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

Шаг 16

Освещение на теле бойца не очень хорошо работает с режимом смешивания Overlay (Перекрытие), поэтому далее мы будем использовать ту же самую технику ретуширования, только с режимом смешивания Soft Light (Мягкий свет).

На том же слое белой кисточкой добавляем свет по левому контуру бойца (как мы делали это с предыдущим бойцом).

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

Шаг 17

Переходим на панель слоев и добавляем новый корректирующий слой Selective Colors (Выборочная коррекция цвета). Настраиваем, как показано ниже.

Шаг 18

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

Шаг 19

Далее добавляем следующий корректирующий слой – Curves (Кривые), используя его в качестве обтравочной маски. Тянем кривую вниз и вправо, затем инвертируем маску слоя (кликаем по ней и жмем Ctrl+I).

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

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

У вас должен получиться следующий результат.

Шаг 20

Продолжаем дальше и создаем следующий корректирующий слой – Gradient Map (Карта градиента) (фиолетово-оранжевый). Уменьшаем непрозрачность слоя до 10%.

Далее выполняем цветокоррекцию бойца с помощью Color Balance (Цветовой баланс), используя следующие настройки:

Корректируем контрастность с помощью Hue/Saturation (Цветовой тон/Насыщенность):

Наконец, добавляем последний корректирующий слой Gradient Map (Карта градиента) (черно-белый), устанавливаем режим смешивания слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 30-40%. Перед тем, как продолжить, посмотрите на бойцов. Наша цель – добиться эффекта, как будто оба человека запечатлены на одном фото, а не собраны из разных картинок.

2. Работаем с фоном и освещением

Шаг 1

Под всеми предыдущими слоями создаем новый слой. Мягкой кисточкой по центру ставим пятно, используя темно-синий цвет (#0a1331). Пятно должно быть еле заметным.

Выше добавляем новый слой, меняем его режим смешивания на Overlay (Перекрытие) и мягкой кистью рисуем по центру белое пятно. Чтобы увеличить яркость эффекта, можете дублировать (Ctrl+J) этот слой.

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

Шаг 2

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

Шаг 3

Выше создаем еще один новый слой, меняем его режим смешивания на Soft Light (Мягкий свет) и светло-зеленым цветом (#d4ff27) добавляем зеленоватую тонировку в центре полотна.

Корректируем цвета, используя корректирующий слой Color Balance (Цветовой баланс).

Затем выше создаем еще один новый слой в режиме смешивания Soft Light (Мягкий свет) и вокруг центрального светлого пятна добавляем светло-синюю тонировку (#5089a6). Это необязательный шаг, но, мне кажется, небольшая коррекция цвета не помешает.

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

Шаг 4

Теперь перемещаемся к бойцу на заднем плане и дорабатываем освещение. Для начала добавляем корректирующий слой Color Balance (Цветовой баланс) и трансформируем его в обтравочную маску для слоя с бойцом.

Кликаем по маске корректирующего слоя Color Balance (Цветовой баланс) и жмем Ctrl+I, чтобы инвертировать ее. Затем берем мягкую белую кисть (В) и проводим по маске в тех местах, которые отмечены ниже на скриншоте, чтобы проявить эффект корректирующего слоя. Убедитесь, что синяя тонировка есть только на спине этого бойца.

Теперь создаем новый слой, жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания на Vivid Light (Яркий свет). Затем берем мягкую кисть и цвет #0ea494. Проводим кистью в тех же местах, что и выше. Это улучшит эффект синей тонировки на спине.

Далее добавляем корректирующий слой Gradient Map (Карта градиента) и трансформируем его в обтравочную маску. Используем цвета, показанные ниже, и устанавливаем режим смешивания слоя на Soft Light (Мягкий свет).

Шаг 5

Чтобы работа смотрелась гармоничнее, мы должны увеличить насыщенность контурного света. Для этого создаем два новых слоя, первый в режиме смешивания Normal (Нормальный), а второй – Overlay (Перекрытие). Белой кистью на обоих слоях проводим по контуру бойца, как показано ниже.

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

Закончив, получаем вот такой результат:

Шаг 6

Переходим к бойцу на переднем плане и повторяем процесс, показанный в 4 и 5 шагах. Повторяем все действия в том же порядке. Начинаем с корректирующего слоя Color Balance (Цветовой баланс) в шаге 4 и работаем с его маской. Проводим кистью в отмеченных на скриншоте местах.

Выше создаем новый слой, жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания слоя на Vivid Light (Яркий свет), берем Brush Tool (B) (Кисть) и устанавливаем цвет на #0ea494. Проводим кистью в тех же местах, что и выше, чтобы добавить голубоватую тонировку.

Затем добавляем корректирующий слой Gradient Map (Карта градиента), используя цвета, показанные на скриншоте ниже. Меняем режим смешивания градиентного слоя на Soft Light (Мягкий свет). Уменьшаем непрозрачность слоя, если получился слишком насыщенный эффект.

Шаг 7

Теперь выбираем все слои с бойцом на переднем плане (основной слой и все обтравочные маски) и дублируем их (Ctrl+J). Не снимая выделения с дубликатов, сразу жмем Ctrl+E, чтобы объединить их в один слой. В результате на одном слое у нас появится копия бойца. Обесцвечиваем его командой Ctrl+Shift+U и применяем Levels (Уровни) (Ctrl+L).

Постарайтесь получить примерно такой же результат, как на скриншоте ниже:

Далее меняем режим смешивания копии на Screen (Осветление) и переходим Layer – Layer Mask – Hide All (Слой – Слой-маска – Скрыть все). Применив маску, берем мягкую белую кисть (В) и проводим в отмеченных красным областях.

Должен получиться красивый эффект блика, практически похожий на мокрую кожу.

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

Шаг 8

Далее выше обоих бойцов создаем новый слой. Меняем его режим смешивания на Soft Light (Мягкий свет) и светло-синим цветом (#2bd1f5) проводим по коже вокруг источника света. Убедитесь, что эффект виден на обоих бойцах.

Закончив с освещением, у вас должен получиться такой результат:

3. Создаем клетку и предметы окружения

Шаг 1

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

Дублируем (Ctrl+J) кусочек сетки много раз и распределяем копии по рабочему полотну, чтобы получилось одно цельное плотно. Закончив, все части сетки объединяем в один слой (Ctrl+E).

Дважды дублируем сетку и, используя свободную трансформацию (Ctrl+T) (после активации жмем правой кнопкой и выбираем режим Distort (Искажение)), создаем две боковые стенки, чтобы сформировать часть восьмиугольной клетки.

Шаг 2

Объединяем все копии сетки вместе (Ctrl+E) и называем слой «Клетка».

На скриншоте ниже показано в каких местах мы должны доработать освещение, чтобы сетка выглядела реалистично. Направление источника света показано зелеными стрелками, а теней – красными.

Для начала над слоем с сеткой добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем режим смешивания слоя на Overlay (Перекрытие). Далее с помощью мягкой белой кисточки наносим блики на верхней левой стороне каждой ячейки. Также для этих целей можете воспользоваться графическим планшетом, чтобы результат получился более точным и качественным.

Повторяем процесс, только в этот раз рисуем тени на нижней правой стороне каждой ячейки. Работаем на новом слое в режиме смешивания Multiply (Умножение) и используем мягкую черную кисть.

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

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

Шаг 3

В качестве финального штриха мы создадим верхнюю раму для клетки. Активируем Pen Tool (P) (Перо) и на верхней панели с параметрами инструмента переключаем режим на Shape (Фигура). Затем по верхнему контуру сетки рисуем полоску в виде части восьмиугольника. Для заливки фигуры используем темно-серый цвет.

Далее переходим на панель слоев, кликаем правой кнопкой мыши по слою с фигурой и выбираем Blending Options (Параметры наложения). Применяем стиль слоя Bevel & Emboss (Тиснение).

Выше создаем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Берем Brush Tool (B) (Кисть), зажимаем клавишу Alt, чтобы переключиться в режим пипетки. Берем пробу фонового цвета, ближе к источнику света, и аккуратно проводим по нижней границе рамы, чтобы создать красивый контурный свет.

Шаг 4

Открываем изображение с концертным залом, перетаскиваем его на рабочий документ выше всех предыдущих слоев и меняем режим смешивания на Screen (Осветление).

С помощью маски или Eraser Tool (E) (Ластик) удаляем верхнюю часть изображения. Убедитесь, чтобы все лучи света в верхней части фото с концертным залом заканчивались под животом бойца.

Корректируем освещение концертного зала. Переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и вводим настройки, показанные ниже на скриншоте. Нам необходимо, чтобы оттенки зала соответствовали цветовой схеме постера. Я намеренно не использую параметр Colorize (Тонирование), потому что он дает 100%-ный монохромный эффект, а нам нужно, чтобы цвета выглядели натурально.

Продолжаем дальше и применяем Image – Adjustments – Color Balance (Изображение – Коррекция – Цветовой баланс), чтобы улучшить глубину цвета.

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

Шаг 5

Теперь активируем мягкую кисть (Hardness (Жесткость) – 0%, Flow (Нажим) – очень низкий). Зажимаем клавишу Alt и берем пробу синего цвета на концертном зале, затем удлиняем лучи света в направлении, показанном на скриншоте ниже. Стараемся добиться такого эффекта, как будто концертный зал больше, чем оригинальное изображение на самом деле.

Шаг 6

Открываем фото с фейерверком и перетаскиваем его на рабочий документ.

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

Перемещаем слой с фейерверком почти в самый низ панели слоев, чтобы он был на заднем плане. Меняем режим смешивания слоя на Screen (Осветление). Затем переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и настраиваем цвета, как показано ниже.

Дублируем (Ctrl+J) слой с дымом и заполняем им все рабочее пространство (особенно, по бокам), чтобы придать атмосферности работе. Описанный выше способ обработки изображения вы можете с легкостью применить к любому фото с фейерверком из набора на cgtextures.com. Проявите фантазию и воспользуйтесь сразу несколькими картинками, чтобы получить более интересный результат. Но также не перестарайтесь с этим эффектом и сохраните баланс.

Шаг 7

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

Добавляем новый обтравочный слой для рамы и мягкой кисточкой аккуратно проводим светло-синим цветом (#c4fcfd), как показано ниже стрелками.

Добавляем еще один слой, меняем его режим смешивания на Overlay (Перекрытие) и рисуем узкую полоску света на раме, используя белый цвет.

Шаг 8

Теперь берем Pen Tool (P) (Перо) и проверяем, чтобы на верхней панели режим был установлен на Shape (Фигура). Рисуем треугольник в верхней части афиши. Используем цвет #dfffff.

Устанавливаем режим смешивания слоя на Soft Light (Мягкий свет) и в окне Window – Properties (Окно – Свойства) настраиваем фигуру, как показано ниже. В результате мы получили эффект светового луча.

Несколько раз дублируем (Ctrl+J) световой луч и с помощью свободной трансформации (Ctrl+T) поворачиваем каждую копию, как показано ниже. Убедитесь, чтобы расположение лучей примерно повторяло очертание окружности.

Шаг 9

Далее мы создадим частицы пыли. В самом верху панели слоев добавляем новый слой и заливаем его серым цветом (#7e7e7e). Затем применяем Filter – Noise – Add Noise (Фильтр – Шум – Добавить шум). Настраиваем фильтр, как показано ниже.

Меняем режим смешивания слоя с шумом на Screen (Осветление), затем жмем Ctrl+L и применяем Levels (Уровни). Постарайтесь получить такой результат, чтобы большая часть фона исчезла и остались белые частицы.

Дважды дублируем этот слой (Ctrl+J), чтобы в итоге получить три слоя с частицами. Объединяем их в один слой (Ctrl+E) и снова устанавливаем режим смешивания на Screen (Осветление). В результате частицы стали более контрастными и четкими.

Далее с помощью Lasso Tool (L) (Лассо) рисуем выделение любой формы. Затем жмем Ctrl+T, чтобы активировать трансформацию, кликаем правой кнопкой мыши по выделению и выбираем Warp (Деформация). Хаотично искажаем выделение, форма нам не важна. Вы даже можете увеличить размер.

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

Затем переходим Layer – Layer Mask – Hide All (Слой – Слой-маска – Скрыть все). Постарайтесь запомнить, в каких местах вы добавляли частицы, затем белой жесткой кисточкой маленького диаметра хаотично проводим в этих местах, чтобы вернуть частицы и создать эффект пыли.

Если вы хотите добавить глубины эффекту с частицами, то дублируем слой с частицами, удаляем маску и применяем размытие. Для этого переходим Filter – Blur – Lens Blur (Фильтр – Размытие – Размытие при малой глубине резкости). Настраиваем фильтр, как показано ниже.

И снова используем ту же технику (Layer – Layer Mask – Hide All (Слой – Слой-маска – Скрыть все)) и хаотично проводим по частицам белой кистью, чтобы создать эффект глубины. Не переусердствуйте с этим, так как нам не нужно месиво из разных эффектов. Постарайтесь соблюдать баланс между красотой и реалистичностью.

4. Добавляем текст

Шаг 1

И, наконец, переходим к работе с текстом. Вы, возможно, заметили, что я оставил пустые области снизу и сверху афиши. Именно в этих местах мы будем добавлять всю необходимую информацию. Лучше всего начать с подбора подходящего шрифта. Для обычного информационного текста я буду использовать шрифт Eagle Light.

Примечание: подходящий шрифт вы можете найти на нашем сайте в Дополнениях в разделе Шрифты.

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

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

Шаг 2

Для чисел используем шрифт Helvetica Neue Pro.

И применяем стили слоя.

Шаг 3

Если у вас есть какие-либо логотипы, то лучше всего скомбинировать их с обычным текстом. Попробуйте залить их тем же цветом, что и цифры, но без использования стилей слоя. Весь дополнительный мелкий текст (который не так важен) мы заливаем темно-коричневым цветом (#b5a879).

Переключаемся на верхнюю часть постера. Пишем имена бойцов (в уроке использованы вымышленные имена). Здесь мы руководствуемся теми же принципами. А чтобы сэкономить время, просто копируем стили слоя с предыдущего текста, который мы добавляли в нижней части афиши. Для этого кликаем по тексту и выбираем Copy Layer Style (Скопировать стиль слоя), затем кликаем по второму текстовому слою и выбираем Paste Layer Style (Вставить стиль слоя).

5. Создаем логотип

Шаг 1

Теперь переходим к основному логотипу. Подбираем подходящий «спортивный» шрифт (в данном уроке использован SFS Sports Night.

Примечание: подходящий вариант шрифта вы можете найти на нашем сайте в Дополнениях в разделе Шрифты.

Размещаем текст по центру и увеличиваем логотип так, чтобы он был достаточно большим для постера. Затем кликаем правой кнопкой по тексту и выбираем Convert to Shape (Преобразовать в кривые). После этого меняем цвет фигуры на #8e7c32. Называем слой «Центральный логотип».

Дублируем слой «Центральный логотип», размещаем его под оригиналом и немного уменьшаем (Ctrl+T). Называем слой «Задняя часть логотипа».

Меняем цвет задней части логотипа на #372e07. Затем берем Pen Tool (P) (Перо) (в режиме Shape (Фигура)) и соединяем углы обеих копий логотипа, используя цвет задней копии. Это придаст 3D-эффект нашему логотипа. Закончив, объединяем все слои с углами со слоем «Задняя часть логотипа» (слой «Центральный логотип» оставляем отдельно).

Теперь зажимаем клавишу Ctrl и кликаем по миниатюре слоя «Центральный логотип», чтобы загрузить его выделение. Переходим Select – Modify – Contract (Выделение – Модификация – Сжать) и сжимаем выделение примерно на 10 пикселей (значение зависит от размера вашего текста). Затем выше создаем новый слой и заливаем его более темным оттенком логотипа. Снимаем выделение (Ctrl+D) и называем слой «Передняя часть логотипа».

Активируем Move Tool (V) (Перемещение) и на клавишах со стрелками жмем по несколько раз вниз и вправо, чтобы слегка сместить верхний слой логотипа. Берем жесткую круглую кисть (все параметры кисти должны быть установлены на 100%), добавляем маску на слой и черным цветом кисточки закругляем углы верхнего слоя, как показано ниже.

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

Шаг 2

Переходим на слой «Задняя часть логотипа». Выше него добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Берем мягкую кисточку (Hardness (Жесткость) – 0%, Flow (Нажим) – 2-5%). Осветляем заднюю часть логотипа в местах, отмеченных зелеными линиями. Затем в местах, отмеченных красными стрелками, рисуем блики, используя цвет #8e7c32.

Стараемся наложить светотени с двух разных углов – сзади и слева, чтобы создать эффект нескольких источников света.

Чтобы усилить освещение, создаем еще один слой и меняем его режим смешивания на Overlay (Перекрытие) (также не забываем трансформировать в обтравочную маску). Мягкой белой кистью усиливаем блики в отмеченных на скриншоте местах. В этот раз блики должны быть яркими и насыщенными.

Шаг 3

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

Открываем изображение и перетаскиваем его на рабочий документ. Размещаем прибор над первой буквой. Обесцвечиваем картинку (Ctrl+Shift+U) и применяем Levels (Уровни) (Ctrl+L).

Меняем режим смешивания слоя с прибором на Overlay (Перекрытие) и трансформируем его в обтравочную маску (Ctrl+Alt+G). Затем добавляем маску и мягкой черной кистью скрываем отмеченные стрелками области.

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

Удаляем только те области, которые совершенно не подходят или перенасыщают цвет.

Я удалил практически 70% прибора, но зато у меня получилось добиться нужного эффекта. Помните о балансе, иногда чем меньше – тем лучше.

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

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

Применяем фильтр Gaussian Blur (Размытие по Гауссу) или Motion Blur (Размытие в движении) с совсем небольшим радиусом, чтобы слегка размыть созданный эффект. Также несколько раз дублируем слой с прибором, чтобы создать подобный эффект на других буквах. Обратите внимание, чтобы все линии на каждой букве были направлены в одну сторону.

Добавляем теплые оттенки на задней части логотипа, используя корректирующий слой Color Balance (Цветовой баланс) (трансформируем слой в обтравочную маску).

Шаг 4

Теперь переходим к слою «Центральный логотип». На панели слоев кликаем правой кнопкой по слою и выбираем Blending Options (Параметры наложения). Применяем стили слоя, чтобы стилизовать края логотипа.

Шаг 5

Возвращаем видимость верхнего слоя логотипа. На панели слоев добавляем новый корректирующий слой Solid Color (Цвет). Выбираем цвет #937539 и жмем Ctrl+Alt+G, чтобы трансформировать цветовую заливку в обтравочную маску.

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

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

Повторяем процесс – новый слой, режим Overlay (Перекрытие), мягкая белая кисточка. Но в этот раз при работе с кистью зажимаем клавишу Shift, чтобы нарисовать ровную прямую линию.

Точками на скриншоте отмечено, в каком месте нужно начинать и заканчивать линию, зажав клавишу Shift. Это позволит нарисовать идеально прямые линии.

Далее добавляем корректирующий слой Curves (Кривые). Настраиваем его, как показано ниже. Затем выделяем его маску и жмем Ctrl+I, чтобы инвертировать ее в черный цвет. Теперь берем мягкую белую кисть и в местах, отмеченных красными стрелками, проводим для создания затенения.

Шаг 6

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

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

Меняем режим смешивания слоя на Soft Light (Мягкий свет) и применяем Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в движении). Настраиваем фильтр, как показано ниже.

Объединяем все слои с логотипом (заднюю, центральную и переднюю части) и выше добавляем несколько корректирующих слоев, трансформировав их в обтравочные маски.

• Первый Gradient Map (Карта градиента) – цвета #4c3606 и #efd16b – режим Normal (Нормальный).
• Второй Gradient Map (Карта градиента) – черно-белый – режим Overlay (Перекрытие).
• Третий Gradient Map (Карта градиента) – черно-белый – режим Overlay (Перекрытие) (непрозрачность примерно 30-40%).

Шаг 7

У вас должен получиться вот такой результат:

Логотип почти готов, но, чтобы он идеально вписывался в постер, давайте добавим еще пару корректирующих слоев:

• Hue/Saturation (Цветовой тон/Насыщенность), настраиваем канал Yellows (Желтые), чтобы добавить белый цвет
• Selective Color (Выборочная коррекция цвет), корректируем общую цветовую гамму

И в качестве финального штриха еще два корректирующих слоя:

• Brightness/Contrast (Яркость/Контрастность) для создания свечения
• Color Balance (Цветовой баланс) для финальной цветокоррекции

Шаг 8

Выше всех предыдущих слоев создаем новый слой (в обтравочную маску не трансформируем), меняем режим смешивания слоя на Linear Dodge (Линейный осветлитель). Берем мягкую кисть бледно-зеленого цвета (#a1a575) и добавляем свечение с левой стороны букв там, где отмечено стрелками. Это не только добавит интересный эффект, но также объединит логотип с фоном.

Завершение

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

Автор: Wojciech Pijecki

Создаём в Photoshop афишу с рекламой спортивного мероприятия / Creativo.one

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

Скачать архив с материалами к уроку

Примечание: В источнике урока отсутствуют некоторые изображения. В архиве вы найдёте альтернативный вариант материалов для выполнения урока.

1. Подготавливаем бойцов

Шаг 1

Для данной работы мы будем использовать размер А3. Поэтому создаем новый документ размером 3508 х 4961 (29,7 х 42 в сантиметрах) пикселей с разрешением 300 точек/дюйм. Конечно, вы можете использовать другие значения, если планируете печатать постер большего или меньшего размера.

Активируем Paint Bucket Tool (G) (Заливка) и заливаем рабочее полотно темно-фиолетовым цветом (#08080a). Затем открываем первое фото с бойцом и с помощью Pen Tool (P) (Перо) вырезаем его. Закончив, переносим бойца на документ с фиолетовым фоном и называем слой «Боец 2».

Нижнюю часть тела бойца аккуратно удаляем с помощью Eraser Tool (E) (Ластик), чтобы получился плавный переход к фону.

Шаг 2

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

Шаг 3

Так как боец на заднем плане является боксером, а в этом виде спорта немного другие перчатки, мы должны их доработать, чтобы они были менее похожи на боксерские. Берем Lasso Tool (L) (Лассо) и выделяем фрагмент перчатки без швов. Копируем и вставляем выделенную часть, чтобы закрыть белую деталь на перчатке.

Шаг 4

С помощью Clone Stamp Tool (S) (Штамп) ретушируем края и не забываем добавить швы. Сильно не старайтесь, главное, чтобы издалека это смотрелось реалистично и аккуратно. Объединяем вырезанный кусок перчатки со слоем с бойцом (Ctrl+E).

Шаг 5

Снова берем Lasso Tool (L) (Лассо) и в этот раз выделяем всю перчатку. Убедитесь, что вы не захватили руку модели.

Шаг 6

Жмем Ctrl+U, чтобы открыть Hue/Saturation (Цветовой тон/Насыщенность) и вводим параметры, показанные ниже. У вас должен получиться приятный темный оттенок на перчатке.

Шаг 7

Повторяем предыдущий шаг, ничего не выделяя. Применяем Hue/Saturation (Цветовой тон/Насыщенность) ко всему бойцу. Настраиваем только каналы Reds (Красные) и Yellows (Желтые), как показано ниже. Это уберет перенасыщенность цвета кожи.

Шаг 8

У бойца на заднем плане слишком высокая контрастность, поэтому прежде чем продолжать ретушь, мы должны ее уменьшить. Переходим Image – Adjustments – Selective Color (Изображение – Коррекция – Выборочная коррекция цвета) и настраиваем каналы Whites (Белые), Neutrals (Нейтральные) и Blacks (Черные).

Шаг 9

Теперь над бойцом добавляем новый слой и жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания нового слоя на Overlay (Перекрытие). Затем мягкой кисточкой (В) белого цвета закрашиваем отмеченные ниже участки. Мы должны немного высветлить эти места.

Должен получиться такой результат:

Шаг 10

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

Шаг 11

Создаем новый слой и жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания этого слоя на Soft Light (Мягкий свет) и мягкой белой кистью рисуем блики. В этот раз нам просто нужно сделать немного ярче уже имеющиеся блики, а также осветлить правый контур тела.

Шаг 12

Создаем еще один новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем режим смешивания этого слоя на Soft Light (Мягкий свет) и берем мягкую кисть (В). Устанавливаем цвет на коричневый (#583325) и слегка проводим в отмеченных зонах. Мы должны сделать цвет на спине чуть теплее, поэтому не переусердствуйте. Если не получается добиться желаемого эффекта, возьмите другой оттенок либо пропустите этот шаг.

Шаг 13

В нижней части панели слоев жмем кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Gradient Map (Карта градиента). Из стандартного набора выбираем фиолетово-оранжевый градиент и уменьшаем Opacity (Непрозрачность) корректирующего слоя до 10%. Убедитесь, что градиентный слой и все последующие корректирующие слои, которые мы будем добавлять, трансформированы в обтравочную маску для бойца на заднем плане.

Шаг 14

Добавляем следующий слой – Color Balance (Цветовой баланс). Настраиваем его, как показано ниже.

Далее с помощью Hue/Saturation (Цветовой тон/Насыщенность) добавляем немного света на бойце.

Далее применяем Gradient Map (Карта градиента) (черно-белый). Устанавливаем режим смешивания этого градиентного слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 30-40%.

Шаг 15

Теперь переходим к бойцу на переднем плане. Выше него добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем режим смешивания этого слоя на Overlay (Перекрытие) и берем мягкую белую кисть (В) (Hardness (Жесткость) – 0%, Flow (Нажим) – примерно 5%). Закрашиваем в местах, отмеченных зеленым ниже на скриншоте, чтобы улучшить освещение бойца. Также не забываем про глаза.

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

Шаг 16

Освещение на теле бойца не очень хорошо работает с режимом смешивания Overlay (Перекрытие), поэтому далее мы будем использовать ту же самую технику ретуширования, только с режимом смешивания Soft Light (Мягкий свет).

На том же слое белой кисточкой добавляем свет по левому контуру бойца (как мы делали это с предыдущим бойцом).

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

Шаг 17

Переходим на панель слоев и добавляем новый корректирующий слой Selective Colors (Выборочная коррекция цвета). Настраиваем, как показано ниже.

Шаг 18

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

Шаг 19

Далее добавляем следующий корректирующий слой – Curves (Кривые), используя его в качестве обтравочной маски. Тянем кривую вниз и вправо, затем инвертируем маску слоя (кликаем по ней и жмем Ctrl+I).

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

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

У вас должен получиться следующий результат.

Шаг 20

Продолжаем дальше и создаем следующий корректирующий слой – Gradient Map (Карта градиента) (фиолетово-оранжевый). Уменьшаем непрозрачность слоя до 10%.

Далее выполняем цветокоррекцию бойца с помощью Color Balance (Цветовой баланс), используя следующие настройки:

Корректируем контрастность с помощью Hue/Saturation (Цветовой тон/Насыщенность):

Наконец, добавляем последний корректирующий слой Gradient Map (Карта градиента) (черно-белый), устанавливаем режим смешивания слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 30-40%. Перед тем, как продолжить, посмотрите на бойцов. Наша цель – добиться эффекта, как будто оба человека запечатлены на одном фото, а не собраны из разных картинок.

2. Работаем с фоном и освещением

Шаг 1

Под всеми предыдущими слоями создаем новый слой. Мягкой кисточкой по центру ставим пятно, используя темно-синий цвет (#0a1331). Пятно должно быть еле заметным.

Выше добавляем новый слой, меняем его режим смешивания на Overlay (Перекрытие) и мягкой кистью рисуем по центру белое пятно. Чтобы увеличить яркость эффекта, можете дублировать (Ctrl+J) этот слой.

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

Шаг 2

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

Шаг 3

Выше создаем еще один новый слой, меняем его режим смешивания на Soft Light (Мягкий свет) и светло-зеленым цветом (#d4ff27) добавляем зеленоватую тонировку в центре полотна.

Корректируем цвета, используя корректирующий слой Color Balance (Цветовой баланс).

Затем выше создаем еще один новый слой в режиме смешивания Soft Light (Мягкий свет) и вокруг центрального светлого пятна добавляем светло-синюю тонировку (#5089a6). Это необязательный шаг, но, мне кажется, небольшая коррекция цвета не помешает.

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

Шаг 4

Теперь перемещаемся к бойцу на заднем плане и дорабатываем освещение. Для начала добавляем корректирующий слой Color Balance (Цветовой баланс) и трансформируем его в обтравочную маску для слоя с бойцом.

Кликаем по маске корректирующего слоя Color Balance (Цветовой баланс) и жмем Ctrl+I, чтобы инвертировать ее. Затем берем мягкую белую кисть (В) и проводим по маске в тех местах, которые отмечены ниже на скриншоте, чтобы проявить эффект корректирующего слоя. Убедитесь, что синяя тонировка есть только на спине этого бойца.

Теперь создаем новый слой, жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания на Vivid Light (Яркий свет). Затем берем мягкую кисть и цвет #0ea494. Проводим кистью в тех же местах, что и выше. Это улучшит эффект синей тонировки на спине.

Далее добавляем корректирующий слой Gradient Map (Карта градиента) и трансформируем его в обтравочную маску. Используем цвета, показанные ниже, и устанавливаем режим смешивания слоя на Soft Light (Мягкий свет).

Шаг 5

Чтобы работа смотрелась гармоничнее, мы должны увеличить насыщенность контурного света. Для этого создаем два новых слоя, первый в режиме смешивания Normal (Нормальный), а второй – Overlay (Перекрытие). Белой кистью на обоих слоях проводим по контуру бойца, как показано ниже.

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

Закончив, получаем вот такой результат:

Шаг 6

Переходим к бойцу на переднем плане и повторяем процесс, показанный в 4 и 5 шагах. Повторяем все действия в том же порядке. Начинаем с корректирующего слоя Color Balance (Цветовой баланс) в шаге 4 и работаем с его маской. Проводим кистью в отмеченных на скриншоте местах.

Выше создаем новый слой, жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания слоя на Vivid Light (Яркий свет), берем Brush Tool (B) (Кисть) и устанавливаем цвет на #0ea494. Проводим кистью в тех же местах, что и выше, чтобы добавить голубоватую тонировку.

Затем добавляем корректирующий слой Gradient Map (Карта градиента), используя цвета, показанные на скриншоте ниже. Меняем режим смешивания градиентного слоя на Soft Light (Мягкий свет). Уменьшаем непрозрачность слоя, если получился слишком насыщенный эффект.

Шаг 7

Теперь выбираем все слои с бойцом на переднем плане (основной слой и все обтравочные маски) и дублируем их (Ctrl+J). Не снимая выделения с дубликатов, сразу жмем Ctrl+E, чтобы объединить их в один слой. В результате на одном слое у нас появится копия бойца. Обесцвечиваем его командой Ctrl+Shift+U и применяем Levels (Уровни) (Ctrl+L).

Постарайтесь получить примерно такой же результат, как на скриншоте ниже:

Далее меняем режим смешивания копии на Screen (Осветление) и переходим Layer – Layer Mask – Hide All (Слой – Слой-маска – Скрыть все). Применив маску, берем мягкую белую кисть (В) и проводим в отмеченных красным областях.

Должен получиться красивый эффект блика, практически похожий на мокрую кожу.

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

Шаг 8

Далее выше обоих бойцов создаем новый слой. Меняем его режим смешивания на Soft Light (Мягкий свет) и светло-синим цветом (#2bd1f5) проводим по коже вокруг источника света. Убедитесь, что эффект виден на обоих бойцах.

Закончив с освещением, у вас должен получиться такой результат:

3. Создаем клетку и предметы окружения

Шаг 1

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

Дублируем (Ctrl+J) кусочек сетки много раз и распределяем копии по рабочему полотну, чтобы получилось одно цельное плотно. Закончив, все части сетки объединяем в один слой (Ctrl+E).

Дважды дублируем сетку и, используя свободную трансформацию (Ctrl+T) (после активации жмем правой кнопкой и выбираем режим Distort (Искажение)), создаем две боковые стенки, чтобы сформировать часть восьмиугольной клетки.

Шаг 2

Объединяем все копии сетки вместе (Ctrl+E) и называем слой «Клетка».

На скриншоте ниже показано в каких местах мы должны доработать освещение, чтобы сетка выглядела реалистично. Направление источника света показано зелеными стрелками, а теней – красными.

Для начала над слоем с сеткой добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем режим смешивания слоя на Overlay (Перекрытие). Далее с помощью мягкой белой кисточки наносим блики на верхней левой стороне каждой ячейки. Также для этих целей можете воспользоваться графическим планшетом, чтобы результат получился более точным и качественным.

Повторяем процесс, только в этот раз рисуем тени на нижней правой стороне каждой ячейки. Работаем на новом слое в режиме смешивания Multiply (Умножение) и используем мягкую черную кисть.

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

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

Шаг 3

В качестве финального штриха мы создадим верхнюю раму для клетки. Активируем Pen Tool (P) (Перо) и на верхней панели с параметрами инструмента переключаем режим на Shape (Фигура). Затем по верхнему контуру сетки рисуем полоску в виде части восьмиугольника. Для заливки фигуры используем темно-серый цвет.

Далее переходим на панель слоев, кликаем правой кнопкой мыши по слою с фигурой и выбираем Blending Options (Параметры наложения). Применяем стиль слоя Bevel & Emboss (Тиснение).

Выше создаем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Берем Brush Tool (B) (Кисть), зажимаем клавишу Alt, чтобы переключиться в режим пипетки. Берем пробу фонового цвета, ближе к источнику света, и аккуратно проводим по нижней границе рамы, чтобы создать красивый контурный свет.

Шаг 4

Открываем изображение с концертным залом, перетаскиваем его на рабочий документ выше всех предыдущих слоев и меняем режим смешивания на Screen (Осветление).

С помощью маски или Eraser Tool (E) (Ластик) удаляем верхнюю часть изображения. Убедитесь, чтобы все лучи света в верхней части фото с концертным залом заканчивались под животом бойца.

Корректируем освещение концертного зала. Переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и вводим настройки, показанные ниже на скриншоте. Нам необходимо, чтобы оттенки зала соответствовали цветовой схеме постера. Я намеренно не использую параметр Colorize (Тонирование), потому что он дает 100%-ный монохромный эффект, а нам нужно, чтобы цвета выглядели натурально.

Продолжаем дальше и применяем Image – Adjustments – Color Balance (Изображение – Коррекция – Цветовой баланс), чтобы улучшить глубину цвета.

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

Шаг 5

Теперь активируем мягкую кисть (Hardness (Жесткость) – 0%, Flow (Нажим) – очень низкий). Зажимаем клавишу Alt и берем пробу синего цвета на концертном зале, затем удлиняем лучи света в направлении, показанном на скриншоте ниже. Стараемся добиться такого эффекта, как будто концертный зал больше, чем оригинальное изображение на самом деле.

Шаг 6

Открываем фото с фейерверком и перетаскиваем его на рабочий документ.

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

Перемещаем слой с фейерверком почти в самый низ панели слоев, чтобы он был на заднем плане. Меняем режим смешивания слоя на Screen (Осветление). Затем переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и настраиваем цвета, как показано ниже.

Дублируем (Ctrl+J) слой с дымом и заполняем им все рабочее пространство (особенно, по бокам), чтобы придать атмосферности работе. Описанный выше способ обработки изображения вы можете с легкостью применить к любому фото с фейерверком из набора на cgtextures.com. Проявите фантазию и воспользуйтесь сразу несколькими картинками, чтобы получить более интересный результат. Но также не перестарайтесь с этим эффектом и сохраните баланс.

Шаг 7

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

Добавляем новый обтравочный слой для рамы и мягкой кисточкой аккуратно проводим светло-синим цветом (#c4fcfd), как показано ниже стрелками.

Добавляем еще один слой, меняем его режим смешивания на Overlay (Перекрытие) и рисуем узкую полоску света на раме, используя белый цвет.

Шаг 8

Теперь берем Pen Tool (P) (Перо) и проверяем, чтобы на верхней панели режим был установлен на Shape (Фигура). Рисуем треугольник в верхней части афиши. Используем цвет #dfffff.

Устанавливаем режим смешивания слоя на Soft Light (Мягкий свет) и в окне Window – Properties (Окно – Свойства) настраиваем фигуру, как показано ниже. В результате мы получили эффект светового луча.

Несколько раз дублируем (Ctrl+J) световой луч и с помощью свободной трансформации (Ctrl+T) поворачиваем каждую копию, как показано ниже. Убедитесь, чтобы расположение лучей примерно повторяло очертание окружности.

Шаг 9

Далее мы создадим частицы пыли. В самом верху панели слоев добавляем новый слой и заливаем его серым цветом (#7e7e7e). Затем применяем Filter – Noise – Add Noise (Фильтр – Шум – Добавить шум). Настраиваем фильтр, как показано ниже.

Меняем режим смешивания слоя с шумом на Screen (Осветление), затем жмем Ctrl+L и применяем Levels (Уровни). Постарайтесь получить такой результат, чтобы большая часть фона исчезла и остались белые частицы.

Дважды дублируем этот слой (Ctrl+J), чтобы в итоге получить три слоя с частицами. Объединяем их в один слой (Ctrl+E) и снова устанавливаем режим смешивания на Screen (Осветление). В результате частицы стали более контрастными и четкими.

Далее с помощью Lasso Tool (L) (Лассо) рисуем выделение любой формы. Затем жмем Ctrl+T, чтобы активировать трансформацию, кликаем правой кнопкой мыши по выделению и выбираем Warp (Деформация). Хаотично искажаем выделение, форма нам не важна. Вы даже можете увеличить размер.

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

Затем переходим Layer – Layer Mask – Hide All (Слой – Слой-маска – Скрыть все). Постарайтесь запомнить, в каких местах вы добавляли частицы, затем белой жесткой кисточкой маленького диаметра хаотично проводим в этих местах, чтобы вернуть частицы и создать эффект пыли.

Если вы хотите добавить глубины эффекту с частицами, то дублируем слой с частицами, удаляем маску и применяем размытие. Для этого переходим Filter – Blur – Lens Blur (Фильтр – Размытие – Размытие при малой глубине резкости). Настраиваем фильтр, как показано ниже.

И снова используем ту же технику (Layer – Layer Mask – Hide All (Слой – Слой-маска – Скрыть все)) и хаотично проводим по частицам белой кистью, чтобы создать эффект глубины. Не переусердствуйте с этим, так как нам не нужно месиво из разных эффектов. Постарайтесь соблюдать баланс между красотой и реалистичностью.

4. Добавляем текст

Шаг 1

И, наконец, переходим к работе с текстом. Вы, возможно, заметили, что я оставил пустые области снизу и сверху афиши. Именно в этих местах мы будем добавлять всю необходимую информацию. Лучше всего начать с подбора подходящего шрифта. Для обычного информационного текста я буду использовать шрифт Eagle Light.

Примечание: подходящий шрифт вы можете найти на нашем сайте в Дополнениях в разделе Шрифты.

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

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

Шаг 2

Для чисел используем шрифт Helvetica Neue Pro.

И применяем стили слоя.

Шаг 3

Если у вас есть какие-либо логотипы, то лучше всего скомбинировать их с обычным текстом. Попробуйте залить их тем же цветом, что и цифры, но без использования стилей слоя. Весь дополнительный мелкий текст (который не так важен) мы заливаем темно-коричневым цветом (#b5a879).

Переключаемся на верхнюю часть постера. Пишем имена бойцов (в уроке использованы вымышленные имена). Здесь мы руководствуемся теми же принципами. А чтобы сэкономить время, просто копируем стили слоя с предыдущего текста, который мы добавляли в нижней части афиши. Для этого кликаем по тексту и выбираем Copy Layer Style (Скопировать стиль слоя), затем кликаем по второму текстовому слою и выбираем Paste Layer Style (Вставить стиль слоя).

5. Создаем логотип

Шаг 1

Теперь переходим к основному логотипу. Подбираем подходящий «спортивный» шрифт (в данном уроке использован SFS Sports Night.

Примечание: подходящий вариант шрифта вы можете найти на нашем сайте в Дополнениях в разделе Шрифты.

Размещаем текст по центру и увеличиваем логотип так, чтобы он был достаточно большим для постера. Затем кликаем правой кнопкой по тексту и выбираем Convert to Shape (Преобразовать в кривые). После этого меняем цвет фигуры на #8e7c32. Называем слой «Центральный логотип».

Дублируем слой «Центральный логотип», размещаем его под оригиналом и немного уменьшаем (Ctrl+T). Называем слой «Задняя часть логотипа».

Меняем цвет задней части логотипа на #372e07. Затем берем Pen Tool (P) (Перо) (в режиме Shape (Фигура)) и соединяем углы обеих копий логотипа, используя цвет задней копии. Это придаст 3D-эффект нашему логотипа. Закончив, объединяем все слои с углами со слоем «Задняя часть логотипа» (слой «Центральный логотип» оставляем отдельно).

Теперь зажимаем клавишу Ctrl и кликаем по миниатюре слоя «Центральный логотип», чтобы загрузить его выделение. Переходим Select – Modify – Contract (Выделение – Модификация – Сжать) и сжимаем выделение примерно на 10 пикселей (значение зависит от размера вашего текста). Затем выше создаем новый слой и заливаем его более темным оттенком логотипа. Снимаем выделение (Ctrl+D) и называем слой «Передняя часть логотипа».

Активируем Move Tool (V) (Перемещение) и на клавишах со стрелками жмем по несколько раз вниз и вправо, чтобы слегка сместить верхний слой логотипа. Берем жесткую круглую кисть (все параметры кисти должны быть установлены на 100%), добавляем маску на слой и черным цветом кисточки закругляем углы верхнего слоя, как показано ниже.

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

Шаг 2

Переходим на слой «Задняя часть логотипа». Выше него добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Берем мягкую кисточку (Hardness (Жесткость) – 0%, Flow (Нажим) – 2-5%). Осветляем заднюю часть логотипа в местах, отмеченных зелеными линиями. Затем в местах, отмеченных красными стрелками, рисуем блики, используя цвет #8e7c32.

Стараемся наложить светотени с двух разных углов – сзади и слева, чтобы создать эффект нескольких источников света.

Чтобы усилить освещение, создаем еще один слой и меняем его режим смешивания на Overlay (Перекрытие) (также не забываем трансформировать в обтравочную маску). Мягкой белой кистью усиливаем блики в отмеченных на скриншоте местах. В этот раз блики должны быть яркими и насыщенными.

Шаг 3

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

Открываем изображение и перетаскиваем его на рабочий документ. Размещаем прибор над первой буквой. Обесцвечиваем картинку (Ctrl+Shift+U) и применяем Levels (Уровни) (Ctrl+L).

Меняем режим смешивания слоя с прибором на Overlay (Перекрытие) и трансформируем его в обтравочную маску (Ctrl+Alt+G). Затем добавляем маску и мягкой черной кистью скрываем отмеченные стрелками области.

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

Удаляем только те области, которые совершенно не подходят или перенасыщают цвет.

Я удалил практически 70% прибора, но зато у меня получилось добиться нужного эффекта. Помните о балансе, иногда чем меньше – тем лучше.

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

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

Применяем фильтр Gaussian Blur (Размытие по Гауссу) или Motion Blur (Размытие в движении) с совсем небольшим радиусом, чтобы слегка размыть созданный эффект. Также несколько раз дублируем слой с прибором, чтобы создать подобный эффект на других буквах. Обратите внимание, чтобы все линии на каждой букве были направлены в одну сторону.

Добавляем теплые оттенки на задней части логотипа, используя корректирующий слой Color Balance (Цветовой баланс) (трансформируем слой в обтравочную маску).

Шаг 4

Теперь переходим к слою «Центральный логотип». На панели слоев кликаем правой кнопкой по слою и выбираем Blending Options (Параметры наложения). Применяем стили слоя, чтобы стилизовать края логотипа.

Шаг 5

Возвращаем видимость верхнего слоя логотипа. На панели слоев добавляем новый корректирующий слой Solid Color (Цвет). Выбираем цвет #937539 и жмем Ctrl+Alt+G, чтобы трансформировать цветовую заливку в обтравочную маску.

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

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

Повторяем процесс – новый слой, режим Overlay (Перекрытие), мягкая белая кисточка. Но в этот раз при работе с кистью зажимаем клавишу Shift, чтобы нарисовать ровную прямую линию.

Точками на скриншоте отмечено, в каком месте нужно начинать и заканчивать линию, зажав клавишу Shift. Это позволит нарисовать идеально прямые линии.

Далее добавляем корректирующий слой Curves (Кривые). Настраиваем его, как показано ниже. Затем выделяем его маску и жмем Ctrl+I, чтобы инвертировать ее в черный цвет. Теперь берем мягкую белую кисть и в местах, отмеченных красными стрелками, проводим для создания затенения.

Шаг 6

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

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

Меняем режим смешивания слоя на Soft Light (Мягкий свет) и применяем Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в движении). Настраиваем фильтр, как показано ниже.

Объединяем все слои с логотипом (заднюю, центральную и переднюю части) и выше добавляем несколько корректирующих слоев, трансформировав их в обтравочные маски.

• Первый Gradient Map (Карта градиента) – цвета #4c3606 и #efd16b – режим Normal (Нормальный).
• Второй Gradient Map (Карта градиента) – черно-белый – режим Overlay (Перекрытие).
• Третий Gradient Map (Карта градиента) – черно-белый – режим Overlay (Перекрытие) (непрозрачность примерно 30-40%).

Шаг 7

У вас должен получиться вот такой результат:

Логотип почти готов, но, чтобы он идеально вписывался в постер, давайте добавим еще пару корректирующих слоев:

• Hue/Saturation (Цветовой тон/Насыщенность), настраиваем канал Yellows (Желтые), чтобы добавить белый цвет
• Selective Color (Выборочная коррекция цвет), корректируем общую цветовую гамму

И в качестве финального штриха еще два корректирующих слоя:

• Brightness/Contrast (Яркость/Контрастность) для создания свечения
• Color Balance (Цветовой баланс) для финальной цветокоррекции

Шаг 8

Выше всех предыдущих слоев создаем новый слой (в обтравочную маску не трансформируем), меняем режим смешивания слоя на Linear Dodge (Линейный осветлитель). Берем мягкую кисть бледно-зеленого цвета (#a1a575) и добавляем свечение с левой стороны букв там, где отмечено стрелками. Это не только добавит интересный эффект, но также объединит логотип с фоном.

Завершение

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

Автор: Wojciech Pijecki

Как сделать постер в фотошопе. Создаем постер из вашей фотографии в фотошоп

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

Перед началом загружаем все необходимые материалы:

• программа Adobe Photoshop (пробную версию можно скачать на сайте Adobe
• Чернила в воде
• Шрифт Bw Nista International

Оригинальная картинка из урока платная, но в архиве вы найдете бесплатные альтернативные версии исходников. Также на сайте Google Fonts можно подобрать подходящий для вашей работы бесплатный шрифт, например, Roboto или Lato. Об установке шрифтов можете почитать в этом уроке.

Скачиваем картинку, устанавливаем шрифт и приступаем к работе!

Добавляем финальные детали

Давайте добавим последние детали на постере. Берем Text Tool (T) (Текст) и открываем панель Characters (Символ). Если она закрыта, переходим Type – Panel – Characters Panel (Текст – Панели – Панель символов).

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

• 18.06 – 20.06.2018 (BW Nista International, Size (Размер) – 54 пт, Leading (Интерлиньяж) – 57 пт, начертание Bold)
• AUSBURG KUNST UND KULTUR AKUKCOM (BW Nista International, Size (Размер) – 30 пт, Leading (Интерлиньяж) – 32 пт, начертание Thin)
• ALTE KONGRESSHALLE ALEXANDERPLATZ U5 (BW Nista International, Size (Размер) – 54 пт, Leading (Интерлиньяж) – 57 пт, начертание Bold)

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

Вставляем картинку с чернилами

Шаг 1

Перетаскиваем файл с чернилами в Photoshop.

Шаг 2

С помощью комбинации клавиш Ctrl+T активируем свободную трансформацию и корректируем размер изображения. Для этого на верхней панели параметров между шириной и высотой жмем на кнопку Maintain Aspect Ratio (Сохранять пропорции). Затем устанавливаем Width (Ширина) на 300%. При этом Height (Высота) изменится автоматически. Закончив, жмем Enter.

Шаг 3

С помощью Move Tool (V) (Перемещение) размещаем чернила по центру. Они должны быть направлены сверху вниз, поэтому размещаем картинку вплотную к верхнему краю документа.

Шаг 4

На панели слоев выбираем слой с чернилами. Кликаем по нему правой кнопкой и применяем Rasterize Layer (Растрировать слой). Затем дублируем слой комбинацией клавиш Ctrl+J.

Шаг 5

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

Как сохранить файл для веба

Чтобы сохранить в формате JPEG для веба, переходим File – Save for Web

(Файл – Сохранить для веба) или используем комбинацию клавиш Shift+Alt+Ctrl+S. В открывшемся окне выбираем формат файла – в моем случае JPEG – и устанавливаем
Quality
(Качество) на 100. Ниже в меню
Image Size
(Размер изображения) можете подкорректировать размер в пикселях, если на сайте, куда вы собираетесь загружать работу, есть какие-либо ограничения по размеру.

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

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

• Использовать маски чтобы скрывать/восстанавливать участки изображения.
• Добавлять тень для создания эффекта глубины.
• Грамотно распределять элементы композиции, чтобы создать иллюзию объема.

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

Любой дизайн-проект требует если не отличного умения, то хотя бы опыта владения соответствующими инструментами. Нужно понимать, что данный тип услуг — почти всегда дорого. Но стоит ли экономить на качестве? Полный список преимуществ профессиональной разработки сайта можно почитать тут. Если вы всё же решили сэкономить, то, для начала, стоит подготовиться — составим план, по которому мы будем работать. Распишем каждый этап, чтобы разделить работу на несколько мини-заданий. Предположим, нам предстоит провести пивную вечеринку в баре под названием «Чердак»

Во-первых, background.
Ищем подходящий фон
Во-вторых, основной текст.
Lineup (при наличии Dj), дата, цена за вход.
В-третьих, элементы дизайна.
Логотипы и иконки социальных медиа, спонсоров и т.д.

Дополнительные элементы

Логотипы спонсоров или масс-медиа, обслуживающие мероприятие поместим, по традиции, в нижний ряд. Обратите внимание, если мы указываем возрастное ограничение и наличие дресс-кода и фейс-контроля на входе, то мы помещаем их в «контейнеры» с точно такими же эффектами для слоя. Проще всего это сделать продублировав слой (Duplicate Layer или Дублировать слой)

.

Осталось найти только логотипы. Окей, гугл. Здесь повторяется история с логотипом — нужен прозрачный фон. Для этого есть файлы с расширением PNG. Таким образом, если на предстоящем мероприятии будет вестись фото-отчет от портала Geometria, то наш запрос будет выглядеть следующим образом: geometria logo png.

Нам остается лишь выбрать понравившийся результат из поиска.

С остальными логотипами — аналогично.

В фотошопе или своими руками? Какой метод использовать? Мы подробно рассмотрим оба варианта, и тогда каждый сможет выбрать подходящий ему.

Создаем новый документ

Шаг 1

В программе Photoshop переходим File – New (Файл – Новый), чтобы создать новый документ. В открывшемся окне вводим название «Постер». Устанавливаем Width (Ширина) на 1270 пикселей, Height (Высота) – на 1600 пикселей и Resolution (Разрешение) – на 72 пикселя/дюйм. Жмем ОК.

Шаг 2

На панели Window – Layers (Окно – Слои) в нижней части нажимаем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Solid Color (Цвет) или переходим Layer – New Fill Layer – Solid Color (Слой – Новый слой-заливка – Цвет). В открывшемся окне Color Picker (Выбор цвета) выбираем черный цвет (#000000) и жмем ОК.

Шаг 3

Жмем сочетание клавиш Ctrl+R, чтобы активировать линейки по бокам документа. Затем в верхнем меню переходим View – New Guide (Просмотр – Новая направляющая). В окне New Guide (Новая направляющая) выбираем Horizontal (Горизонтальная) и устанавливаем положение на 50 пикселей. Жмем ОК.

Создаем такие же направляющие по всем сторонам документа, отступив от края 50 пикселей. Чтобы скрыть/показать направляющие, используем комбинацию клавиш Ctrl+;.

Создание плаката/флаера в Photoshop-е

Используем тот же шрифт «Century Gothic»

голубого цвета и вставляем те же стили слоя, которые у меня указаны здесь:

Используя ту же технику, добавляем дату:

Шаг 6

Этот Шаг немного сложнее. Мы будем добавлять волны внизу плаката. Создаем новый слой. Берем инструмент Pen tool

и создаем фигуру, похожую на эту:

После того, как фигура создана, переходим в настройки кистей Brush panel

и выбираем кисть
Chalk Brush
, которая входит в набор
Adobe Photoshop
:

Возвращаемся к инструменту Pen Tool

(опять выделяем
Pen Tool
на панели инструментов), нажимаем правой кнопкой на рабочей области и выбираем пункт
Stroke Path
.

Вот, что у Вас должно получиться:

Шаг 7

Нам снова нужно вставить стили слоя с одного из текстовых слоев на слой с волнами и отключить один из стилей: Bevel and Emboss

.

Вот как оно должно выглядеть:

Шаг 8

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

Не забудьте оставить своё мнение, или поделиться результатом.

Перевод для сайта https://photoshoplove.ru сделан besty Автор урока: psdartist.comПосетители, находящиеся в группе Гости

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

В данном уроке Фотошопа мы рассмотрим процесс создания красочного плаката который будет состоять из фотографий и векторов. ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.

Финальный результат

Приступаем к уроку Фотошопа

↓ Материалы использованные в уроке:

Фотография пистолета; Фотография гранаты;

Шаг 1.

Открываем наше изображение пистолета, увеличиваем его размер на 300% (Zoom Tool (Инструмент Лупа / Клавиша ‘Z’)) и выбираем Pen Tool (Инструмент Перо / Клавиша ‘P’). Убедитесь, что выбран Paths (Контуры) и Add to path area (+) (Добавить к контуру), затем начинайте обводить пистолет. Потяните Anchor Point (Опорные точки) так, чтобы он вытянулся прямо вдоль границы: ↓

Шаг 2.

На стыке кривой и прямой линии добавим ещё один Anchor Point (Опорные точки). Берем Direct Selection Tool (Редактирование контура) (белая стрелка) и тянем за чёрную точку. Скоро вы поймёте, как передвигать Anchor Point (Опорные точки), чтобы кривая принимала нужную форму: ↓

Шаг 3.

Снова берём Pen Tool (Инструмент Перо / Клавиша ‘P’), зажав Alt кликаем по Anchor Point (Опорные точки) на конце кривой. Появится чёрная точка, с помощью которой подгоняем нашу линию по контуру изображения: ↓

Шаг 4.

Заканчиваем выделение изображения. Ниже приводится пример по управлению Anchor Point (Опорные точки) при создании сложных кривых. Смысл в том, чтобы создавая линии использовать как можно меньше точек.

Шаг 5.

Создайте новый документ (File > New (Файл > Новый / Сочетание клавиш ‘Ctrl+N’)) (формат A5, 300dpi), куда скопируйте и вставьте изображение пистолета. Возьмите Pen Tool (Инструмент Перо / Клавиша ‘P’) и вместо Paths (Контуры) поставьте Shape Layers (Слой фигуры). Выберите цвет, я взял 100%Magenta (Пурпурный), по ходу работы цвет можно поменять. Теперь рисуем струйки краски, вытекающие из ствола: ↓

Шаг 6.

Используем свою фантазию и законы физики: ↓

Шаг 7.

Нежелательные Anchor Points (Опорные точки) удаляем с помощью инструмента Direct Selection Tool (Редактирование контура): ↓

Шаг 8.

Наступило время придать нашей векторной слизи глубины. Выбираем слой с изображение слизи, заходим в меню Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения) и задаём следующие настройки; цвета подбираете на свой вкус: ↓

Шаг 9.

Нарисуйте побольше слизи, вылетающей из дула пистолета. Измените толщину и направление струи, попробуйте их немного увеличить. Рисуя мелкие брызги, представьте их движение относительно больших. Выбрав слой со слизью, заходите в меню Layer > Layer Style > Copy Layer Style (Слой > Стиль слоя > Скопировать стиль слоя).

Как сделать афишу в фотошопе

Чаще всего для этой цели пользуются программой Adobe Photoshop. В настоящее время в Интернете можно найти много видеуроков о том, как пользоваться этой программой или пройти курсы в специализированных школах.

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

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

Добавляем текст

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

Шаг 1

На панели инструментов выбираем Text Tool (T) (Текст).

Кликаем в любом месте документа и пишем слово «DER». Чтобы настроить внешний вид текста, открываем панель Type – Panels – Character Panel (Текст – Панели – Панель символов). Здесь мы выбираем шрифт Bw Nista International c жирным начертанием и устанавливаем размер на 265 пт.

Шаг 2

Тем же инструментом добавляем остальные слова «KLANG VON MUSIK». Каждое слово должно находиться на отдельном слое.

Шаг 3

Давайте красиво распределим текст.

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

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

Шаг 4

С зажатой клавишей Ctrl на панели слоев выбираем все четыре текстовых слоя, затем на верхней панели нажимаем на кнопку Distribute Vertical Center (Распределение центров по вертикали) (при этом должен быть активен инструмент Move Tool (V) (Перемещение)). Это позволит выровнять расстояние между строками текста.

Шаг 5

Теперь мы должны разместить текстовые слои между двумя копиями чернил. Выбираем все четыре текстовых слоя и жмем Ctrl+G, чтобы объединить их в группу, или перетаскиваем мышкой на кнопку в нижней части панели Create a new group (Создать новую группу). Размещаем группу между двумя слоями с чернилами. Очень важно распределить слои именно в таком порядке. Мы оставим видимыми только некоторые детали верхнего слоя с чернилами, чтобы они частично перекрывать текст.

Как сделать афишу своими руками

Еще один способ — как сделать афишу — заключается в том, что вы можете ее полностью нарисовать сами. Но это лучше делать, если у вас действительно есть способности к рисованию.

Для этого вам понадобится лист бумаги размера будущей афиши, а также всевозможные краски, кисти, карандаши, фломастеры и другие принадлежности. До начала работ необходимо узнать, где будет висеть будущая афиша. Если это будет улица, то лучше всего в процессе творения использовать водостойкие краски на случай дождя (снега) или в конце произвести ламинирование афиши.

Также в создании афиши можно использовать какие-то готовые материалы. Например, это могут быть различные вырезки, открытки, фотографии и даже какие-то предметы.

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

Фон

Рекомендуем не искать бэкгрануд для тематической вечеринки в гугл картинках. Лучше воспользоваться фото-банками, вроде Shutterstock.

Плюс такого подхода в том, что вы можете выбирать качество изображения. Если вам нужен огромный постер на входе в клуб — покупаете, скажем 4183 x  4183. Если нужно залить картинку во встречу ВК — платите за минимальное разрешение. Покупать ли их вообще или качать с торрент-трекеров — другая история. В любом случае, выбор таких источников обезопасит вас от заезженных в сети вариантов оформления. Мы нашли и использовали изображение из коллекции
Rustic Stock Photo Pack,
которое, как никак кстати, подойдет для нашей big party

Узнаем как изготовить афишу в фотошопе и своими руками

Как сделать афишу в фотошопе или своими руками? Какой метод использовать? Мы подробно рассмотрим оба варианта, и тогда каждый сможет выбрать подходящий ему.

Как сделать афишу в фотошопе

Чаще всего для этой цели пользуются программой Adobe Photoshop. В настоящее время в Интернете можно найти много видеуроков о том, как пользоваться этой программой или пройти курсы в специализированных школах.

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

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

Как сделать афишу своими руками

Еще один способ — как сделать афишу — заключается в том, что вы можете ее полностью нарисовать сами. Но это лучше делать, если у вас действительно есть способности к рисованию.

Для этого вам понадобится лист бумаги размера будущей афиши, а также всевозможные краски, кисти, карандаши, фломастеры и другие принадлежности. До начала работ необходимо узнать, где будет висеть будущая афиша. Если это будет улица, то лучше всего в процессе творения использовать водостойкие краски на случай дождя (снега) или в конце произвести ламинирование афиши.

Также в создании афиши можно использовать какие-то готовые материалы. Например, это могут быть различные вырезки, открытки, фотографии и даже какие-то предметы.

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

Выводы о том, как сделать афишу

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

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

Какой из вариантов выбрать — решать только вам или вашему заказчику. Чаще всего выбор зависит от концепции мероприятия, для которого оформляется афиша, и от бюджета ее создания. Если это работа для себя, то лучше выбрать то, в чем вы более талантливы.

А еще оба варианта можно комбинировать. Например, полностью оформив афишу в фотошопе, на уже распечатанном плакате разместить какие-то предметы, сделанные вручную. Если есть такая задумка изначально.

Как сделать афишу в фотошопе cs6

Как сделать афишу в фотошопе cs6

как сделать афишу в фотошопе. Ульяна Шабурникова. Загрузка. САМЫЙ ПРОСТОЙ Способ Вырезать Волосы в Фотошопе — Продолжительность: 12:11 FREEMAX 172 618 просмотров. Создаем афишу для мероприятия в Фотошопе. 09 декабря 201616 ноября 2017 Сергей Николаев. Небольшие мероприятия с ограниченным бюджетом частенько заставляют нас брать на себя обязанности как администратора, так и дизайнера. Создание афиши может влететь. Как сделать афишу в фотошопе? Я буду использовать фото девушки которое можно скачать → здесь. Открываем наше изображение в ФШ, если оно слишком темное то его надо осветлить, так на финальном результате в противном случае мы не сможем видеть лицо девушки. Сегодня мы хотим предложить вашему вниманию подборку уроков по созданию постеров. Если вам нравится создавать плакаты или вам за это платят, или и то и другое, этот список туториалов поможет вам улучшить ваши навыки и натолкнёт вас на новые идеи. Показать на карте. Как сделать плакат в фотошопе. Юрий Алексеевич Гагарин, Советский летчик-космонавт, был первым, кто отправился в космос, когда его космический корабль Восток выполнил оборот вокруг Земли 12 апреля 1961 г. В этом уроке Фотошопа шаг. · 🔥Эффект льда в фотошопе. Как сделать эффект заморозки. Ice frost effect in photoshop — Duration: 14:18. Фотошоп Кво. 12 мар 2016 Спасибо за Like и за Подписку на мой канал ♥ ✓ YOUTUBE: https://www. youtube.com/channel/UCQqA7KfJU5b0mCcoXD97RQA Список. 12. Делаем афишу в духе старинных цирковых объявлений с помощью Фотошопа. 13. Создаем выразительную картину используя метод фристайла в 30. Как сделать плакат для рекламы автомобилей. 31. Фотомонтаж на тему карточных игр. 32. Раздеваем жирафа в Фотошопа. · Как обрезать изображение в Photoshop CS6 Photoshop CS6 — графический редактор семейства Adobe Photoshop, разработанный Adobe Systems. CS6 был выпущен в 2012 году с измененным интерфейсом и множеством новых инструментов. Чтобы сделать акцент на дате мероприятия, мы выделили цифры другим шрифтом и увеличили их размер: Теперь добавляем всю нужную Be the first to comment on «Веб-разработка. Делаем простую афишу мероприятия в Photoshop». Добавить комментарий Отменить ответ. 14 ноя 2013 Учим Photoshop за 1 час! #От Профессионала — Duration: 2:05:10. Хауди Хо™ — Просто о мире IT! 393,168 views · 2:05:10. Play next;. Из этого урока мы узнаем, как из двух фотографий создать точно такой же постер, как постер к голливудскому фильму в программе Photoshop CS6, но, этот материал актуален и для более ранних версий Photoshop, надо лишь учесть некоторые изменения интерфейса. 🔴КАК СДЕЛАТЬ КРАСИВОЕ ПРЕВЬЮ В photoshop cs6 КАК У СОКСА, steamsecrets, gabe follower, ufobirne 🔴 Уроки или же туториалы по фотошопу (photoshop cs6) В этом видео я вам покажу как сделать красивое превью в Photoshop. Многие из вас видели афиши рекламирующие различные боевые искусства. В этом уроке вы узнаете, как создать похожий постер в Photoshop, используя «Фотошоп-мастер» — крупнейшая социальная сеть по Adobe Photoshop на русскоязычном пространстве. КАК СДЕЛАТЬ ОФИГЕННУЮ, КРУТУЮ АВАТАРКУ В photoshop cs6 ДЛЯ ВАШЕГО КАНАЛА В youtube В этом видео я вам расскажу КАК СДЕЛАТЬ ОФИГЕННУЮ, КРУТУЮ АВАТАРКУ В photoshop cs6 ДЛЯ ВАШЕГО КАНАЛА В youtube Многие из вас видели афиши рекламирующие различные боевые искусства. В этом уроке вы узнаете, как создать похожий постер в Photoshop, В этот раз нам просто нужно сделать немного ярче уже имеющиеся блики, а также. · Как заменить, поменять лицо в Фотошопе CS5, CS6 — вы узнаете в этом видео уроке! Приятного просмотра! Группа. 25 мар 2012 Шаг 2: Создание нового документ Photoshop и размещение объекта так что мы должны сделать все возможное, чтобы увеличить. В данной статье мы расскажем вам как в фотошопе версии CS6 поменять язык на русский. Как сделать фотошоп на русском cs6? Делается это довольно просто — через настройки. Главная • Уроки • Уроки Photoshop • Создаем креативный постер в Photoshop. Сложность: Средняя. Мы закончили! В этом уроке вы узнали, как создать креативный постер в Photoshop, используя типографику и картинку с чернилами. Как сделать русским Photoshop CC и CS6 Способ 1 Прежде всего проверьте установлен ли русский язык в вашей версии, если установлен, то его можно включить. Просмотрев множество афиш и плакатов на Pinerest и Behance понял, что мои навыки работы в Photoshop, оставляют желать лучшего)) А также то, что мой багаж креативных решений и Как обычно буду точно копировать урок и делать один свой плакат в стиле каждого урока. Экспорт слоев в фотошопе или как сохранить все слои в отдельные файлы Композиция слоев: запись различных версий документа. Как сделать постер в Фотошопе. Главная. Уроки. Фото эффекты. В этом уроке мы будем создавать летний постер в Фотошопе. Создание постера в стиле киноафиши к фильму Эволюция Борна/The Bourne Legacy (2012) в Photoshop CS6. Это — простое учебное руководство, подходящее для новичков, и поэтапно рассказывающее о методе создания афиши, используя базовые методики редактирования. В этом уроке Фотошопа мы спроектируем топографическую афишу. Проектирование типографской афиши в Фотошопе. В этом уроке Фотошопа мы В примере раскрашены некоторые из слов красным цветом. Это сделано, чтобы выделить цитату о чём либо. Представляем Вашему вниманию подробные видео на тему «Как сделать плакат в фотошопе cs6»: Ps 📷 простая афиша для вечеринки 🎉 для Уроки adobe photoshop:4 как сделать плакат. Простые уроки фотошопа (photoshop cs6). Создание постера. Как сделать афишу в фотошопе или своими руками? Какой метод использовать? Мы подробно рассмотрим оба варианта, и тогда каждый Как сделать афишу в фотошопе. Чаще всего для этой цели пользуются программой Adobe Photoshop. В настоящее время в Интернете можно. Создание плаката в фотошопе. Предоставленный здесь урок научит вас самостоятельно создать оригинальное изображение для открытки, афиши, плаката на музыкальную тему. Вот что мы постараемся сделать. Нравиться? Тогда начнем. С помощью Фотошопа можно не только ретушировать фотографии, но и превращать их в яркие и необычные постеры, кардинально преобразовав исходный образ на фото. Освоив технику создания сияющего постера. Рассмотрим процесс изменения фото на примере киноленты «Эволюция Борна». Поработаем над снимком в программе Фотошоп CS6, используя некоторые технические особенности. Программа фотошоп CS3 нам не пожойдет. Эта информация доступна начинающим. Рассмотрим процесс изменения фото на примере киноленты «Эволюция Борна». Поработаем над снимком в программе Фотошоп CS6, используя некоторые технические особенности. Эта информация доступна начинающим. Для начала выберем снимок, над которым будем работать. Видео о том, как сделать афишу, флаер, открытку, листовку и. даже оригинальное фото 🙂 в программе WORD (7)!!! Для тех, кто не владеет Всем привет это мое первое видео по графическому редактору Adobe Photoshop. Я покажу вам как сделать не сложную но вполне. Делаем постер в Photoshop, урок фотошоп, на русском языке. Используйте параметры настройки, показанные ниже. Создаём новый слой и изменяем цвет переднего плана и используем кисть брызги и делаем , как показано ниже. Создание плаката или флаера к вечеринке в фотошопа просто и быстро. Учимся создавать готовый к печати плакат для вечеринки в клубе в Adobe Photoshop, используя фотографии из хранилища изображений, стили слоя, текстовые эффекты, режимы смешения, кисти и карандаш. Рассказываю как собрать афишу в фотошопе. Урок для людей которые хотя бы не много знают софт, не назвал. Как сделать логотип в фотошопе используя простые инструменты программы. Если вы хотите чтобы вашу работу. как сделать афишу в фотошопе. Ульяна Шабурникова. 21 вер 2015. Бери и делай. 36 супер-секретных лайфхаков для девушек. Переглядів Как сделать баннер в фотошопе: создание простого баннера #1. Верстка в Photoshop. Создаем плакат. Как наложить изображение на текст в фотошопе? Коллаж в фотошопе — быстро и легко! Как сделать афишу в фотошопе (ПРОЕКТ «SLIVA»). Как сделать афишу в фотошопе, для этого важно следить за тенями и отражениями на картинке, чтобы создавать наиболее реалистичное изображение. С помощью различных вкладок можно выбрать разные, подходящие к вашей идее, эффекты. Создаем афишу ко всемирному дню сна. Видео Простые уроки фотошопа (photoshop cs6). Создание постера. канала marcipanxs. Убираем крупный объект с фотографии Как сделать постер в Фотошоп Видео-уроки Фотошопа для начинающих.

Как сделать афишу для мероприятия в Фотошопе: пошаговая инструкция

Одним из важнейших организационных моментов при подготовке практически любого мероприятия является создание для него афиши, которая даст потенциальной аудитории краткую информацию о предстоящем событии: тематика, время/место проведения и т.д. Ниже на практическом примере продемонстрирована пошаговая инструкция, с помощью которой можно своими руками сделать простую афишу, используя программу Фотошоп.

Создаем афишу

Для начала выберем соответствующее тематике изображение (рисунок), которое будем использовать в качестве фона афиши. Допустим, в нашем случае – это соревнование по дрифту, поэтому выбираем эффектное фото со “скользящей” машиной.

Теперь приступим к созданию афиши:

1. Открываем изображение в программе.
2. Создаем новый документ с нужными параметрами: длина и ширина (удобнее и понятнее в сантиметрах), разрешение, цветовой режим. Так как это афиша, которую в дальнейшем, скорее всего, потребуется распечатать, размер должен быть достаточно большой, разрешение – желательно не менее 200-300 dpi. Кстати, учитывая этот фактор, исходное фоновое изображение, также, должно быть большого размера.
3. Возвращаемся во вкладку с фото, копируем его и вставляем в новый документ, подстраиваем размеры, положение, отсекаем лишние части, если требуется. Вариантов реализации действий, описанных в этом пункте достаточно много, поэтому выбираем наиболее удобные и привычные инструменты и функции.
4. На боковой панели инструментов выбираем “Прямоугольник”.
5. Создаем прямоугольную фигуру нужных размеров. В нашем случае – с левой стороны, на всю высоту холста.
6. В верхней строке параметров инструмента мы можем задать цвет фигуры, настроить обводку и т.д. Выберем красный оттенок, т.к. он ассоциируется со спортом.
7. Переходим в Палитру слоев, где у нас есть возможность изменить уровень непрозрачности и заливки слоя-фигуры. Установим для первого параметра значение 85%.
8. Дважды щелкнув в Палитре по слою (но не по его названию или миниатюре) мы можем открыть Стиль слоя, где можем детально настроить его (добавить обводку, тени, свечение и т.д.). В качестве примера обведем фигуру белым цветом снаружи (толщина – 1 пикс.), чтобы отделить ее от остальной части изображения.
9. Аналогичным образом создаем еще несколько прямоугольников (зависит от планируемого количества информационных блоков):
   • в правом верхнем углу холста;
   • в нижней части – на всю оставшуюся ширину.
10. Теперь, когда все блоки созданы и распределены по своим местам, приступим к добавлению текстовой информации в них. Для этого будем использовать инструмент “Текст” (горизонтальный или вертикальный).
11. Вариантов оформления текстового слоя большое множество. В целом, настраиваются следующие параметры: шрифт, цвет, размер, выравниваение, растяженность (т.е. расстояние между символами), прозрачность, обводка, тень и т.д. Настройки выполняются в свойствах (на скриншоте ниже) и в стиле слоя.
12. В нашем случае получаем следующий результат.
13. Теперь добавляем на афишу логотипы брендов и прочие графические элементы (если требуется). Их можно сгруппировать, например, отдельно для спонсоров, участников и т.д.
14. И напоследок, не вся информация должна располагаться в заранее созданных для этого фигурах. Например, в нашем случае мы разместили слово “Финал” просто поверх фонового изображения, обведя его, убрав заливку и добавив внутреннее свечение.
15. В целом, процесс создания афиши можно считать успешно завершенным. Сохраняем его в формате PNG или PDF и можем распечатывать. Расширение JPEG выбирать нежелательно, т.к. при сохранении будет потеряно качество.

Заключение

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

Как создать плакат из фотосетки в Photoshop — Дизайн смеющегося льва

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

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

2. В Photoshop выберите «Файл»> «Создать». В раскрывающемся списке «Предустановка» выберите International Paper, а в диалоговом окне «Размер» выберите A4. Мы хотим создать плакат для печати, оставив разрешение 300 пикселей. Щелкните ОК.

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

4. Щелкните еще раз по основному документу, чтобы сделать его активным. Выберите «Просмотр»> «Показать» и выберите «Сетка». Поверх пустого документа появится сетка выравнивания. Сетка состоит из «больших» ящиков с 16 ячейками поменьше внутри. Вы будете использовать его, чтобы выровнять девять изображений, но перед печатью плаката оно будет удалено.

5. Переключитесь на первую фотографию, которую хотите разместить в своей сетке.Вы можете использовать инструмент «Прямоугольная область» (M), чтобы выделить каждую фотографию. Когда вы выбрали инструмент «Прямоугольная область», удерживайте нажатой клавишу Shift и вытяните идеально квадратный фрагмент изображения, который вы хотите разместить на плакате.

6. Нажмите V, чтобы выбрать инструмент «Перемещение», и перетащите фотографию в документ сетки. В зависимости от размера вашего оригинала вы можете обнаружить, что при перетаскивании он может показаться очень большим или очень маленьким.Вам нужно будет масштабировать его, чтобы он поместился на сетке с восемью другими фотографиями.

7. Нажмите Ctrl + T (Windows) или Cmd + T (Mac), чтобы вызвать Free Transform. Удерживая нажатой клавишу Shift, возьмитесь за нижний правый угол и перетащите внутрь, чтобы масштабировать фотографию по размеру. Перетаскивайте ручки, пока ваша фотография не станет трех больших квадратов в высоту и трех больших квадратов в ширину. Не снимая маркеров трансформации, поместите курсор внутрь маркеров и перетащите фотографию так, чтобы это были два маленьких квадрата слева и один большой квадрат сверху.Нажмите Enter / Return, чтобы подтвердить преобразование.

8. Выберите вторую фотографию, которую вы хотите отобразить в сетке, в меню «Окно» и с выбранным инструментом «Прямоугольная область», нажмите и удерживайте клавишу Shift и перетащите идеально квадратное выделение вокруг фокальной точки изображения. Снова переключитесь на инструмент «Перемещение», щелкните выделенную область и перетащите ее в документ сетки.

9. А теперь небольшой совет по экономии времени. Поскольку вы уже использовали Free Transform для масштабирования первой фотографии, теперь вы можете воспользоваться функцией «Transform Again.”Просто нажмите Shift + Ctrl + T (Windows) или Shift + Cmd + T (Mac), и к этой будет применено то же изменение размера, что и к предыдущей фотографии. Нажмите Enter / Return, чтобы подтвердить преобразование. Используйте инструмент «Перемещение», чтобы расположить эту фотографию справа от вашей первой фотографии, разделяя их всего одним небольшим квадратом сетки.

10. Повторите процесс с оставшимися семью фотографиями, выстраивая их по ходу. Разделите каждую строку изображений одной маленькой рамкой.

11.Теперь, когда все изображения выровнены, вы можете избавиться от сетки. Выберите «Просмотр»> «Показать»> «Сетка».

12. Теперь добавим текст к вашему плакату внизу. Я использовал шрифт без засечек Century Gothic.

И это завершает плакат.

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

В палитре «Слои» выберите верхний слой (не текстовый), затем щелкните значок «Создать новый корректирующий слой» в нижней части палитры «Слои».В раскрывающемся меню выберите Channel Mixer. Убедитесь, что установлен флажок «Предварительный просмотр», а затем, когда появится диалоговое окно, установите флажок «Монохромный».

Используйте ползунки Красный, Зеленый и Синий, чтобы изменить внешний вид изображений. Когда вы получите желаемый черно-белый эффект, нажмите OK.

На этом черно-белый плакат завершен.

Как создать плакат с помощью Photoshop

Несмотря на то, что я использую Photoshop около 20 лет, я всегда использовал его, чтобы подправить фотографии, создать графику, иллюстрации и узоры — и поиграть, создавая множество интересных эффектов.Но я никогда раньше не использовал Photoshop для создания плакатов, до недавнего времени, когда ко мне подошла клиентка с просьбой «какой-нибудь плакат со слоном» подарить ее подруге в качестве подарка на день рождения (ее подруга любит слонов).

Я многому научился в процессе и изложил его ниже. Ладно, ныряем!

Шаг 1:

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

Шаг 2:

К настоящему времени я вспомнил, что этот дизайн предназначен для печати, поэтому я нажимаю «Изображение» вверху, затем выбираю «Режим», затем в маленьком всплывающем окне выбираю «Цвет CMYK.”В основном появляется предупреждение о том, что мое изображение может плохо конвертироваться, так что я уверен, что хочу это сделать? Я нажимаю «ОК», и мой дизайн кажется полностью неизменным (хорошо!)

Шаг 3:

Каждый раз, когда я создаю дизайн для печати, я всегда конвертирую разрешение изображения в 300 dpi (300 точек на дюйм). Когда я впервые начинаю работать с ними, большинство изображений имеют разрешение 72 dpi, как и здесь. Имейте в виду, что при увеличении разрешения изображения часто становятся НАМНОГО больше.(В данном случае я действительно хотел, чтобы это произошло). Размер изображения (разрешение) изначально составлял 1200 Вт x 1200 В, а после того, как я преобразовал его в 300 точек на дюйм, теперь он составляет 5000 Вт x 5000 В.

Чтобы увидеть весь дизайн одновременно и не прокручивать в Photoshop, я обычно нажимаю на маленький значок увеличительного стекла в строке главного меню и уменьшаю масштаб.
Примечание: убедитесь, что установлен флажок «Resample». Кроме того, если вы хотите сохранить изображение с теми же пропорциями, не забудьте щелкнуть маленькое изображение цепочки, чтобы ширина и высота были связаны вместе.

Шаг 4:

Примените классный эффект, чтобы сделать фон / фон уникальным и особенным. В этом случае я щелкнул «Фильтр» в верхней части экрана Photoshop, затем выбрал «Галерея фильтров».

Мне нравится раздел «Галерея фильтров», потому что он позволяет мне быстро просматривать все различные эффекты и видеть, как именно они будут отображаться в моем дизайне. Здесь я выбрал «Текстура», а затем «Витраж.”

Шаг 5:

Найдите подходящую фотографию на одном из многочисленных сайтов со стоковыми фотографиями или используйте одну из своих фотографий. Поскольку в центре внимания этого плаката будут слоны, я решил выбрать красивую и подходящую фотографию, которую нашел на Unsplash.com (отличные бесплатные фотографии там!), И добавил ее поверх фонового изображения — я вставил ее в как новый слой. Фотография, которую я использовал, была сделана Тобиасом Адамом:

Шаг 6:

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

Шаг 7:

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

Шаг 8:

Сохраните изображение и подготовьте его к печати .Лучше всего сохранить его в формате PDF, чтобы его можно было легко изменить размер и распечатать. Формат файла EPS также часто используется для печати больших элементов, таких как баннеры, а сохранение файла в формате TIFF позволяет сжать его без потери качества изображения. При сохранении в виде файла TIFF вы также можете выбрать «Нет» в разделе «Сжатие изображения» (хотя при сохранении файла таким образом может получиться очень большой файл).

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

Для получения дополнительной информации о печати, эта статья, написанная Стивом Паттерсоном, подробно описывает процесс печати, поскольку он имеет отношение к работе в Photoshop.

Если вы похожи на меня и любите играть со шрифтами и текстом, ознакомьтесь с этой статьей о том, как создавать эффекты контура текста в PS.

---

Таков был мой процесс создания моего первого плаката с использованием магии Photoshop! Вы когда-нибудь создавали плакат в Photoshop?
Пожалуйста, дайте мне знать в комментариях, если у вас есть вопросы или комментарии к PS!

Теги: создание плаката с помощью Photoshopизображения в PhotoshopPhotoshoppostersprint разрешение

Дизайн плаката книги в Photoshop

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

Подробности руководства

Программа: Photoshop CS5

Расчетное время завершения: 30 минут

---

Учебные материалы

При создании этого руководства использовались следующие ресурсы:

Теперь, когда у нас есть все необходимое, приступим!

Шаг 1: Откройте фотошоп и создайте новый файл с шириной 950 пикселей и высотой 1000 пикселей.

Шаг 2: Выберите инструмент Paint Bucket Tool и залейте фон цветом # 000000.

Шаг 3: Откройте светлую текстуру и вставьте ее в наш файл.

Шаг 4: Теперь немного уменьшите его. Итак, нажмите Edit> Free Transform или нажмите Command / Ctrl + T.

Шаг 5: Теперь продублируйте слой, щелкните его правой кнопкой мыши и выберите «Дублировать слой».

Шаг 6: Теперь нажмите Edit> Transform. И поверните текстуру.

Шаг 7: Откройте в фотошопе изображение модели, которое я упомянул выше.

Шаг 8: Выберите Pen Tool и нарисуйте контур вокруг девушки. Вы также можете использовать инструмент быстрого выбора, так как мы просто хотим примерно выбрать девушку. Шаг 9: После того, как девушка примерно выбрана, щелкните правой кнопкой мыши путь и выберите «Сделать выделение».

Шаг 10: Теперь скопируйте и вставьте его в наш файл. И сотрите волосы с помощью Eraser Tool.

Шаг 11: Теперь создайте новый слой и залейте его цветом # 313131.

Шаг 12: Теперь измените режим наложения вышеупомянутого слоя на «Яркий свет».

Шаг 13: Теперь уменьшите непрозрачность до 65%.

Шаг 14: Создайте новый слой, для этого нажмите Layer> New> Layer.Теперь выберите кисти с облаками и случайным образом используйте их в нашем файле. Используйте разные цвета # d65812, # ee8b2a и # a0410d.

Шаг 15: Теперь создайте еще один слой и на этот раз используйте космические кисти цвета # ffffff.

Шаг 16: Теперь используйте кисти со звездочкой и убедитесь, что на этот раз ваш цвет переднего плана # ab8500.

Шаг 17: Теперь добавьте планеты, используя кисти галактик и звезды.Вы также можете добавить немного тени, если хотите.

Шаг 18: Повторите тот же процесс и добавьте еще несколько планет.

Шаг 19: Теперь выберите инструмент «Текст» и добавьте текст, используя цвета # ff9600 и # e1911e.

Шаг 20: И последнее, но не менее важное: добавьте текст Entheos цветом # cd761b. Вы также можете добавить туда несколько звезд того же цвета, используя кисти со звездами.

Итак, наш Элегантный Книжный Плакат готов.Надеюсь, вам понравилось.

---

Никакая часть этих материалов не может быть воспроизведена каким-либо образом без явного письменного согласия Entheos. Любое несанкционированное использование, совместное использование, воспроизведение или распространение этих материалов любыми средствами, электронными, механическими или иными, строго запрещено.

Как создать плакат для печати

Если вам было поручено создать плакат (для себя или для клиента), вы, возможно, не знаете, с чего начать.Легко предположить, что создание отличного плаката не будет отличаться от дизайна визитной карточки или буклета, но в большинстве случаев это далеко от истины.

Даже если вы опытный дизайнер, создание отличного плаката может оказаться гигантской задачей, а если у вас нет предыдущего опыта работы с плакатами, может быть очень сложно понять, с чего начать. Более того, требовательные клиенты со все более ограниченным бюджетом (обычно с чрезвычайно оптимистичными сроками выполнения), безусловно, не облегчат вашу работу.

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

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

Нам посчастливилось работать с отличной командой талантливых дизайнеров здесь, на FastPrint.co.uk, которые хорошо разбираются в искусстве дизайна и печати плакатов (у них многолетний опыт!). Итак, мы проконсультировались с ними и собрали весь их опыт в одно из наших печально известных руководств, чтобы помочь вам, ребята, на протяжении всего процесса, от дизайна до печати. Вот:

# 1 — Знайте цель и демографические данные своего плаката

Источник: Sebdesign.deviantart.com

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

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

При разработке плаката легко «увлечься», и без четкого и определенного плана все может выйти из-под контроля. Поэтому первое, что вам нужно сделать, это выяснить цель вашего плаката и понять целевую аудиторию. Задайте себе следующие вопросы:

· Какое желаемое сообщение?

·Кто целевая аудитория?

· Какую информацию ДОЛЖЕН содержать плакат?

· Какова общая цель плаката?

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

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

# 2 — Найдите точку фокусировки

Источник: Flickr.ком

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

Если вы посмотрите, например, на плакат с кораблем-призраком выше, вы начнете понимать, как это работает. «Магазин-призрак» — это главная точка внимания плаката, и ему удачно удается передать основную часть сообщения плаката в визуальном формате (то есть о характере / сюжете фильма). Изображение «корабля-призрака» (корабль в сочетании с черепом) рассказывает зрителям, о чем идет речь в фильме, без необходимости читать ни единого слова.

Источник: Behance.net

Точно так же этот плакат, продвигающий «Жизнь», программу канала Discovery Channel, также имеет четкую направленность. В данном случае это центральное изображение различных видов животных, которое передает четкий образ «жизни».

Каким бы ни был предмет вашего плаката, он всегда помогает создать ваш дизайн вокруг одной точки фокусировки, такой как эта.

# 3 — Сделайте это привлекательным

Источник: Gmcdonalddesigns.blogspot.co.uk

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

Очевидно, что четкая фокусировка и упрощенный дизайн — атрибуты привлекательного дизайна, но есть и другие факторы.

Контрастные цвета и жирная типографика также могут помочь создать чрезвычайно привлекательный плакат (как показано на плакате Plan 9 выше).Оранжевый и черный дополняют друг друга, но при этом контрастируют, создавая визуально привлекательный дизайн. Вы также заметите использование крупного жирного шрифта, который еще больше помогает привлечь внимание целевой аудитории. Число «9» в некоторой степени используется как точка фокусировки.

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

Источник: Makesigns.com

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

# 4 — Обратите внимание на детали и последовательность

Источник: Artdecoblog.tumblr.com

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

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

Чтобы все было единообразно, вы должны использовать ограниченную цветовую палитру (в идеале не более 2-4 цветов), придерживаться единого стиля во всем дизайне (например.грамм. мужской или женский род), а также используйте последовательные формы и / или типографику. Если вы посмотрите на плакат «Изнашивание» выше, вы заметите, как в нем учтены все эти факторы.

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

Источник: Soapybubblesha.files.wordpress.com

Плакат выше является примером непоследовательного, загроможденного и лишенного деталей дизайна.Используется слишком много (не дополнительных шрифтов), слишком много цветов и слишком много форм / объектов. Стили шрифтов также несовместимы.

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

# 5 — Использование нескольких шрифтов

Источник: Weandthecolor.com

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

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

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

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

Источник: Designyoutrust.com

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

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

# 6 — Делайте регулярные перерывы

Источник: Graphicdesignersalaryguide.net

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

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

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

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

Как напечатать плакат

Источник: Inktechnologies.com

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

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

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

# 1 — CMYK против. RGB

Источник: Discountprinting.com.au

Если вы планируете создать дизайн плаката с намерением сделать его профессионально напечатанным, то на протяжении всего процесса разработки может быть выгодно работать в цветовом режиме CMYK, а не в RGB.

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

Примечание: Вы можете прочитать полное объяснение различий между CMYK и RGB здесь.

Adobe Photoshop

Источник: N / A

Если вы используете Photoshop, вы можете настроить свой первоначальный проект на использование цветового профиля CMYK, изменив цветовой режим с помощью раскрывающегося меню в окне «Новый» проекта (на рисунке выше).

Источник: N / A

Если вы предпочитаете создавать свой дизайн в RGB и конвертировать в CMYK в конце процесса проектирования (рекомендуется для большинства дизайнов), вы можете переключиться на CMYK, перейдя в меню «Изображение», затем «Режим», а затем «Цвет CMYK». .

Если вы предпочитаете, вы также можете перейти к «Редактировать», затем «Преобразовать в профиль»; этот метод дает вам гораздо больше контроля над вашим проектом, а также позволяет вам предварительно просмотреть преобразованный цветовой режим.

Adobe Illustrator

Если вы используете Adobe Illustrator, при первоначальной настройке проекта в цветовом режиме CMYK процесс точно такой же, поскольку его можно изменить с помощью раскрывающегося списка в окне «Новый» проект.

Источник: N / A

Чтобы преобразовать свой дизайн в CMYK в Illustrator (если вы работали в RGB), перейдите в «Файл», затем в «Цветовой режим документа» и установите флажок «Цвет CMYK» (на рисунке выше).

Adobe InDesign

В Adobe InDesign CMYK является цветовым режимом по умолчанию, поэтому по умолчанию ваши дизайны будут созданы в CMYK. Чтобы еще раз проверить, что ваш дизайн использует CMYK, перейдите в меню «Окно» и убедитесь, что рядом с пунктом «Цвет» стоит галочка. Если нет, щелкните пункт меню «Цвет», чтобы открыть панель «Цвет».

Здесь вы должны увидеть такие значения, как «C = 100, Y = 76, Y = 20, B = 30». Если вы их не видите, но вместо этого видите значения RGB, вы работаете с изображениями в формате RGB, а не CMYK.

Источник: N / A

Чтобы преобразовать в CMYK, щелкните меню «Окно», затем «Образцы». Когда панель «Образцы» открыта, вам нужно дважды щелкнуть любой образец, который в настоящее время не использует цветовой режим CMYK. Нажмите кнопку «Обработка», а когда появится меню «Тип цвета», выберите «CMYK» и нажмите «ОК». Просто сделайте это для каждого образца, который не использует CMYK (на фото выше).

Любые файлы JPEG или изображения, используемые в InDesign, в идеале должны быть преобразованы в цветовой режим CMYK в Photoshop перед использованием в Adobe InDesign (см. Инструкции выше, как это сделать).

В процессе преобразования вы можете заметить, что некоторые цвета вашего плаката становятся безжизненными и / или тусклыми (особенно зеленые, синие и черные). В этом случае вам может потребоваться выполнить несколько корректировок цвета, прежде чем отправлять дизайн на печать. Опять же, вы можете узнать больше о цветокоррекции при преобразовании из RGB в CMYK здесь.

Чтобы узнать больше о настройке плакатов для печати, ознакомьтесь с нашими подробными руководствами по Adobe Photoshop, Illustrator и InDesign, где мы расскажем обо всем, что вам нужно знать, включая цветовые режимы, типографику и многое другое.

# 2 — Установите правильный размер + разрешение

Источник: N / A

Одна из наиболее распространенных ошибок, которые делают дизайнеры при отправке плакатов на печать, — это разрешение файла для печати.

Все файлы, предназначенные для печати (включая плакаты), должны иметь минимальное разрешение 300DPI (точек на дюйм). Все, что ниже 300 точек на дюйм, может привести к довольно размытому или низкому качеству конечного продукта, просто, чем больше «точек» состоит из изображения, тем более высокое качество будет воспроизводиться (подумайте о мегапикселях в камере).

Если вы используете Photoshop, вы можете изменить DPI документа, перейдя в «Файл», «Новый» и затем введя «300» в поле «Разрешение» (как показано на рисунке выше).

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

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

Источник: Architectkata.blogspot.co.uk

Вам также необходимо убедиться, что ваш плакат отправлен на принтер в правильном размере. Большинство полиграфических компаний печатают плакаты в форматах A4, A3, A2 и иногда даже A1 / A0, поэтому убедитесь, что вы правильно выбрали размеры.

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

# 3 — Добавить под обрез + обрезку

Источник: Copycraft.ком

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

Обрезка и обрезка требуются почти для каждого тиража, будь то плакат, визитная карточка, баннер или флаер и т. Д. На приведенной выше диаграмме показан хороший визуальный пример того, как работают и обрезка, и обрезка (и почему это необходимо), но мы ‘ Я также включил краткое объяснение ниже:

Обрезка: Линия обрезки выступает в качестве края готовой печатной продукции.Когда вы разрабатываете свой плакат, вся информация должна храниться в пределах линии обрезки, чтобы гарантировать, что она не будет случайно обрезана во время процесса печати.

Обычно рекомендуется оставлять свободное пространство минимум 1/8 дюйма в пределах линии обрезки.

Обрезка: По сути, выпуск за обрез находится на несколько дополнительных миллиметров за линией обрезки и дает вам немного больше «места для ошибки».

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

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

# 4 — Проверка орфографии + проверка шрифта

Источник: Solopress.ком

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

Орфографические ошибки можно легко пропустить, тем более что Photoshop и InDesign обычно не выделяют орфографические ошибки (в отличие от Microsoft Word). Если вы посмотрите, например, на знак выше, вам может потребоваться несколько секунд, чтобы осознать довольно очевидную орфографическую ошибку.

Лучшее, что можно сделать здесь, — это попросить несколько человек проверить ваш плакат перед отправкой в ​​типографию. Если возможно, вы также можете скопировать / вставить текст вашего плаката в Microsoft Word, так как это подчеркнет все очевидные ошибки.

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

Adobe InDesign

Источник: N / A

В Adobe InDesign это можно сделать с помощью функции «Пакет». При этом ваш файл для печати и все необходимые ссылки будут помещены в одну папку, которую затем можно будет отправить в вашу типографию. Вы можете сделать это, перейдя в «Файл», а затем в «Пакет» (как показано на изображении выше).

Adobe Photoshop

Источник: N / A

В Photoshop вам нужно будет использовать функцию «Flatten».Для этого просто перейдите в меню «Слой» и выберите «Свести изображение» (на фото выше). Это сведет все элементы / слои вашего проекта в одно плоское изображение.

Вы также можете перейти к «Слой», затем «Тип» и выбрать «Преобразовать в форму». Это преобразует ваш текст в форму, которая гарантирует, что экспортируемым файлам (например, PDF) не придется беспокоиться о фактических шрифтах. Он также сохраняет текст в векторном формате, поэтому масштабирование по-прежнему возможно без потери качества.

Adobe Illustrator

Источник: N / A

В Adobe Illustrator вам нужно использовать опцию «Контуры».Для этого выберите только свой шрифт, щелкните правой кнопкой мыши и выберите «Создать контуры». Вы также можете получить доступ к этой опции, перейдя в меню «Тип», затем выбрав «Создать контуры» (на фото выше). Обязательно сохраните файл после этого.

# 5 — Предоставьте файл в правильном формате

Источник: N / A

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

Этот предпочтительный формат файла может варьироваться в зависимости от типографии, но обычно файлы необходимо отправлять в формате PDF или TIFF. Если вы отправляете дизайн плаката в виде файла PDF, вам необходимо убедиться, что разрешение печати установлено на 300 точек на дюйм, а если вы отправляете его в виде файла TIFF, убедитесь, что файл не сжимается на все (это означает, что DPI остается на уровне 300).

Иногда можно отправить файлы в формате PSD или даже в формате JPEG, но вам следует уточнить это в выбранной вами типографии, если вы хотите использовать один из этих типов файлов.

Примечание: Мы лично никогда не рекомендуем файлы JPEG для дизайна плаката, поскольку файлы JPEG часто теряют качество, а цветопередача в большинстве проектов ухудшается.

# 6 — Цифровые против. Литографическая печать

Источник: www2.le.ac.uk

Есть два варианта печати дизайна плаката; цифровая или литографическая печать.

Цифровая печать работает так же, как ваш домашний принтер; компьютер управляет потоком чернил от струйного принтера, чтобы сформировать законченное изображение на бумаге.С другой стороны, литографическая печать использует серию «пластин», которые прижимаются к листу бумаги для создания изображения слоями. Эти «тарелки» изготавливаются на заказ для каждого задания на печать.

Литографическая печать — лучший вариант, если вы хотите создать плакат большого формата (например, A1) и / или если вы планируете большой тираж. Это связано с тем, что литографическая печать обычно обеспечивает немного более высокое качество печати / отделки, чем процесс цифровой печати.Однако литографическая печать намного дороже.

Цифровая печать — лучший вариант для большинства проектов печати, так как она относительно невысока, а качество готовой продукции остается очень высоким. Это идеальный вариант, если у вас относительно ограниченный бюджет или если вы печатаете только небольшой тираж плакатов. Также обычно это лучший вариант для небольших плакатов (например, А3 или меньше).

Заключение

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

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

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

Если вы еще этого не сделали, не забудьте ознакомиться с нашими подробными руководствами по настройке плаката для печати в Adobe Photoshop, Illustrator и InDesign.

Создайте постер фильма в Photoshop — Annenberg Digital Lounge

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

Что можно и чего нельзя

Не делайте беспорядок.

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

Аудитория не сможет сказать, где и на что смотреть, из-за переполненности этих композиций.

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

Наверх ↑

Сделайте: Будь проще.Меньше — больше.

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

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

Итак, что же делает крючок хорошим?

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

Наверх ↑

Приступим!

Откройте Adobe Photoshop на своем компьютере. Щелкните Файл (верхний левый угол)> Создать, чтобы открыть новое окно холста. Стандартный размер постера фильма — 27 ″ X 41 ″, и убедитесь, что единицы измерения указаны в дюймах. Вы также хотите, чтобы плакат вашего фильма выглядел четким, поэтому не забудьте убедиться, что в поле «Разрешение» указано разумное значение. Имейте в виду, что чем выше разрешение, тем больше работы придется выполнять вашему компьютеру.

Чтобы ваш плакат больше напоминал плакаты в голливудском стиле, я рекомендую вам взглянуть на стандартизированный макет плаката к фильму, опубликованный New York Film Academy.Необязательно всегда иметь всю информацию, указанную в макете, но это также помогает проверить, не упускаете ли вы какую-либо важную информацию, когда вы близки к завершению.

Источник: https://www.nyfa.edu/student-resources/wp-content/uploads/2015/03/Blank-Movie-Poster1.jpg

Вверх ↑

Ретуширование основного изображения

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

Большинство постеров к фильмам, как правило, демонстрируют конфликты, чтобы привлечь любопытство аудитории. Если вы не намерены этого делать, также полезно знать, как улучшить изображение, чтобы оно выглядело более официальным, даже если оно было снято на камеру телефона. Секретные слова здесь: яркость и контраст (взгляните еще раз на приведенные выше примеры). Чтобы улучшить или усилить свою фотографию, не стесняйтесь поиграть с инструментами в разделе «Коррекция», чтобы добавить фильтры к своему изображению и увидеть разницу.

Когда вы будете довольны тем, как выглядит ваше изображение, выберите все слои в файле, щелкните правой кнопкой мыши (Windows) или Control + Click (Mac), затем выберите «Группировать из слоев», чтобы объединить все фильтры в одну группу.

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

Наверх ↑

Текст плаката

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

Наверх ↑

Шрифт для плакатов

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

… и готово! 🙂

Создайте в Photoshop постер на космическую тематику в стиле ретро

Юрий Алексеевич Гагарин, советский летчик и космонавт, был первым человеком, совершившим путешествие в космос, когда его космический корабль «Восток» завершил орбиту Земли 12 апреля 1961 года.В этом пошаговом руководстве по Photoshop я покажу вам, как создать поразительный дизайн плаката в винтажном стиле, вдохновленный путешествием Юрия в космос. Мы будем комбинировать стоковые фотографии, текстуры и кисти с методами и фильтрами в режиме наложения, чтобы получить окончательный дизайн. Если вы готовы приступить к работе, давайте приступим к делу!

Предварительный просмотр

Шаг 1

Откройте Adobe Photoshop и создайте документ с желаемыми размерами плаката. Не забудьте использовать высокое разрешение (от 150 до 300 dpi) и цветовой режим CMYK, если вы планируете отправить свою работу в печать.Для этого урока я создал документ размером 800×1200 пикселей, цвет RGB с разрешением 72 точек на дюйм для использования в Интернете.

Шаг 2

Для начала загрузите и откройте Capodimonte Deep Field, используйте Free Transform (Ctrl / Cmd + T), чтобы повернуть и изменить размер изображения, чтобы оно поместилось в нашем холсте. Добавьте корректирующий слой Hue / Saturation (Layer> New Adjustment Layer> Hue / Saturation) и уменьшите Saturation до -60 и Lightness до -15, чтобы немного раскрыть цвета.

Шаг 3

Откройте фотографию космонавта в Photoshop, увеличьте масштаб изображения и с помощью инструмента «Перо» (P) начните обводить космонавта, следуя его форме.Мы хотим создать путь, который позволит нам вырезать космонавта из фона. Как только вы обойдете космонавта, закройте свой путь, чтобы завершить контур. Удерживая нажатой клавишу Control или щелкните правой кнопкой мыши в любом месте вашего пути, чтобы открыть раскрывающееся меню. В этом меню выберите «Сделать выбор». Скопируйте и вставьте Astrounaut в наш холст, уменьшите его масштаб и расположите, используя изображение ниже в качестве образца. Перейдите в Image> Adjustments> Hue / Saturation и сделайте следующие настройки: Дублируйте слой Astrounaut (Cmd / Ctrl + J), примените фильтр Gaussian Blur с 1.Радиус 4px и уменьшите Непрозрачность до 50%.

Шаг 4

Загрузите изображение Земли и откройте его в Photoshop. С помощью инструмента Elliptical Marquee Tool (M) сделайте выделение вокруг Земли, скопируйте его (Cmd / Ctrl + C), а затем вставьте (Cmd / Ctrl + V) в наш дизайн, уменьшите масштаб и поместите позади космонавта. Немного уменьшите цвета земли, снизив насыщенность до -40 (Изображение> Коррекция> Цветовой тон / Насыщенность). Cmd / Ctrl + щелчок по миниатюре слоя земли, чтобы выделить его. Создайте новый слой и на этом новом слое залейте выделение черным цветом.Переместите черный круг вправо, оставив видимой только часть земли. Примените фильтр «Размытие по Гауссу» с радиусом 30 пикселей на слой с черным кругом. Вы можете видеть, что эта техника дает нашей земле красивый эффект затенения, который, в свою очередь, придает нашей работе аспекты реализма и точности. В конце уменьшите Непрозрачность слоя черного круга до 80%.

Шаг 5

Мы собираемся добавить блики на нашу сцену. Создайте новый слой, залейте его черным (# 000000), а затем перейдите в Filter> Render> Lens Flare.Измените тип линзы на Movie Prime и убедитесь, что для параметра «Яркость» установлено значение 100%. Измените режим наложения слоя на Screen и расположите блики линзы так, чтобы они находились прямо на краю земли и в центре свечения планеты.

Шаг 6

Возьмите бесплатный образец из пакета текстур Vintage Clouds, импортируйте в наш дизайн, обесцветьте (Cmd / Ctrl + Shift + U), уменьшите масштаб и измените режим наложения на Screen. Отрегулируйте уровни (Изображение> Коррекция> Уровни), чтобы облака идеально вписались в нашу сцену.Затем мы собираемся добавить туманность Красный прямоугольник; Скачайте его и откройте в Photoshop. Обесцветьте изображение, чтобы удалить его цвета, импортируйте в наш дизайн, используйте Free Transform, чтобы изменить его размер, а затем расположите, как на изображении ниже. Установите режим наложения на Screen и примените маску слоя (Layer> Layer Mask> Reveal All). Установите цвет переднего плана на черный (# 000000). Выберите инструмент «Градиент» (G), выберите пресет «Передний план — прозрачный» в редакторе градиентов и нарисуйте несколько градиентов, чтобы смягчить (и замаскировать) края туманности.Выберите цвет переднего плана # 640775, возьмите Brush Tool (B) и большой мягкой кистью нанесите одно пятно на туманность. Измените режим наложения на Умножение и примените Обтравочную маску (Слой> Создать обтравочную маску (Cmd / Ctrl + Alt + G)). Дублируйте этот слой (Cmd / Ctrl + J) и установите режим наложения для дублированного слоя Soft Light. Загрузите и откройте спутниковое изображение в Photoshop, извлеките из фона с помощью Pen Tool (P) и импортируйте в наш дизайн. Откройте стиль слоя, дважды щелкнув слой, и добавьте эффект наложения цвета.Дублируйте слой со спутником, придайте этому слою размытие по Гауссу с радиусом 1,4 пикселя и установите режим наложения на мягкий свет и непрозрачность на 90%.

Шаг 7

Затем мы собираемся добавить планету в нашу композицию, которую мы собираемся сделать из текстуры. Загрузите пакет текстур Rust, выберите понравившуюся текстуру, я выбрал Metal_V1_1109, затем откройте ее в Photoshop. Нарисуйте круглую область с помощью инструмента Elliptical Marquee Tool (удерживайте Shift, чтобы получился идеально круглый круг) и скопируйте в нашу композицию.Уменьшите размер с помощью инструмента Free Transform Tool (Cmd / Ctrl + T), создайте выделение вокруг (Cmd / Ctrl + щелчок по миниатюре слоя), перейдите в Filter> Distort> Spherize и установите Amount на 100%. Искажение формы создает трехмерный вид, который дает основную форму планеты. Переместите планету в верхний левый угол, затем начните добавлять стили слоя. Создайте тень планеты, используя метод, описанный в шаге 4. Вот что у нас есть. Давайте немного скрасим сцену.Сначала создайте новый слой. В качестве цвета переднего плана выберите розовый цвет с низкой насыщенностью (#eebbfb). Используйте Brush Tool (B) с большим мягким кончиком кисти, чтобы создать пятно, примените фильтр Gaussian Blur к этому слою (Filter> Blur> Gaussian Blur) с радиусом 130 пикселей. Затем просто установите непрозрачность этого слоя на 70%, чтобы смягчить и смешать эффект с фоном. Создайте еще один новый слой (Cmd / Ctrl + Shift + N), выберите зеленый цвет (# 2cbe7e) и с помощью Brush Tool и большой мягкой кисти нарисуйте еще одно пятно, но на этот раз в верхней части холста.Примените Gaussian Blur (Filter> Blur> Gaussian Blur) с радиусом 150 пикселей и установите непрозрачность этого слоя на 50%.

Шаг 8

Нажмите Cmd / Ctrl + A, чтобы выделить все, затем перейдите в Edit> Copy Merged (Shift + Cmd / Ctrl + C) и вставьте результат в новый слой (назовите этот слой «оригинал»). Дублируйте этот слой («оригинал») дважды и установите Режим наложения для дублированных слоев на Умножение. Выделите слой чуть выше «оригинала» и затем примените Filter> Stylize> Find Edges.Уменьшите непрозрачность этого слоя до 20% и измените режим наложения на Overlay. Давайте посмотрим (слой сверху скрыт). Затем нажмите на другой дублированный слой (который должен быть поверх первого дублированного слоя). Перейдите в Filter> Stylize> Glowing Edges и используйте следующие настройки:

• Ширина кромки: 2
• Яркость края: 8
• Плавность: 10

Обесцветьте этот слой, перейдя в Image> Adjustments> Desaturate (Shift + Cmd / Ctrl + U).Инвертируйте цвета слоя, нажав Cmd / Ctrl + I, и, наконец, установите непрозрачность на 40%. Вернитесь к «исходному» слою и примените фильтр шума (Фильтр> Шум) с Amount, установленным на 20%, для распределения выберите Gaussian и убедитесь, что выбран Monochromatic. Измените режим наложения на Мягкий свет. Загрузите и импортируйте текстуру пленки, измените ее размер по размеру холста и установите режим наложения на линейный свет и непрозрачность на 25%.

Шаг 9

Пришло время добавить текст в нашу композицию. Вам понадобятся шрифты League Gothic и Deftone Stylus, поэтому, если у вас их еще нет, скачайте и установите.Начнем с первого слова «Путешествие». Установите Blend Mode на Soft Light, затем продублируйте слой, а для дублированного слоя измените Blend Mode на Overlay. Используйте этот метод для всех блоков текста.

Шаг 10

Это последний шаг учебника. Сначала давайте добавим корректирующий слой, чтобы придать всей нашей композиции желаемую цветовую тему. Перейдите в Layer -> New Adjustment Layer -> Gradient Map, чтобы добавить корректирующий слой поверх всех остальных слоев. Установите градиент от # 1c004b до # fa9900, затем уменьшите непрозрачность корректирующего слоя до 40%, чтобы придать нашему дизайну винтажный вид.Мы закончим этот урок, добавив границу к нашему дизайну. Выделите все слои на панели слоев в группу слоев (Cmd / Ctrl + G) и назовите эту группу «плакат». Перейдите в Image> Canvas Size и увеличьте размер холста на 20 пикселей. Загрузите и откройте это изображение из бумаги ручной работы. Извлеките бумагу из фона, используя инструмент Magic Wand Tool (W), чтобы выбрать белый цвет на его фоне, а затем инвертируйте выделение, выбрав Select> Inverse (Shift + Cmd / Ctrl + I). Скопируйте бумагу и вставьте ее в наш дизайн.Масштабируйте его по размеру холста с помощью Free Transform (Cmd / Ctrl + T). Переместите слой с бумагой ниже группы слоев «плакат». Используя инструмент Rectangular Marquee Tool (M), сделайте выделение немного меньше (15 пикселей), чем холст. Выделив группу слоев «плакат», перейдите в меню Layer> Layer Mask> Reveal Selection. Снова выберите слой бумаги, перейдите в Image> Adjustments> Hue / Saturation и установите Saturation на -13 и Lightness на +34, чтобы немного уменьшить цвет бумаги, и все готово!

Дизайн плаката: 70+ классных и креативных уроков

8

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

Хотите больше статей о полезных уроках ? Посмотрите мой предыдущий пост:

Уроки Photoshop CS5 должны быть у 40+

Уроки Photoshop CS: 40+ удивительных творческих советов

Дизайн визитной карточки: сборник из 20+ отличных руководств

Руководства по Photoshop: 50+ бесплатных онлайн-советов

Бесплатные онлайн-уроки по Photoshop: 60+ отличных советов

Уроки Photoshop CS4: хитрые творческие советы

Создание тизера фильма о супергероях

Создание тизера фильма о супергероях

Создайте яркий плакат на космическую тематику в Photoshop

Как создать красочный абстрактный плакат в Illustrator

Создание плаката «Разыскивается» в стиле дикого вестерна в Photoshop

Создание плаката «Разыскивается» в стиле дикого вестерна в Photoshop

Создание различных эффектов 3D-надписи для дизайна плаката

Создание различных эффектов 3D-надписи для дизайна плаката

Создайте плакат старинного паровоза в Photoshop

Создайте плакат старинного паровоза в Photoshop

Дизайн креативного ретро-плаката

Создайте креативный ретро-плакат

Плакат Abduzeedo 2011 в Illustrator и Photoshop

Постер Abduzeedo 2011 в Illustrator и Photoshop

Создайте дизайн забавного плаката с фильмом ужасов в Photoshop

Создайте забавный дизайн плаката с фильмом ужасов в Photoshop

Создание профессионального плаката романтического комедийного фильма в Photoshop

Создание профессионального плаката романтического комедийного фильма в Photoshop

Создайте обложку для компакт-диска с инди-роком в Photoshop

Создайте обложку для компакт-диска с инди-роком в Photoshop

Дизайн постера к фильму Пираты Карибского моря

Дизайн плаката фильма «Пираты Карибского моря»

Объедините стоковую фотографию, чтобы создать абстрактный макет плаката

Объедините стоковую фотографию для создания абстрактного макета плаката

Создайте футуристический портретный плакат в Photoshop

Создайте футуристический портретный плакат в Photoshop

Пример использования плаката для фильма категории B с высокой посадкой от Falcon White Design

Пример использования плаката для фильма категории B с высокой посадкой от Falcon White Design

Как сделать в Photoshop постер к фильму в винтажном стиле

Как создать постер фильма в винтажном стиле в Photoshop

Как создать мозаичный геометрический дизайн плаката

Как создать мозаичный геометрический дизайн плаката

Футуристический дизайн в Photoshop

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

Создание крутых абстрактных волн на скейтборде

Создание крутых абстрактных волн на скейтборде

Создание винтажного плаката с помощью Photoshop CS5

Создание винтажного плаката с помощью Photoshop CS5

Создайте абстрактное космическое произведение в Photoshop и Maya

СОЗДАЙТЕ АБСТРАКТНОЕ КОСМИЧЕСКОЕ ИСКУССТВО В PHOTOSHOP & MAYA

Как создать загадочный дизайн плаката с 3D-текстом

Как создать загадочный дизайн плаката с 3D-текстом

Создайте винтажный постер в стиле гранж в Photoshop

Создайте винтажный постер в стиле гранж в Photoshop

Начальный постер с репуцией в Photoshop CS5

Начальный плакат с репуной в Photoshop CS5

Как создать винтажный плакат для вечеринки в Photoshop

Как создать винтажный плакат для вечеринки в Photoshop

Как создать забавный дизайн плаката в мультяшном стиле

Как создать забавный дизайн плаката в мультяшном стиле

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

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

Создание композиции Рыцаря с брызгами чернил

Создание композиции Рыцаря с брызгами чернил

Создайте космическую мечтательную сцену в Photoshop

Создайте космическую мечтательную сцену в Photoshop

Создайте нарисованный от руки плакат фестиваля в Illustrator

Создайте нарисованный от руки плакат фестиваля в Illustrator

Как создать эстетичный ретро постер в Photoshop

Как создать эстетичный ретро постер в Photoshop

Создайте постер фильма Джеймса Кэмерона «Аватар» в учебнике Photoshop

Создайте постер фильма Джеймса Кэмерона «Аватар» в учебнике Photoshop

Как создать плакат с крылатым черепом Неудержимые

Как создать плакат с крылатым черепом Неудержимые

Создайте красивую космическую сцену в Photoshop

Создайте красивую космическую сцену в Photoshop

Создайте динамичный плакат с природой в Photoshop

Создайте динамичный плакат с природой в Photoshop

Photoshop Battle Poster в Illustrator

Photoshop Battle Poster в Illustrator

Создайте плакат с абстрактными световыми полосами в Photoshop CS5

Создание плаката с абстрактными световыми полосами в Photoshop CS5

Воссоздайте эффект эпического металлического текста 80-х годов в Photoshop

Воссоздайте эффект металлического текста эпохи 80-х в Photoshop

Создание дизайна типографского плаката с проблемным вектором

Создание дизайна типографского плаката с проблемным вектором

Создание плаката в стиле ретро с металлическим текстом в Photoshop

Создание плаката в стиле ретро с металлическим текстом в Photoshop

Создайте замечательный плакат с декоративными элементами

Создайте замечательный плакат с декоративными элементами

Создайте плакат на космическую тематику с помощью Photoshop

Создайте плакат на космическую тематику с помощью Photoshop

Как сделать плакат с ретро-радиоуправляемым самолетом

Как сделать плакат с ретро-радиоуправляемым самолетом

Создайте ретро-постер городского концерта в Photoshop

Создание ретро-плаката для городского концерта в Photoshop

Как создать плакат научно-фантастической компьютерной игры в стиле ретро

Как создать плакат с научно-фантастической компьютерной игрой в стиле ретро

Как создать постер в ретро-стиле в Photoshop

Как создать постер в стиле ретро в Photoshop

Как создать винтажный плакат с океанским лайнером

Как создать винтажный плакат с океанским лайнером

Объединение трехмерных фигур и векторов для создания динамической композиции

Объединение трехмерных фигур и векторов для создания динамической композиции

Как создать классную ретро-графику — Psd Premium Tutorial

Как создать классную ретро-графику — Psd Premium Tutorial

Создание дизайна космического научно-фантастического плаката в Photoshop

Создание космического научно-фантастического плаката в Photoshop

Создание 3 — Дизайн плаката ограниченным тиражом

The Making of 3 — Дизайн плаката ограниченным тиражом

Как создать эффектный модный постер в Photoshop

Как создать эффектный модный постер в Photoshop

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

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

Создайте стильный постер в стиле гранж с 3D-типографикой в ​​Photoshop

Создайте стильный постер в стиле гранж с 3D-типографикой в ​​Photoshop

Создайте типографский постер в стиле ретро в стиле гранж в Photoshop

Создайте типографский постер в стиле ретро в стиле гранж в Photoshop

Учебное пособие в Photoshop и Illustrator: создание ретро-постеров

Учебное пособие в Photoshop и Illustrator: создание ретро-постеров

Создание плаката-заставки Nokia в программе Photoshop

Создание плаката-заставки Nokia в Photoshop

Создайте типографский плакат в стиле ретро с разноцветными огнями

Создайте типографский плакат в стиле ретро с разноцветными огнями

Создайте шероховатый минималистичный плакат в Photoshop

Создайте шероховатый минималистичный плакат в Photoshop

Создайте гранж-постер для сноуборда к зимним Олимпийским играм — Урок Photoshop

Создание гранж-плаката для сноуборда к зимним Олимпийским играм — Урок Photoshop

Дизайн плаката с подводным кодом Омега

Дизайн плаката с подводным кодом Омега

Как сделать потертую винтажную пляжную рекламу в Photoshop

Как сделать потертую винтажную пляжную рекламу в Photoshop

Создайте красочный футуристический ретро постер в Photoshop

Создайте красочный футуристический ретро постер в Photoshop

Создайте жуткий готический плакат

Создайте жуткий готический плакат

Создайте фантастический абстрактный фанатский постер

Создайте фантастический абстрактный фанатский плакат

Минималистичный дизайн плаката в Photoshop

Минималистичный дизайн плаката в Photoshop

.