Создаем динамичный коллаж с падающими камнями

Скачать архив с материалами к уроку

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

Сначала открываем фото, с которым будем работать. Для этого переходим File — Open (Файл — Открыть), выбираем нужное изображение и нажимаем кнопку Open (Открыть). Перед продолжением проверьте другие настройки:

1. Ваше фото должно быть в режиме RGB, 8 бит/канал. Чтобы проверить это, переходим Image — Mode (Изображение — Режим).
2. Чтобы получить качественный результат, размер вашей фотографии должен быть в пределах 1500–3500 пикселей в ширину и высоту. Чтобы проверить это, переходим Image — Image Size(Изображение — Размер изображения).
3. Ваша фотография должна быть фоном. Если это не так, переходим Layer — New — Background from Layer (Слой — Новый — Новый слой из заднего плана).

2. Работаем с фоном

Шаг 1

В этом разделе мы создадим новый фон. Переходим Layer — New Fill Layer — Solid Color (Слой — Новый слой-заливка — Цвет), чтобы создать слой со сплошной заливкой. Называем его «Заливка» и устанавливаем цвет на #262626, как показано ниже:

Шаг 2

Теперь нам нужно заполнить фон текстурой. Переходим Layer — New — Layer (Слой — Новый — Слой), чтобы создать новый слой, и называем его «Фоновая текстура 1».

Шаг 3

Жмем клавишу D, чтобы сбросить цвета на стандартные, и переходим Filter — Render — Clouds (Фильтр — Рендеринг — Облака).

Шаг 4

Теперь жмем Ctrl+T, чтобы активировать свободную трансформацию, и устанавливаем ширину и высоту текстуры на 150%, как показано ниже:

Шаг 5

Меняем решим смешивания текстуры на Overlay (Перекрытие) и уменьшаем Opacity (Непрозрачность) до 25%.

Шаг 6

Далее переходим Layer — New — Layer (Слой — Новый — Слой), чтобы добавить новый слой, и называем его «Фоновая текстура 2». Жмем клавишу D, чтобы сбросить цвета, и переходим Filter — Render — Clouds(Фильтр — Рендеринг — Облака). После этого нажимаем Ctrl+T и устанавливаем ширину и высоту на 150%, как показано ниже:

Шаг 7

Меняем решим смешивания текстуры на Hard Light (Жесткий свет), уменьшаем Opacity(Непрозрачность) до 50% и на панели слоев опускаем слой «Фоновая текстура 2» под «Фоновая текстура 1».

Шаг 8

Выбираем слой «Фоновая текстура 2», зажимаем клавишу Ctrl и кликаем по слою «Фоновая текстура 1», чтобы выделить их одновременно. Переходим Layer — New — Group from Layers (Слой — Новый — Группа из слоев), чтобы объединить выбранные слои в группу. Называем ее «Фоновые текстуры».

Шаг 9

Устанавливаем Opacity (Непрозрачность) группы на 59%.

3. Вырезаем модель

Шаг 1

В этом разделе мы будем вырезать модель на отдельный слой. Выбираем слой Background (Фон) и скрываем все остальные слои. Затем переходим Select — Color Range (Выделение — Цветовой диапазон). Используя пипетку, кликаем по желтой области на фото и устанавливаем Fuzziness (Разброс) на 100, как показано ниже:

Шаг 2

Теперь жмем Ctrl+Shift+I, чтобы инвертировать выделение, затем кликаем правой кнопкой по текущему слою и выбираем Duplicate Layer (Создать дубликат слоя). Перемещаем копию в самый верх панели слоев и называем «Модель». После этого включаем видимость всех слоев.

Шаг 3

Зажимаем Alt и кликаем по маске копии, чтобы открыть ее просмотр. Берем Brush Tool

(B) (Кисть), выбираем мягкую кисть и дорабатываем нужные места так, чтобы область с моделью была полностью белой, а фон — полностью черный. Закончив, снова зажимаем Alt и кликаем по маске, чтобы закрыть ее просмотр.

Шаг 4

Кликаем правой кнопкой по текущему слою и выбираем Apply Layer Mask (Применить слой-маску).

4. Настраиваем освещение и контрастность модели

Шаг 1

