Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Создаём Сюрреалистический Эффект Разбитого Стекла в Adobe Photoshop

Scroll to top
Read Time: 13 min

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока, которые вы можете найти на Envato Elements:

1. Создаём Базовый Задний Фон

Вначале мы создадим наш собственный базовый задний фон!

Шаг 1

Создайте новый документ со следующими размерами 2000 x 3130 px.

Далее, добавьте слой-заливку Цвет (Color Fill). Установите тёмно-фиолетовый оттенок в качестве цвета заливки: #080609.

Создайте новый слой, залейте этот слой чёрным цветом #000000 с помощью инструмента Заливка (Paint Bucket tool), а затем поменяйте режим наложения для данного слоя на Осветление (Screen).

Добавьте лёгкий эффект шума на созданный слой, для этого идём Фильтр - Шум - Добавить шум (Filter > Noise > Add Noise). Это отличный приём, который предотвращает такие вещи, как цветовые полосы.

Add noise to backgroundAdd noise to backgroundAdd noise to background

Шаг 2

Далее, мы добавим свет на задний фон, для этого, создайте новый слой, а затем поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light).

С помощью большой мягкой кисти Нажимом (Flow) 5%, нарисуйте белые пятна #ffffff в центре холста, чтобы создать источник света.

Paint a light source on your background layerPaint a light source on your background layerPaint a light source on your background layer

Шаг 3

Создайте новый слой, а затем поменяйте режим наложения для данного слоя на Осветление (Screen).

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

Add purple background lightAdd purple background lightAdd purple background light

Шаг 4

Далее, создайте новый слой, а затем поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light).

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

Создайте новую группу, поместите все созданные слои в созданную группу. Назовите эту группу Задний фон (Background).

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

Paint purple light on your backgroundPaint purple light on your backgroundPaint purple light on your background

2. Выделяем Объект с Помощью Инструмента Перо

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

Шаг 1

Поместите исходное изображение Модели в центре холста.

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

Create a Pen Tool path around subjectCreate a Pen Tool path around subjectCreate a Pen Tool path around subject

Шаг 2

К слою с моделью, добавьте слой-маску, а затем щёлкните правой кнопкой мыши по слой-маске и в появившемся окне, выберите опцию Выполнить заливку контура (Fill Path).

Нажмите клавиши (Ctrl+I), чтобы провести инверсию слой-маски.

Fill path with black on subjects layer maskFill path with black on subjects layer maskFill path with black on subjects layer mask

Шаг 3

Теперь, когда мы выделили голову и туловище модели, мы переходим к меховой шубке модели!

С помощью инструмента Быстрое выделение (Quick Selection Tool), выделите оставшиеся участки оригинального заднего фона вокруг меховой шубки. Не обязательно создавать идеальное выделение, просто создайте примерное выделение!

Select Subjects coat with Quick Selection Tool Select Subjects coat with Quick Selection Tool Select Subjects coat with Quick Selection Tool

Шаг 4

Добавьте слой-маску к слою с моделью, а затем проведите инверсию, нажав клавиши (Ctrl+I).

Дважды щёлкните по слой- маске или нажмите клавиши (Ctrl+Alt+R), чтобы открыть окно настроек Уточнить край (Refine Edge). Установите следующие настройки: Радиус (Radius) 6 px, поставьте галочку в окошке Умный радиус (Smart Radius) и Растушёвка (Feather) 0.5 px.

Поскольку инструмент Быстрое выделение (Quick Selection Tool) активный, прокрасьте края вокруг меховой шубки модели. Таким образом, мы улучшим выделение вокруг меха.

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

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

Finish selection in Refine EdgeFinish selection in Refine EdgeFinish selection in Refine Edge

Шаг 5

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

Mask out remaining bits of background Mask out remaining bits of background Mask out remaining bits of background

Шаг 6

Далее, мы добавим небольшое затенение и контраст.

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

С помощью мягкой круглой кисти Нажимом (Flow) 10%, цвет кисти белый, добавьте световые блики на изображение модели, а с помощью чёрной кисти, добавьте тени, чтобы усилить контраст. Варьируйте размер кисти в зависимости от того, где вы прокрашиваете. Настроив кисть на низкий уровень нажима поможет постепенно создать светотени.

Add contrast to modelAdd contrast to modelAdd contrast to model

Шаг 7

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

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

Add light to coatAdd light to coatAdd light to coat

Шаг 8

Создайте новый слой ниже слоя с моделью. Оставьте тот же самый режим наложения Нормальный (Normal).

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

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

Add contrast to the model Add contrast to the model Add contrast to the model

3. Создаём Осколки Стекла

Итак, мы переходим к звёздному эффекту этого урока: к разбитому стеклу!

Шаг 1

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

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

Объедините слой с текстурой стекла и корректирующий слой с картой градиента в один слой. Теперь восстановите режим наложения для слоя с чёрно-белой текстурой на Осветление (Screen).

