Как объединить изображения и смешать слои в Photoshop

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

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

Настроить рабочий процесс

Первое, что нужно сделать, - это подготовить рабочий процесс.

1. Начните новый проект и поместите две фотографии на холст.

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

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

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

Начнем изучать, как совмещать изображения в Photoshop.

Как смешать изображения в Photoshop с параметрами непрозрачности

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

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

Ниже вы можете увидеть три разных уровня непрозрачности.

1. Во-первых, непрозрачность 70%.

Сначала выберите изображение в верхнем слое. Затем установите непрозрачность 70%.

2. Затем установите непрозрачность 50%.

Снова выберите изображение в верхнем слое и установите непрозрачность на 50%.

3. В-третьих, 30% непрозрачности.

На этот раз выберите изображение в верхнем слое и установите непрозрачность 30%.

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

Как совмещать изображения в Photoshop с помощью режимов наложения слоев

Другой практический метод смешивания изображений в фотошопе - использование режимов наложения слоев.

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

Вот практический список для вашей справки. Кроме того, в каждом режиме наложения есть сочетание клавиш, это Shift + Option + буква. Таким образом, я добавил соответствующую букву к каждому режиму наложения в списке ниже.

Это 27 режимов наложения:

Нормальные режимы наложения

Это обычные режимы наложения, которые технически ничего не делают.

Режим наложения «Растворение» меняется вместе с элементами управления непрозрачностью.

• Нормальный N
• Растворить I

Режимы наложения затемнения

Режимы наложения в этой группе затемняют изображение.

• Темнее K
• Умножить M
• Цвет Burn B
• Линейный прожиг A
• Более темный цвет

Осветлить режимы наложения

Это осветлит изображение.

• Осветлить G
• Экран S
• Цвет Dodge D
• Линейное уклонение (добавить) W
• Более светлый цвет

Контрастные режимы наложения

Эта группа режимов наложения добавляет контрастности изображению.

• Наложение O
• Мягкий свет F
• Жесткий свет H
• Яркий свет V
• Линейный свет J
• Пин Light Z
• Hard Mix L

Инверсионные режимы наложения

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

• Разница D
• Исключение X
• Вычесть
• Делить

Режимы наложения компонентов

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

• Hue U
• Насыщенность T
• Цвет C
• Светимость Y

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

Специальные режимы наложения

Я сказал 8 особенных? Да, есть 8 режимов наложения, которые можно настроить с помощью переключателя «Заливка», а также переключателя «Непрозрачность».

Эти:

• Цветной огонь.
• Линейный прожиг.
• Color Dodge.
• Linear Dodge (Добавить)
• Яркий свет.
• Линейный свет.
• Hard Mix.
• Разница.

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

Как применить режим наложения для объединения изображений

1. Настройте рабочий процесс, как описано выше, с двумя изображениями.

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

2. Примените режим наложения Multiply.

Теперь выберите верхний слой и выберите режим наложения «Умножение» в раскрывающемся меню. Изображение ниже имеет непрозрачность 60% и заливку 80%. Как видите, этот режим наложения сохраняет красивый темный город в нижней части композиции, в то время как лицо женщины не выглядит размытым.

3. Примените режим наложения Hard Light.

На этот раз выберите Hard Light Blend Mode в раскрывающемся меню. Как вы можете видеть ниже, этот режим наложения добавляет контраст фотографии города и волосам женщины. Однако цвета немного меняются и теряют естественность.

4. Примените смесь яркости.

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

5. Не переусердствуйте (или сделайте это)

Знание того, когда вы закончите, зависит от вашего желаемого результата. Например, смешивание слоев ниже называется «Разница», это одна из 8 специальных смешанных слоев, которые меняются с помощью переключателя «Заливка» вместо прозрачности. Мы устанавливаем заливку t0 на 100% для этого чрезмерного эффекта. Этот визуальный элемент может оказаться слишком большим для фона в модуле веб-сайта, но подойдет для плаката музыкального фестиваля.

6. Завершение и экспорт.

Для большей производительности используйте разные слои для каждого режима наложения. Не забывайте всегда хранить копию оригинала. Перетащите новый дубликат в верхнюю часть списка и скройте все остальные, щелкнув значок глаза. Когда вы выбрали режим наложения, который хотите использовать, щелкните глазом только этот и выберите «Файл»> «Экспорт»> «Сохранить для Интернета». Или используйте сочетание клавиш Option + Shift + Command + S

Маски слоя

Третий и последний прием, который мы рассматриваем сегодня, - это использование масок слоя.

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

Как объединить два изображения с помощью маски слоя

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

1. Откройте оба изображения на холсте.

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

2. Добавьте маску слоя на верхний слой.

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

3. Выберите инструмент "Градиент".

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

4. Примените градиент к слою с лесом.

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

5. Примените режим наложения Hard Light к слою Forest.

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

6. Добавьте несколько креативных штрихов с помощью инструмента «Кисть».

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

Выбрав маску слоя в слое с лесом, откройте инструмент кисти с белым цветом на переднем плане. Рисование белым цветом на маске слоя делает части слоя невидимыми.

Чтобы «стереть» некоторые черные области градиента маски слоя, мы будем использовать кисти разного размера и немного разную прозрачность. Тщательно смажьте участки круглой плитки для пола, чтобы создать творческую композицию. Если вы допустили ошибку, просто нажмите X, чтобы переключить черный цвет на передний план, и закрасьте ошибку. После этого просто нажмите X еще раз и продолжайте использовать белый цвет.

7. Сохранить и экспортировать

Когда вы закончите смешивать изображения, нажмите «Файл»> «Экспорт»> «Сохранить для Интернета» и вставьте композицию в любое место.

Заключение

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

Лучшее изображение через jiunn / shutterstock.com