В этом разделе мы будем работать с освещением и контрастностью модели. Нажимаем Ctrl+J, чтобы дублировать слой «Модель», переходим Filter — Other — High Pass (Фильтр — Другое — Цветовой контраст). В открывшемся окне устанавливаем Radius (Радиус) на 20 пикселей.

Шаг 2

Теперь жмем Ctrl+Shift+U, чтобы обесцветить этот слой, меняем его режим смешивания на Overlay(Перекрытие) и уменьшаем Opacity (Непрозрачность) до 87%. Называем слой «Контрастность модели».

Шаг 3

Выбираем слой «Модель», жмем Ctrl+J, чтобы дублировать его, и перемещаем копию в самых верх панели слоев. Затем переходим Filter — Other — High Pass (Фильтр — Другое — Цветовой контраст) и устанавливаем Radius (Радиус) на 30 пикселей.

Шаг 4

Жмем Ctrl+Shift+U, чтобы обесцветить этот слой, меняем его режим смешивания на Screen (Осветление) и уменьшаем непрозрачность до 82%. Называем этот слой «Яркость модели».

Шаг 5

Не снимая выделение с текущего слоя, переходим Image — Auto Tone (Изображение — Автотон), затем Image — Auto Contrast (Изображение — Автоконтраст), чтобы применить автоматическую цветокоррекцию. Далее кликаем правой кнопкой мышки по этому слою, выбираем Blending Options(Параметры наложения) и настраиваем, как показано ниже:

5. Создаем камни

Шаг 1

В этом разделе мы будем создавать камни, которые распределим по всему полотну. Выбираем слой «Модель» и дублируем его (Ctrl+J). Перемещаем копию в самый верх панели слоев. Скрываем все остальные слои, переходим Filter — Pixelate — Crystallize (Фильтр — Оформление — Кристаллизация) и устанавливаем Cell Size (Размер ячейки) на 20, как показано ниже:

Шаг 2

Теперь жмем Ctrl+Shift+U, чтобы обесцветить слой, и переходим Image — Auto Tone (Изображение — Автотон) и Image — Auto Contrast (Изображение — Автоконтраст). Затем переходим Select — Color Range(Выделение — Цветовой диапазон) и кликаем пипеткой по модели, чтобы выделить части с выбранным диапазоном тональности. Устанавливаем Fuzziness (Разброс) на 5. После этого переходим Select — Select and Mask (Выделение — Выделить и замаскировать) (Примечание переводчика: в версияхPhotoshop CC 2015.1 и ниже эта функция называется Refine Edge (Уточнить край)).

Шаг 3

Выбираем слой «Модель» и нажимаем Ctrl+J, чтобы дублировать выделенную область на новый слой. Так как это первый слой с камнями, то называем его «Камни 1».

Шаг 4

Далее мы повторим весь процесс работы и создадим больше слоев с камнями. Выбираем слой «Модель копия» и переходим Select — Color Range (Выделение — Цветовой диапазон). Пипеткой кликаем по модели, чтобы выделить части с выбранным диапазоном тональности. Устанавливаем Fuzziness(Разброс) на 5. После этого переходим Select — Select and Mask (Выделение — Выделить и замаскировать) и применяем настройки, как показано ниже:

Шаг 5

Выбираем слой «Модель» и жмем Ctrl+J, чтобы дублировать выделенную область на новый слой. Называем его «Камни 2».

Шаг 6

Теперь повторяем этот процесс столько раз, сколько слоев с камнями хотите создать. У меня всего получилось 15 слоев. Иногда я устанавливал Shift Edge (Сместить край) в настройках Select and Mask(Выделить и замаскировать) на 50%, но вы можете поэкспериментировать с любыми настройками Selectand Mask (Выделить и замаскировать) и Color Range (Цветовой диапазон), чтобы подобрать наилучший результат.

Шаг 7

Кликаем правой кнопкой по слою «Модель копия» и выбираем Delete (Удалить). Затем выбираем слой «Камни 1», зажимаем клавишу Shift и кликаем по последнему слою с камнями (в моем случае это «Камни 15»), чтобы выделить их все. Затем переходим Layer — New — Group from Layers (Слой — Новый — Группа из слоев), чтобы объединить выделенные слои в группу, которую мы называем «Камни».

