Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Poster Design
Design

Создаём Эффект Застывшего Ветра в Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

Russian (Pусский) translation by Nazar Sulaimanbekov (you can also view the original English article)

Final product image
What You'll Be Creating

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

Что Вам Понадобится

Вам необходим доступ к программе Adobe Photoshop—если у вас нет этой программы, тогда скачайте тестовую версию на веб сайте Adobe website. Вам также понадобятся следующие исходные ресурсы:

Скачайте изображения и установите шрифт и мы готовы приступить к уроку!

Ищете удивительные дополнения к Photoshop? Тогда отправляйтесь в GraphicRiver.

1. Создаём Новый Документ в Photoshop

Шаг 1

В программе Photoshop, идём Файл – Новый (File > New). Назовите этот документ ‘Melodias Poster’. Установите Ширины (Width) на 1270 px и Высоту (Height) на 1600 px. Установите Разрешение (Resolution) на 72 пикс./дюйм (pixels/inch). Нажмите кнопку ‘OK’.

Create a new Photoshop file

Шаг 2

Нажмите клавиши (Ctrl+R), чтобы показать линейки по периметру документа. Идём Просмотр – Новая направляющая (View > New Guide). В появившемся окне Новая направляющая (New Guide), выберите опцию Горизонтальная (Horizontal), а затем установите положение направляющей на 70 px. Нажмите кнопку ‘OK’.

Проделайте то же самое с остальными сторонами документа, вычитая 70 px от заключительного размера. Для активации и деактивации направляющих, используйте клавиши (Ctrl+;).

Add guides to the document

Шаг 3

В панели слоёв, нажмите на значок Создать новый корректирующий слой или слой-заливку (Create a New Fill or Adjustment Layer) и в появившемся меню, выберите опцию Цвет (Solid Color). В появившемся окне Палитры цветов (Color Picker), установите чёрный цвет. Нажмите кнопку ‘OK’.

Create a new Fill with a black color

2. Создаём Мягкий Комбинированный Задний Фон

Шаг 1

Чтобы создать красочный задний фон, нам необходимо создать новый слой, а затем нанести красочные маски кистью. Нажмите клавиши (Shift+Ctrl+N). Назовите новый слой ‘Background’. Нажмите кнопку ‘OK’.