Place glass texture behind modelPlace glass texture behind modelPlace glass texture behind model

Шаг 2

Далее, мы по отдельности вырежем осколки стекла с помощью инструмента Магнитное лассо (Magnetic Lasso Tool).

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

В настройках инструмента Магнитное лассо (Magnetic Lasso Tool), установите значение Ширины (Width) на 5 px, Контрастности (Contrast) на 10%, а значение Частоты (Frequency) на 57.

Выберите красивый осколок стекла, а затем обведите его с помощью инструмента Лассо (Lasso Tool), чтобы выделить его.

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

Select a piece of glass Select a piece of glass Select a piece of glass

Шаг 3

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

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

Hide glass texture Hide glass texture Hide glass texture

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

У вас должно быть достаточное количество осколков различной формы и размеров. Тем больше их будет, тем будет лучше для вас! Я создала примерно 19 слоёв с осколками, как показано на скриншоте ниже.

Select and extract multiple shards Select and extract multiple shards Select and extract multiple shards

Шаг 4

Включите видимость слоя с группой Модель (Model).

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

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

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

Arrange glass shard Arrange glass shard Arrange glass shard

Шаг 5

Создайте новую группу, а затем поместите все слои с осколками стекла в эту новую группу. Назовите эту группу Стекло (Glass), а также поменяйте режим наложения для данного слоя с группой на Осветление (Screen).

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

Добавьте стиль слоя Наложение цвета (Color Overlay) к слою Стекло копия (Glass Copy). Установите тёмно-фиолетовый оттенок #0b030b в качестве цвета наложения. Установите Непрозрачность (Opacity) на 70%. Это сделает стекло менее прозрачным, а также придаст стеклу лёгкий цветовой оттенок.

Darken the back of the shards Darken the back of the shards Darken the back of the shards

Шаг 6

Создайте новый слой в качестве обтравочной маски к слою с группой Стекло (Glass). Оставьте тот же самый режим наложения Нормальный (Normal).

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

Add borders and edges to the shardsAdd borders and edges to the shardsAdd borders and edges to the shards

Шаг 7

Создайте ещё один новый слой в качестве обтравочной маски к слою Модель (Model). Оставьте тот же самый режим наложения Нормальный (Normal).

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

Уменьшите Непрозрачность (Opacity) данного слоя до 40%. Это поможет добавить светлый глянец к верхним осколкам стекла.

Add light to the shards Add light to the shards Add light to the shards

Шаг 8

Создайте ещё один новый слой в качестве обтравочной маски к слою Модель (Model). Поменяйте режим наложения для данного слоя на Перекрытие (Overlay).

С помощью мягкой кисти средних размеров и Нажимом (Flow) 5%, прокрасьте верхние точки белым цветом, а нижние точки чёрным цветом. Это поможет добавить контрастности и затенение. Вам не обязательно быть точным! Основная часть белых оттенков будет приходиться на левую сторону стекла, а чёрные оттенки будут в значительной степени за моделью и внизу справа.

Add contrast to the shards Add contrast to the shards Add contrast to the shards

Сгруппируйте все слои с стеклянными осколками в одну группу. Назовите эту группу Большие осколки стекла (Large Glass).

Шаг 9

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

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

Сгруппируйте все эти продублированные слои, назовите эту группу Мелкие осколки стекла (Small Glass). На скриншоте ниже, вы можете увидеть текущий порядок слоёв.

Copy paste shards above the model Copy paste shards above the model Copy paste shards above the model

4. Добавляем Световые Блики и Эффект Рассеянных Частиц

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

Шаг 1

Создайте новый слой. С помощью кистей Kyle's Splatter Brushes, которые находятся в папке "Special Effect Paint Brushes" в настройках панели Кисть (Brush), нарисуйте очень мелкие белые частицы вокруг краёв стеклянных осколков.

Add specks of glass using brush Add specks of glass using brush Add specks of glass using brush

Шаг 2

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

1. Форма Отпечатка Кисти (Brush Tip Shape)

  • Жёсткость (Hardness): 0%
  • Интервал (Spacing): 42%

2. Динамика Формы (Shape Dynamics)

  • Колебание размера (Size Jitter): 100%
  • Колебание формы (Roundness Jitter): 45%

3. Рассеивание (Scattering)

  • Рассеивание (Scatter): 44%
  • Счётчик (Count): 2
Fog brush settingsFog brush settingsFog brush settings

Уменьшите Нажим (Flow) кисти до 1%. Установите размер кисти на своё усмотрение.

Шаг 3

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

Add fog Add fog Add fog

Сгруппируйте все слои с дымкой и мелкими частицами в одну группу. Назовите эту группу Дымка и Частицы (Smoke and Particles).

Шаг 4

Далее, мы добавим отражение света на наше стекло с помощью функции Обводки Контура (Stroke Path) инструмента Перо (Pen Tool).