Шаг 8

Теперь выбираем слой «Модель», жмем Ctrl+J, чтобы дублировать его, и перемещаем в самый верх панели слоев. Включаем видимость этого слоя и переходим Filter — Pixelate — Crystallize (Фильтр — Оформление — Кристаллизация), устанавливаем Cell Size (Размер ячейки) на 50.

Шаг 9

Нажимаем Ctrl+Shift+U, чтобы обесцветить слой, и переходим Image — Auto Tone (Изображение — Автотон) и Image — Auto Contrast (Изображение — Автоконтраст). Затем переходим Select — Color Range(Выделение — Цветовой диапазон) и кликаем пипеткой по модели, чтобы выделить части с выбранным диапазоном тональности. Устанавливаем Fuzziness (Разброс) на 5. После этого переходим Select — Select and Mask (Выделение — Выделить и замаскировать) и настраиваем, как показано ниже:

Шаг 10

Выбираем слой «Модель» и жмем Ctrl+J, чтобы дублировать выделенную область на новый слой. Так как это первый слой с большими камнями, называем его «Большие камни 1».

Шаг 11

Теперь повторяем этот процесс столько раз, сколько слоев с большими камнями хотите создать. У меня всего получилось 14 слоев. Иногда я устанавливал Shift Edge (Сместить край) в настройках Select andMask (Выделить и замаскировать) на 50%, но вы можете поэкспериментировать с любыми настройками Select and Mask (Выделить и замаскировать) и Color Range (Цветовой диапазон), чтобы подобрать наилучший результат.

Шаг 12

Кликаем правой кнопкой по слою «Модель копия» и выбираем Delete (Удалить). Затем выбираем слой «Большие камни 1», зажимаем клавишу Shift и кликаем по последнему слою с камнями (в моем случае это «Большие камни 14»), чтобы выделить их все. Затем переходим Layer — New — Group from Layers(Слой — Новый — Группа из слоев), чтобы объединить выделенные слои в группу, которую мы называем «Большие камни».

Шаг 13

Теперь выбираем слой «Модель», жмем Ctrl+J, чтобы дублировать его, и перемещаем в самый верх панели слоев. Включаем видимость этого слоя и переходим Filter — Pixelate — Crystallize (Фильтр — Оформление — Кристаллизация), устанавливаем Cell Size (Размер ячейки) на 80.

Шаг 14

Нажимаем Ctrl+Shift+U, чтобы обесцветить слой, и переходим Image — Auto Tone (Изображение — Автотон) и Image — Auto Contrast (Изображение — Автоконтраст). Затем переходим Select — Color Range(Выделение — Цветовой диапазон) и кликаем пипеткой по модели, чтобы выделить части с выбранным диапазоном тональности. Устанавливаем Fuzziness (Разброс) на 5. После этого переходим Select — Select and Mask (Выделение — Выделить и замаскировать) и настраиваем, как показано ниже:

Шаг 15

Выбираем слой «Модель» и жмем Ctrl+J, чтобы дублировать выделенную область на новый слой. Так как это первый слой с очень большими камнями, называем его «Очень большие камни 1».

Шаг 16

Теперь повторяем этот процесс столько раз, сколько слоев с очень большими камнями хотите создать. У меня всего получилось 10 слоев. Иногда я устанавливал Shift Edge (Сместить край) в настройках Selectand Mask (Выделить и замаскировать) на 50%, но вы можете поэкспериментировать с любыми настройками Select and Mask (Выделить и замаскировать) и Color Range (Цветовой диапазон), чтобы подобрать наилучший результат.

Шаг 17

Кликаем правой кнопкой по слою «Модель копия» и выбираем Delete (Удалить). Затем выбираем слой «Очень большие камни 1», зажимаем клавишу Shift и кликаем по последнему слою с камнями (в моем случае это «Очень большие камни 10»), чтобы выделить их все. Затем переходим Layer — New — Groupfrom Layers (Слой — Новый — Группа из слоев), чтобы объединить выделенные слои в группу, которую мы называем «Очень большие камни».

Шаг 18