Выберите инструмент Кисть (Brush Tool (B) в панели инструментов. Щёлкните правой кнопкой мыши по холсту, чтобы изменить настройки кисти. Установите размер кисти на 600 px, а Жёсткость (Hardness) кисти на 0%.

Create a new layer

Шаг 2

Щёлкните по цвету переднего плана, чтобы установить цвет на #af00d0. Нажмите кнопку ‘OK’.

Нанесите мазки кистью на холст, стараясь сконцентрироваться на внешних краях холста. Повторите этот шаг, используя следующие цветовые оттенки: #00e4f4 and #0d43ff.

Using the brush tool stamp over the documents with different colors

Шаг 3

Находясь на слое ‘Background’ в палитре слоёв, идём Фильтр- Размытие – Размытие в движении (Filter > Blur > Motion Blur). В появившемся окне настроек фильтра Размытие в движении (Motion Blur), установите Угол (Angle) на 90, а Смещение (Distance) на 1625. Нажмите кнопку ‘OK’.

Нам нужно, чтобы задний фон был мягким. В палитре слоёв, уменьшите Непрозрачность (Opacity) слоя до 50%.

Apply the motion blur effect and lower the opacity of the layer

3. Кадрируем Изображение Используя Слой-Маски

Шаг 1

Переместите исходное изображение Греческого Бога на наш рабочий документ. При перемещении изображения на документ в Photoshop, оно должно автоматически подходить под размеры документа. Если оно не подходит, тогда нажмите клавиши (Ctrl+T) для трансформации. Далее, идём в верхнюю панель управления, чтобы установить Ширину (Width) и Высоту (Height) на 23.82%. Нажмите клавишу (Enter).

Drag the Greek God image onto the Photoshop file

Шаг 2

Убедитесь, что вы находитесь на слое с изображением греческого Бога в палитре слоёв. Далее, нажмите значок Добавить слой-маску (Add Layer Mask) в нижней части палитры слоёв. Слой-маска должна стать автоматически активной; если нет, тогда убедитесь, что вы работаете на слой-маске.

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

Add a layer mask to the Greek God layer

Шаг 3

Выберите инструмент Волшебная палочка (Magic Wand Tool (W) в панели инструментов. Инструмент Волшебная палочка (Magic Wand Tool (W) полезный инструмент, если на изображении присутствует чёткий контраст между передним планом и задним фоном. Например, данное изображение имеет насыщенное боке, что упрощает процесс выделения. Выделите зелёные участки изображения, щёлкнув по холсту. Если вам необходимо добавить больше участков изображения к выделенной области, тогда удерживайте клавишу (Shift) при выделении участков. Нажмите клавиши (Ctrl+I) для инверсии слой-маски или скройте выделение, а затем нажмите клавиши (Ctrl+D), чтобы отменить выделение.

Не переживайте, если инструмент Волшебная палочка (Magic Wand Tool (W), выделит участки переднего плана, в данном случае статуи. Мы используем инструмент Кисть (Brush Tool (B) в следующем шаге для коррекции деталей.

Using the Magic Wand Tool select the background of the image

Шаг 4

Выберите инструмент Кисть (Brush Tool (B) в панели инструментов. Щёлкните правой кнопкой мыши по холсту, чтобы изменить настройки кисти. Установите размер кисти на 150 px, а Жёсткость (Hardness) кисти на 100%.

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

Using the brush tool hide the neck and chest area of the image

Шаг 5

Если инструмент Волшебная палочка (Magic Wand Tool (W) выделил лишние участки переднего плана, то в этом шаге вы можете исправить это. Не меняя инструмент Кисть (Brush Tool (B), нажмите клавишу (X). Данная горячая клавиша поменяет цвет переднего плана с чёрного на белый цвет.

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

Using the brush tool finesse parts of the image

4. Создаём Эффект Застывшего Ветра

Шаг 1

Продублируйте слой с изображением греческого Бога, нажав клавиши (Ctrl+J). Отключите видимость оригинального слоя, щёлкнув по глазку рядом с миниатюрой слоя. Мы будем работать с дубликатом слоя. Убедитесь. Что вы находитесь на слое, а не на слой-маске. Примечание переводчика: просто щёлкните по миниатюре слоя, чтобы слой стал активным, а не слой-маска.

Чтобы создать эффект застывшего ветра, нам необходимо повернуть изображение. Нажмите клавиши (Ctrl+T), а затем поверните изображение на 90 градусов. Удерживайте клавишу (Shift) во время трансформации, чтобы создать ровный поворот. Нажмите клавишу (Enter), чтобы применить изменения.

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

Rotate the Greek God layer

Шаг 2

Идём Фильтр - Стилизация - Ветер (Filter > Stylize > Wind > Stagger). В окне настроек фильтра Ветер (Wind), установите Метод (Method) на Колебания (Stagger), а Направление (Direction) на Справа (From the Right). Нажмите кнопку ‘OK’.

Нам необходимо применить данный эффект несколько раз. Мы можем проделать это, используя комбинацию клавиш (Ctrl+F), которая помогает повторить действие последнего фильтра. Вы можете повторить данный эффект столько раз, сколько захотите – я повторила эффект 10 раз.

Apply the wind effect and apply the same effect multiple times

Шаг 3

Перед тем, как повернуть изображение и вернуть в первоначальное положение, нам необходимо растрировать слой и смарт-фильтры. Если мы проигнорируем эту часть урока, то фильтр будет повторно применён к изображению в исходном положении. Итак, щёлкните правой кнопкой мыши по слою и в появившемся окне, выберите опцию Растрировать слой (Rasterize Layer).

Нажмите клавиши (Ctrl+T), а затем удерживая клавишу (Shift), поверните изображение в первоначальное положение. Нажмите клавишу (Enter), чтобы применить изменения.

Rasterize the layer and rotate to its original position

Шаг 4

Включите видимость оригинального слоя с изображением греческого Бога. Выберите инструмент Кисть (Brush Tool (B) в панели инструментов. Щёлкните правой кнопкой мыши по холсту, чтобы изменить настройки кисти. Установите кисть ‘Oil Pastel Large’. На мой взгляд, это самая лучшая кисть для коррекции эффекта застывшего ветра, скрывая и показывая участки изображения.

Set the brush tool

Шаг 5

Перейдите на слой-маску дубликата слоя с изображением греческого Бога. С помощью инструмента Кисть (Brush Tool (B), начните восстанавливать участки изображения. В данном случае, давайте поработаем над левой частью изображения.

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

Using the brush tool hide and reveal parts of the image

Шаг 6

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

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

On the left is the final image composition of the two layers On the right is the Wind Blast effect layer shown by itself

Шаг 7

Чтобы нейтрализовать цвет изображения, мы добавим корректирующий слой. Идём в палитру слоёв, чтобы добавить корректирующий слой Чёрно-белое (Black & White).

Нам нужно применить данный корректирующий слой только к слою с статуей. Выделите оба слоя с изображением греческого Бога, а затем перетащите их на значок Создать новую группу (Create a Group). Далее, щёлкните правой кнопкой мыши по корректирующему слою Чёрно-белое (Black & White) и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Используйте панель Свойства (Properties) для настройки цветов. Я установила Красные (Reds) на 300, а Жёлтые (Yellows) на -50, чтобы добавить контраст. Не стесняйтесь создать свою собственную версию!

Add a Black and White adjustment layer and create a Clipping Mask

5. Создаём Красочную Рамку

Шаг 1

Создайте новый слой, нажав клавиши (Shift+Ctrl+N). Назовите этот слой ‘Stroke’. Нажмите кнопку ‘OK’. Расположите данный слой ниже слоя с группой с двумя слоями с изображением греческого Бога.

Create a new layer

Шаг 2

Выберите инструмент Кисть (Brush Tool (B) в панели инструментов. Щёлкните правой кнопкой мыши по холсту, чтобы поменять кисть на круглую кисть. Установите размер кисти на 500 px, а Жёсткость (Hardness) кисти на 0%.

Используйте следующие цвета кисти: #f7af08, #f502fe, #35b5f0, #8566fb, и #1be5e9, чтобы прокрасить поверх холста на новом слое. Я временно отключила видимость слоёв с изображением греческого Бога, чтобы вы могли увидеть результат. Не обязательно повторять всё в точности, как на скриншоте ниже – создайте свой собственный дизайн!

Using the brush tool create a colorful composition

Шаг 3

Далее, идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). В окне настроек фильтра Размытие по Гауссу (Gaussian Blur), установите Радиус (Radius) размытия на 150 px. Нажмите кнопку ‘OK’.

Apply the Gaussian Blur filter effect to soften the layer

Шаг 4

Активируйте направляющие, которые мы создали вначале этого урока, нажав клавиши (Ctrl+;).

В панели инструментов, выберите инструмент Прямоугольник (Rectangle Tool (U). Нарисуйте прямоугольник внутри области направляющих линий. Далее, идём в верхнюю панель управления, чтобы установить Обводку (Stroke) на 50 pt.

Using the rectangle tool creae a rectangle around the perimeter of the document

Шаг 5

Идём в палитру слоёв. Щёлкните правой кнопкой мыши по слою с нарисованным прямоугольником и в появившемся окне, выберите опцию Растрировать слой (Rasterize Layer). Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с прямоугольником. Это поможет создать активное выделение объекта. Далее, перейдите на слой ‘Stroke’, а затем нажмите значок Добавить слой-маску (Add Layer Mask) в нижней части палитры слоёв. Удалите слой с нарисованным прямоугольником.

Create a Layer Mask out of the rectangle we created

Шаг 6

Теперь мы можем применить масштабирование к созданной рамке. Нажмите клавиши (Ctrl+T) для трансформации. Удерживайте клавиши (Alt+Shift) во время масштабирования, чтобы создать ровное масштабирование, используя центр в качестве опорной точки. В качестве альтернативного варианта, вы можете перейти в верхнюю панель управления, а затем установить значения Ширины (Width) и Высоты (Height) на 60%. Не стесняйтесь использовать свои размеры. Нажмите клавишу (Enter).

Resize the rectangle stroke

Шаг 7

Помните, что вы всегда можете провести коррекцию цвета и яркости с помощью корректирующих слоёв. Например, я добавила корректирующий слой Яркость / Контрастность (Brightness/Contrast), поменяв значение Контрастности (Contrast) на 100. Также я добавила корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), поменяв значение Цветового тона (Hue) на 125.

Если вы хотите применить данные корректирующие слои только к слою с рамкой ‘Stroke’, тогда щёлкните правой кнопкой мыши по соответствующему корректирующему слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Add adjustment layers to tweak the colors and brightness

6. Создаём Текст

Шаг 1

В панели инструментов, выберите инструмент Текст (Text Tool (T). Я использовала белый цвет текста, чтобы создать контраст с задним фоном. Шрифт, который я использовала: US Bill.

Откройте панель настроек шрифта, для этого идём Текст- Панели- Символ (Type > Panels > Character). Ниже я указала детали текста, включая размер шрифта и конкретные настройки шрифта для каждой строки текста на отдельных слоях.

LA LIGA PRESENTA:
MELODIAS
NEOCLÁSICAS

(шрифт US Bill, Slant и ExtraBold Slant, Размер шрифта: 46 pt и 140 pt, Трекинг (Tracking): 50 pt, Интерлиньяж (Leading) для второй строки: 120 pt, а для третьей строки: 150 pt. Я советую вам поиграть с настройками Интерлиньяжа (Leading), поскольку это отличное упражнение, чтобы понять разборчивое написание текста. Находясь на слое с текстом, нажмите клавиши (Alt)+стрелка вверх) или (Alt)+стрелка вниз, чтобы увеличить или уменьшить значение Интерлиньяжа (Leading).

+
MEXICO
GUADALAJARA
ECATEPEC
GUADALAJARA
PUEBLA
JUÁREZ
TIJUANA
LEÓN
ZAPOPAN
MONTERREY

(US Bill, Slant, Размер шрифта: 21 pt, Трекинг (Tracking): 50 pt, Интерлиньяж (Leading): Auto).

+
FIESTA DE
LANZAMIENTO
EN VIVO
09.02
—28.02
2019

(шрифт US Bill, Slant, Размер шрифта: 45 pt, Трекинг (Tracking): 50 pt, Интерлиньяж (Leading): 38 pt).

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

Add text to the composition

Шаг 2

Заголовок расположен над рамкой и изображением. Вы заметите, что эта часть постера кажется перегруженной, а все элементы кажутся слишком намешаны. Давайте выделим текст. Щёлкните правой кнопкой мыши по слою с заголовком и в появившемся окне, выберите опцию Параметры наложения (Blending Options).

Выберите стиль слоя Тень (Drop Shadow). Установите режим наложения на Умножение (Multiply), Непрозрачность (Opacity) на 40%, Угол (Angle) на 120, Смещение (Distance) на 13 px, Размах (Spread) на 6%, Размер (Size) на 38 px, а также в настройках Качество (Quality), выберите Полукруг (Half Round) в качестве Контура (Contour). Нажмите кнопку ‘OK’.

Add a Drop Shadow effect on the main title of the composition

7. Сохраняем для Web

Идём Файл – Сохранить (File > Save), чтобы сохранить документ, как вы обычно это делаете.

Чтобы сохранить для web, идём Файл – Сохранить для Web (File > Save for Web) или нажмите клавиши (Shift+Alt+Ctrl+S). Выберите папку, куда бы вы хотели сохранить свою работу; я выбрала формат JPEG, а также установите Качество (Quality) на 100. В настройке Размер изображения (Image size), вы можете поменять размер пикселей вашего изображения, если у вас есть ограничения по размеру и вы используете изображение для Интернета.

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

Нажмите кнопку Сохранить (Save), выберите место для сохранения в появившемся окне навигации, а затем ещё раз нажмите кнопку Сохранить (Save).

Save the file

Поздравляю! Мы Завершили Урок!

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

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

Если вам понравился этот урок, то возможно вам понравятся следующие уроки:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.