Найти тему

Создаем плакат для конкурса танцев в Фотошоп

Оглавление

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

Что вы будете создавать

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

Шаг 1

-2

Шаг 2

-3

Шаг 3

-4

Шаг 4

-5

Шаг 5

-6

Шаг 6

Так же вы могли заметить, что некоторые края выглядят все еще грубыми и неровными. Чтобы исправить неровность выделения, вам нужно нажать на кнопку Уточнить край(Refine Edge) и следовать настройкам, показанным ниже. Поиграйте с параметрами в Настройке края (Adjust Edge) пока результат вас не устроит. Нажмите OK, чтобы применить настройку Уточнить край (Refine Edge).

-7

Шаг 7

Нажмите комбинацию клавиш CTRL+N, чтобы создать новый документ размером 800 × 1200 пикселей. Что касается разрешения, установите его 300 ppi и нажмите OK.

-8
-9

Шаг 8

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

-10

Шаг 9

Обесцветьте изображение девушки, нажав комбинацию клавиш CTRL+SHIFT+U, так же вы можете это сделать, выбрав меню Изображение > Коррекция > Обесцветить (Image > Adjustment > Desaturate).

Дублируйте слой с девушкой, нажав комбинацию клавиш CTRL+J, а затем установите режим смешивания на Перекрытие (Overlay). Так мы получим более контрастное изображение.

-11

Шаг 10

Примечание переводчика: Настройки для стиля слоя Выполнить обводку – Размер: 5 пикселей. Положение: Снаружи. Режим наложения: Нормальный. Непрозрачность: 100. Цвет: #ed1d25

-12

Шаг 11

-13

Шаг 12

-14

Шаг 13

Перейдите в меню Текст - Преобразовать в кривые (Type > Convert to Shape), чтобы преобразовать текст в фигуру. Теперь используйте Свободную трансформацию (free transform), чтобы изменить ширину.

-15

Шаг 14

Теперь перейдите в меню Редактирование > Трансформирование > Перспектива(Edit > Transform path > Perspective) и потяните нижний угол чуть вниз, как показано на картинке ниже.

-16

Шаг 15

Теперь добавим еще один красный круг, скопировав первый (выберите слой с кругом и нажмите комбинацию клавиш CTRL+J). Уменьшите второй круг и так же обводку до 1 пикселя, как на панели параметров, так и в стиле слоя.

-17

Шаг 16

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

Используйте меню Файл > Разместить (File > Place ...), чтобы импортировать 3D изображение «bumble». Отрегулируйте размер и положение, после чего нажмите Enter. Таким образом, наш трехмерный рисунок преобразуется в смарт-объект (это значит: что бы вы ни делали с изображением, качество изображения не испортится).

-18

Шаг 17