Теперь, чтобы камни выглядели реалистичнее, кликаем по слою «Камни 1» правой кнопкой мышки, выбираем Blending Options (Параметры смешивания) и настраиваем Bevel & Emboss (Тиснение), как показано ниже:

Шаг 19

Переходим Layer — Layer Style — Copy Layer Style (Слой — Стиль слоя — Скопировать стиль слоя), затем кликаем правой кнопкой по следующему слою с камнями и выбираем Paste Layer Style (Вклеить стиль слоя). Таким образом, вставляем скопированный стиль слоя на каждый слой с камнями. Можете использовать клавиши Ctrl и Shift, чтобы одновременно выделять несколько слоев и ускорить процесс вклеивания.

Шаг 20

Далее кликаем правой кнопкой по каждому слою с камнями и выбираем Rasterize Layer Style(Растрировать стиль слоя). Можете использовать клавиши Ctrl и Shift, чтобы одновременно выделять несколько слоев и ускорить процесс работы.

Шаг 21

Выбираем каждый слой с камнями и нажимаем Ctrl+Shift+U, чтобы обесцветить их. Затем включаем видимость всех слоев.

6. Распределяем камни по композиции

Шаг 1

В этом разделе мы будем распределять созданные камни по рабочему полотну. Выбираем слой «Камни 1», жмем Ctrl+T и устанавливаем ширину и высоту на 114%, как показано ниже:

Шаг 2

Таким же способом трансформируем другие камни. Не бойтесь экспериментировать с другими параметрами трансформации. Вот такой результат получился у меня:

Шаг 3

Чтобы добавить глубины для эффекта с камнями, мы применим размытие. К нескольким слоям с камнями применяем фильтр Filter — Blur — Gaussian Blur (Фильтр — Размытие — Размытие по Гауссу) и устанавливаем Radius (Радиус) на 5 пикселей.

Шаг 4

Можете применить размытие к любым слоям с камнями. Также не бойтесь экспериментировать с уровнем размытия. Вот такой результат получился у меня:

Шаг 5

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

• Чтобы переместить камни, выбираем нужный слой, активируем Move Tool
• (V) (Перемещение), кликаем по полотну и тянем мышкой нужный объект.
  Если вы хотите удалить некоторые камни, выбираем нужный слой и переходим Layer — LayerMask — Reveal All (Слой — Слой-маска — Показать все), чтобы добавить на слой пустую маску. Затем, не снимая выделение с маски, берем Brush Tool (B) (Кисть), выбираем мягкую кисточку и черный цвет, затем проводим по камням, которые нужно удалить.
• Если вы хотите трансформировать камни, выбираем нужный слой, жмем Ctrl+T и на верхней панели свойств меняем параметры ширины и высоты.
• Если вы хотите применить размытие к камням, выбираем нужный слой и переходим Filter — Blur — Gaussian Blur (Фильтр — Размытие — Размытие по Гауссу). Устанавливаем подходящее значение Radius (Радиус).

После всех доработок получаем вот такой результат:

Шаг 6

Выбираем группу «Камни», зажимаем клавишу Ctrl и кликаем по группам «Большие камни» и «Очень большие камни», чтобы выбрать их одновременно, затем перемещаем все группы в самый верх панели слоев.

7. Добавляем освещение и фокус

Шаг 1

В этом разделе мы будем работать с освещением и фокусом композиции. Выбираем группу «Камни», переходим Layer — New — Layer (Слой — Новый — Слой), чтобы создать новый слой, и называем его «Темные края».

Шаг 2

Жмем клавишу D, чтобы сбросить цвета на стандартные, затем переходим Edit — Fill (Редактирование — Выполнить заливку). В открывшемся окне устанавливаем Contents (Содержимое) на Foreground Color(Основной цвет), Blending (Наложение) — на Normal (Нормальный) и Opacity (Непрозрачность) — на 100%.

Шаг 3

Жмем Ctrl+A, чтобы выделить весь документ, и переходим Layer — Layer Mask — Hide Selection (Слой — Слой-маска — Скрыть выделенную область), чтобы создать маску по форме выделения. Затем нажимаем левой кнопкой по значку цепи между миниатюрой и маской, чтобы разъединить их.

Шаг 4

Не снимая выделение с маски, нажимаем Ctrl+T и устанавливаем ширину и высоту на 89%, как показано ниже:

