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

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

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

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

• Город
• Небо 1
• Небо 2
• Гранжевые кисти
• Обломки
• Разрушенное Здание 1
• Разрушенное Здание 2
• Железные Балки
• Разбитые Окна
• Дыра 1
• Дыра 2
• Дыра 3

1. Создаём Основную Атмосферу

Шаг 1

Создайте новый документ 2000 x 1500 рх в программе Photoshop. Установите настройки, которые указаны на скриншоте ниже.

Шаг 2

Откройте исходное изображение с городом. Переместите данное изображение на наш рабочий документ с помощью инструмента Перемещение (Move Tool (V).

Шаг 3

Откройте исходное изображение с небом 1. С помощью инструмента Перемещение (Move Tool (V), переместите небо на наш рабочий документ, расположив поверх изображения города и с помощью инструмента Свободная Трансформация (Free Transform Tool (Ctrl+T), слегка поверните изображение:

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

Шаг 4

К слою с небом, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски, чтобы слегка уменьшить насыщенность неба. Идём Слой – Новый корректирующий слой - Цветовой тон / Насыщенность (Layer > New Adjustment Layer > Hue Saturation). Уменьшите значение Насыщенности (Saturation) до -42:

Шаг 5

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

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

Шаг 6

На некоторых окнах зданий присутствуют нежелательные детали. Создайте новый слой в качестве обтравочной маски и с помощью инструмента Штамп (Clone Tool (S), удалите эти детали.

Шаг 7

Создайте новый слой, поменяйте режим наложения для данного слоя на Перекрытие (Overlay), непрозрачность 100%, а затем выполните заливку 50% серым (fill with 50% gray).

Выберите инструмент Затемнитель (Burn Tool (O), установите Диапазон (Range) на Средние тона (Midtones), а значение Экспозиции (Exposure) примерно на 15-20%, а затем затемните край на левом здании (от наблюдателя), а также восстановите эффект невзрачности здания. Вы можете увидеть результат моей обработки на скриншоте ниже при режиме Нормальный (Normal) и результат при режиме Перекрытие (Overlay):

Шаг 8

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски. Уменьшите значение Насыщенности (Saturation) до -45:

Шаг 9

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

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

2. Добавляем Обломки

Шаг 1

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

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

Шаг 2

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

Шаг 3

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

Шаг 4

Выделите все слои с обломками, а затем нажмите клавиши (Ctrl+G), чтобы сгруппировать их в одну группу. Поменяйте режим наложения для данного слоя с группой с режима Пропустить (Pass Through), режим по умолчанию для группы на режим Нормальный (Normal), непрозрачность слоя 100%. Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) внутри созданной группы Уменьшите значение Насыщенности (Saturation) до -73.

Шаг 5

Добавьте корректирующий слой Кривые (Curves), чтобы усилить яркость.

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

Шаг 6

Добавьте ещё один корректирующий слой Кривые (Curves), чтобы усилить дымку.

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

3. Добавляем Железные Балки

Шаг 1

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

Откройте исходное изображение с железными балками. С помощью инструмента Волшебная палочка (Magic Wand Tool), выделите балки на потолке, а затем вклейте их на верхнюю часть здания слева. Поверните изображение с помощью трансформации (Ctrl+T).

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

Шаг 2

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

Шаг 3

Сгруппируйте слои с балками в одну группу, точно так же, как вы проделывали с обломками. Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) внутри созданной группы Уменьшите значение Насыщенности (Saturation) до -88, чтобы уменьшить их яркость. Примечание переводчика: не забудьте поменять режим наложения для слоя с группой на Нормальный.

Шаг 4

Добавьте корректирующий слой Кривые (Curves), чтобы усилить эффект дымки на балках.

4. Добавляем Руины и Окна

Шаг 1

Откройте исходное изображение с разрушенным зданием 1. Выделите часть изображения с помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool (L).

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

Шаг 2

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски. Уменьшите значение Насыщенности (Saturation) до -89.

Шаг 3

Добавьте корректирующий слой Кривые (Curves) в качестве обтравочной маски. Потяните кривую вверх, чтобы усилить яркость.

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

Шаг 4

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

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

Шаг 5

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

Шаг 6

Выделите ещё один фрагмент разрушенного здания 2, расположите его у края самого высокого здания, а затем поверните его (Ctrl+T).

Шаг 7

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

Шаг 8

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

Шаг 9

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

Шаг 10

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

Шаг 11

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

Совместите арматуру с обломками с помощью слой-маски.

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

Шаг 12

Сгруппируйте эти два слоя с арматурой. Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Уменьшите значение Насыщенности (Saturation) до -100, чтобы полностью удалить синий цвет заливки.

Шаг 13

Откройте исходное изображение с разбитыми окнами. Выделите два из них с помощью инструмента Прямоугольное область (Rectangular Marquee Tool (M).

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

Шаг 14

Продолжайте добавлять эффект разбитых окон на фасады зданий. Вы можете увидеть мой результат на скриншоте ниже:

Шаг 15

Сгруппируйте слои с разбитыми окнами в одну группу. Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Уменьшите значение Насыщенности (Saturation) до -80:

Шаг 16

Добавьте корректирующий слой Кривые (Curves), чтобы увеличить яркость.

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

Шаг 17

Добавьте ещё один корректирующий слой Кривые (Curves), чтобы затемнить отдельные окна.

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

5. Добавляем Дыры

Шаг 1

Откройте исходное изображение дырой 1. Переместите данное изображение на фасад здания слева с помощью инструмента Перемещения (Move Tool).

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

Шаг 2

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

Шаг 3

Ещё раз продублируй те данный слой, сместите дубликат слоя на здание в центре, а затем поверните изображение (Ctrl+T).

Шаг 4

Сгруппируйте эти слои с дырами в одну группу. Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Уменьшите значение Насыщенности (Saturation) до -87.

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

Сгруппируйте все эти слои с дырами в одну группу. Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Уменьшите значение Насыщенности (Saturation) до -100.

Шаг 9

Добавьте корректирующий слой Кривые (Curves), чтобы затемнить дыры.

Шаг 10

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

Шаг 11

Переместите исходное изображение с дырой 3 на верхнюю часть здания слева, а затем трансформируйте дыру (Ctrl+T).  С помощью слой-маски, создайте затенение с фасадом здания.

Шаг 12

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

Шаг 13

Сгруппируйте эти слоя с дырами в одну группу.  Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), чтобы обесцветить их.

Шаг 14

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

6. Усиливаем Окружающую Атмосферу

Шаг 1

Добавьте корректирующий слой Кривые (Curves) поверх всех остальных слоёв, включая слой с небом, чтобы уменьшить яркость.

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

Шаг 2

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

Шаг 3

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

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

7. Проводим Заключительную Цветовую Коррекцию

Шаг 1

Добавьте корректирующий слой Карта градиента (Gradient Map). Установите следующие цвета градиента: #2e4657 и #30c7ff. Поменяйте режим наложения для данного корректирующего слоя на Мягкий свет (Soft Light), непрозрачность слоя 100%.

Шаг 2

Добавьте корректирующий слой Цветовой Баланс (Color Balance). Поменяйте значения для Средних тонов (Midtones) и Света (Highlights), чтобы усилить цвет теней и света всей сцены.

Шаг 3

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

Шаг 4

Заключительная коррекция деталей: Создайте новый слой и с помощью мягкой кисти, цвет кисти #bbc9bb, прокрасьте правый край рядом с самым высоким зданием, чтобы слегка затемнить его. Поменяйте режим наложения для данного слоя на Умножение (Multiply), непрозрачность слоя 100%.

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

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