Создайте новый слой, переместите данный слой вниз, расположив поверх слоя с группой Большие осколки стекла (Large Glass). Поменяйте режим наложения для данного слоя на Осветление (Screen).

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

Add paths to edges of glassAdd paths to edges of glassAdd paths to edges of glass

Шаг 5

Выберите инструмент Кисть (Brush Tool), установите небольшую мягкую кисть, цвет кисти бледно-синий #8484c3.

Возвращаемся к инструменту Перо (Pen Tool). Щёлкните правой кнопкой мыши по контуру и в появившемся окне, выберите опцию Выполнить обводку контура (Stoke Path). Далее, в появившемся окне, установите Кисть (Brush) в качестве инструмента обводки, не забудьте поставить галочку в окошке Имитировать нажим (Simulate Pressure), а затем нажмите кнопку 'OK'. Это поможет добавить добавить свечение ко всем линиям, где вы нарисовали контуры.

Add the first glow to edges of glassAdd the first glow to edges of glassAdd the first glow to edges of glass

Шаг 6

Чтобы усилить свечение, создайте новый слой, режим оставьте тот же самый Нормальный (Normal).

Выберите инструмент Кисть (Brush Tool), уменьшите размер кисти, цвет кисти белый.

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

Снова щёлкните правой кнопкой мыши по холсту и в появившемся окне, выберите опцию Удалить контур (Delete Path), чтобы удалить все ваши контуры.

Add glowing edge to shards with pend tool Add glowing edge to shards with pend tool Add glowing edge to shards with pend tool

Шаг 7

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

Нарисуйте простую шестиконечную звёздочку с помощью мягкой кисти маленького диаметра Нажимом (Flow) 1%, цвет кисти белый. Вы также можете использовать уже готовые кисти- любые звёздочки подойдут!

Create star brushCreate star brushCreate star brush

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

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

Add shines to shards Add shines to shards Add shines to shards

5. Добавляем Отражение на Стекло

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

Шаг 1

Продублируйте слой с группой Модель (Model), а затем выполните сведение дубликат слоя с группой. Переименуйте сведённый слой Модель Копия (Model Copy) на Отражение (Reflection).

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

Поменяйте режим наложения для слоя Отражение (Reflection) на Замена светлым (Lighten), а также уменьшите Непрозрачность (Opacity) слоя до 60%.

Шаг 2

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

Продублируйте слой Отражение (Reflection), а затем сместите дубликат слоя вправо для создания аналогичного отражения.

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

Clip model into glass layer to add reflection Clip model into glass layer to add reflection Clip model into glass layer to add reflection

6. Проводим Цветовую Коррекцию

Чтобы завершить нашу сцену, мы проведём небольшую цветовую коррекцию, которая объединит все элементы композиции!

Шаг 1

Вначале, создайте новый слой поверх всех остальных слоёв.

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

Add flares of light with brush tool Add flares of light with brush tool Add flares of light with brush tool

Шаг 2

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

  1. Создайте корректирующий слой Поиск цвета (Color Lookup). Установите фильтр Crisp Warm из выпадающего меню 3dLUT File, а также уменьшите Непрозрачность (Opacity) слоя до 20%.
  2. Создайте корректирующий слой Поиск цвета (Color Lookup). Установите фильтр Crisp Winter из выпадающего меню 3dLUT File, а также уменьшите Непрозрачность (Opacity) слоя до 24%.
  3. Создайте корректирующий слой Поиск цвета (Color Lookup). Установите фильтр EdgyAmber из выпадающего меню 3dLUT File, а также уменьшите Непрозрачность (Opacity) слоя до 10%.
  4. Создайте корректирующий слой Поиск цвета (Color Lookup). Установите фильтр FoggyNight из выпадающего меню 3dLUT File, а также уменьшите Непрозрачность (Opacity) слоя до 25%.
  5. Создайте корректирующий слой Поиск цвета (Color Lookup). Установите фильтр HorrorBlue из выпадающего меню 3dLUT File, а также уменьшите Непрозрачность (Opacity) слоя до 29%.
  6. Создайте корректирующий слой Кривые (Curves). Установите кривую, как показано на скриншоте ниже.
Adjust red curves Adjust red curves Adjust red curves

Сгруппируйте все корректирующие слои и слой со световым эффектом в одну группу. Назовите эту группу CC или Цветовая Коррекция (Color Correction).

Final layers Final layers Final layers

Мы завершили урок!

Мы освоили режимы наложения и слой-маски, инструмент Перо (Pen Tool) и текстуры. Запомните, всегда попробуйте и экспериментируйте! Существует более одного способа сделать что-то, и каждый из них будет уместен, так что получайте удовольствие и прислушивайтесь к своему инстинкту художника!

Не стесняйтесь задавать любые вопросы и делиться своими результатами в комментариях к уроку ниже!

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