Шаг 5

Не снимая выделение с маски, переходим Filter — Blur — Gaussian Blur (Фильтр — Размытие — Размытие по Гауссу) и устанавливаем Radius (Радиус) на 180 пикселей.

Шаг 6

Устанавливаем непрозрачность этого слоя на 83%, затем переходим Layer — New — Layer (Слой — Новый — Слой), чтобы создать новый слой, называем его «Источник света».

Шаг 7

Жмем D, чтобы сбросить цвета на стандартные, переходим Edit — Fill (Редактирование — Выполнить заливку). В открывшемся окне устанавливаем Contents (Содержимое) на Foreground Color (Основной цвет), Blending (Наложение) — на Normal (Нормальный) и Opacity (Непрозрачность) — на 100%.

Шаг 8

Нажимаем Ctrl+A, чтобы выделить весь документ, и берем Rectangular Marquee Tool

(M) (Прямоугольное выделение). Кликаем правой кнопкой по документу, выбираем Transform Selection(Трансформировать выделенную область), на верхней панели свойств устанавливаем центр преобразования по центру в верхнем ряду и высоту — на 50%.

Шаг 9

Теперь переходим Layer — Layer Mask — Reveal Selection (Слой — Слой-маска — Показать выделенную область), чтобы добавить маску по форме выделенной области. Затем кликаем правой кнопкой по маске на панели слоев и выбираем Apply Layer Mask (Применить слой-маску). Далее применяем Filter — Blur — Motion Blur (Фильтр — Размытие — Размытие в движении), устанавливаем Angle (Угол) на 90 и Distance(Смещение) — на 1450 пикселей.

Шаг 10

Кликаем правой кнопкой мышки по этому слою, выбираем Blending Options (Параметры наложения), активируем Gradient Overlay (Наложение градиента) и настраиваем его:

Шаг 11

Уменьшаем Opacity (Непрозрачность) слоя до 50% и Fill (Заливка) — до 0%.

Шаг 12

Выделяем слой «Модель», кликаем по нему правой кнопкой мышки и выбираем Blending Options(Параметры наложения). Активируем Gradient Overlay (Наложение градиента) и настраиваем его:

Шаг 13

Выбираем слой «Яркость модели» и уменьшаем его Opacity (Непрозрачность) до 31%.

8. Применяем корректирующие слои

Шаг 1

В этом разделе мы применим несколько корректирующих слоев, чтобы получить финальный результат. Выбираем слой «Источник света», жмем клавишу D, чтобы сбросить цвета на стандартные, переходим Layer — New Adjustment Layer — Gradient Map (Слой — Новый корректирующий слой — Карта градиента) и называем корректирующий слой «Общая контрастность».

Шаг 2

Меняем режим смешивания слоя на Overlay (Перекрытие) и уменьшаем непрозрачность до 41%.

Шаг 3

Переходим Layer — New Adjustment Layer — Levels (Слой — Новый корректирующий слой — Уровни), называем новый корректирующий слой «Общая яркость».

Шаг 4

Дважды кликаем по миниатюре корректирующего слоя и на панели Properties (Свойства) настраиваем его:

Шаг 5

Теперь переходим Layer — New Fill Layer — Solid Color (Слой — Новый слой-заливка — Цвет), называем этот слой «Общий цвет» и выбираем цвет #455665.

Шаг 6

Меняем режим смешивания слоя на Color (Цветность) и переходим Layer — New Adjustment Layer — Saturation (Слой — Новый корректирующий слой — Насыщенность), называем новый корректирующий слой «Общая насыщенность».

Шаг 7

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

Шаг 8

Теперь жмем Ctrl+Alt+Shift+E, чтобы объединить все видимые слои на отдельном новом слое, затем Ctrl+Shift+U, чтобы обесцветить его. Затем переходим Filter — Other — High Pass (Фильтр — Другое — Цветовой контраст) и устанавливаем Radius (Радиус) на 2 пикселя.

Шаг 9

Меняем режим смешивания этого слоя на Hard Light (Жесткий свет) и называем «Общая резкость».

Поздравляю, вы успешно закончили урок! Вот так выглядит финальный результат:

PFY