Создаём Сцену Разрушенного Города в Adobe Photoshop
Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)



В этом уроке я покажу вам, как создать сцену разрушенного города. Вы узнаете, как разрушить город путём добавления разрушенных и повреждённых элементов и совмещении их с помощью корректирующих слоёв, коррекции маски и кистей.
Я также дам вам простые советы, как придать сцене невзрачный вид, как настроить свет и контрастность, а также, как создать тёмную и призрачную атмосферу. Выполняя этот урок, вы узнаете, как работать с группами, управлять слоями и обращать внимание на детали.
Исходные материалы
Следующие исходные материалы были использованы для создания данного урока:
- Город
- Небо 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%.



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