Добавьте стиль слоя Наложение цвета (Color Overlay) на слой «bumble». Выберите красный цвет (#ed1c24) и установите режим наложения Умножение (Multiply). Нажмите OK и цвет изменится на красный.

-19

Шаг 18

Добавьте еще несколько 3D изображений и поставьте их выше первого. Разместите их как показано ниже на скриншоте.

Примечание переводчика: Автор добавил файлы «Reef2» и «Octave»

-20

Шаг 19

Повторите шаг 17 для слоев «Reef2» и «Octave», чтобы изменить их цвет на красный.

-21

Шаг 20

-22

Шаг 21

Когда вы закончите обводку, кликните правой кнопкой мыши и в контекстном меню выберите Выделить область (Make Selection). В настройках выделения вы можете отрегулировать радиус растушёвки, но я пропущу данный шаг, нажав кнопку «ОК».

-23

Шаг 22

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

-24

Шаг 23

Используйте тот же метод, который мы применяли к 3D изображениям, чтобы изменить цвет крыла на красный. Добавьте стиль слоя Наложение цвета (Color Overlay), но в этот раз выберите более темный красный цвет (#2d080c) и измените режим наложения на Яркий свет (Vivid Light).

-25

Шаг 24

Нажмите комбинацию клавиш CTRL+J, чтобы дублировать слой с крылом. Создайте новый пустой слой под ним, зажав клавишу CTRL и кликните по значку Создать новой слой (new layer).

-26

Шаг 25

Кликните правой кнопкой мыши по миниатюре копии слоя с крылом и в контекстном меню выберите Объединить с предыдущим (Merge Down). Это объединит крыло и пустой слой под ним, при этом стиль слоя Наложение цвета (Color Overlay) удалится, но цветовой эффект сохранится без изменений.

-27

Шаг 26

Разместите объединённый слой с крылом поверх всех слоев, а затем измените режим наложения на Перекрытие (Overlay). Хорошо!

-28

Шаг 27

Повторите шаги с 24 по 26 для слоя Octave, но в конце измените режим смешивания на Умножение (Multiply). Если вы сделали все правильно, то получите результат, который показан ниже на скриншоте.

-29

Шаг 28

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

-30

Шаг 29

Перейдите в Изображение > Коррекция > Обесцветить (Image > Adjustment > Desaturate), чтобы обесцветить изображение городского пейзажа. Затем уменьшите непрозрачность (Opacity) слоя до 40%.

-31

Шаг 30

-32

Шаг 31

-33

Шаг 32

-34

Шаг 33

-35

Шаг 34

Это конечно быстрый способ выделения, но не самый качественный. Чтобы подправить выделение, мы можем перейти в меню Выделение > Уточнить край (Select > Refine Edge). Поставьте галочку Умный радиус (Smart radius) и поиграйте с ползунками в Настройке края (Adjust Edge), чтобы сгладить края выделения. Нажмите ОК.

-36

Шаг 35

Выделенного голубя скопируйте в нашу работу. Разместите его над слоем красного круга. Используйте инструмент Свободная трансформация (Free transform), чтобы изменить размер и положение птицы, как показано в примере ниже.

-37

Шаг 36
Вы могли заметить черный контур по краям голубя. Мы это можем легко исправить, перейдя в меню
Слой > Обработка краев > Удалить черный ореол (Layer > Matting > Remove Black Matte).

-38

Шаг 37

Продублируйте слой с голубем, нажав комбинацию клавиш CTRL+J и отразите его по горизонтали, перейдя в меню Редактирование > Трансформирование > Отразить по горизонтали (Edit > Transform > Flip Horizontal). Теперь поместите его в левую часть изображения и уменьшите с помощью трансформирования.

-39

Шаг 38

Откройте изображение с пером и перейдите в меню Выделение > Цветовой диапазон (Select > Color Range). Здесь мы можем выделить перо, взяв образец цвета. С помощью пипетки кликните на самый яркий белый цвет пера, затем увеличьте значение Разброс (Fuzziness) до 200.

-40

Шаг 39

Сейчас у вас выделено все перо. Далее нажмите ОК, чтобы применить команду Цветовой диапазон (Color Range).

-41

Шаг 40

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

-42

Шаг 41

Установите режим наложения слоя с пером на Экран (Screen).

-43

Шаг 42

Чтобы создать иллюзию глубины, нам нужно размыть перо, перейдя в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите значение Радиус (Radius) примерно на 1,5 пикселя, затем нажмите OK.

-44

Шаг 43

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

-45

Шаг 44

Добавьте третье перо на правую сторону возле красного круга. Снова примените фильтр Размытие по Гауссу (Gaussian Blur) и установите радиус размытия 0,5 пикселей.

-46

Шаг 45

Теперь добавим блики. Перейдите в меню Файл > Разместить (File> Place) и выберите нужное изображение, я выбрал «optical-7». Нажмите Enter и разместите слой с бликом выше остальных слоев.

-47

Шаг 46

-48

Шаг 47

Не снимая выделения, кликните мышкой по значку добавить слой-маску (add layer mask).

-49

Шаг 48

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

-50

Шаг 49

Продублируйте слой с бликом и разместите его между птицей и девушкой, как показано на примере ниже.

Поздравляю! Вы сделали классный плакат :)

-51

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

-52

Поделиться своей работой и задать вопрос можно на странице урока сайта photoshop-master.ru