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

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

Разве не было бы замечательно, если бы вместо того, чтобы быть вынужденным выбирать между ними, был бы простой способ объединить два изображения, сохранив только лучшие элементы каждой фотографии, чтобы создать этот неуловимый, идеальный снимок? К счастью, есть!

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

Я буду использовать Photoshop CC (Creative Cloud) здесь, но это руководство также полностью совместимо с Photoshop CS6.

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

Это второе фото, сделанное несколькими секундами ранее, дает мне лучший обзор лошади слева, но лошадь справа еще дальше в кадре и не так интересна, как это было в первом кадре:

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

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

Шаг 1. Загрузите оба изображения в один и тот же документ

Прежде чем мы сможем выровнять и объединить наши фотографии, нам сначала нужен способ поместить их оба в один и тот же документ, причем каждое изображение находится на отдельном слое . На самом деле есть простой способ сделать это, но мало кто знает об этом. Просто зайдите в меню « Файл» в строке меню в верхней части экрана, выберите « Сценарии» , а затем « Загрузить файлы в стек» :

Если «Загрузить файлы в стек» звучит запутанно (что и делает), вместо этого думайте об этом как «Загрузить файлы в слои », потому что это именно то, что делает скрипт; он открывает два или более изображения в одном и том же документе и размещает каждое изображение на своем собственном слое. На самом деле в Adobe Bridge есть команда «Загрузить файлы в слои Photoshop», которая делает то же самое, но для этого урока мы будем придерживаться Photoshop.

После того, как вы выбрали сценарий, Photoshop откроет диалоговое окно « Загрузить слои ». Здесь мы сообщаем Photoshop, какие изображения открывать. Нажмите кнопку Обзор :

Перейдите в папку на жестком диске, где находятся изображения, которые вы хотите объединить. В моем случае обе мои фотографии находятся в папке на рабочем столе. Я нажму на первое изображение, чтобы выбрать его, затем я нажму и удерживаю клавишу Shift и нажимаю на второе изображение. Это выбирает оба изображения одновременно. Выбрав обе ваши фотографии, нажмите кнопку Открыть :

Вы увидите выбранные изображения в списке в центре диалогового окна «Загрузить слои». Нажмите OK, чтобы загрузить их в Photoshop:

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

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

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

Узнайте все о слоях в Photoshop!

Шаг 2: выберите оба слоя

Через некоторое время мы собираемся выровнять изображения, но для этого сначала нужно выбрать оба слоя. Нажмите на верхний слой на панели «Слои», чтобы выбрать его, если он еще не выбран. Затем нажмите и удерживайте клавишу Shift и нажмите на нижний слой . Это выберет оба слоя одновременно:

Шаг 3: Автоматическое выравнивание слоев

Выбрав оба слоя, перейдите в меню « Правка» в верхней части экрана и выберите « Автоматическое выравнивание слоев» :

Это открывает диалоговое окно Auto-Align Layers. Photoshop вполне способен делать потрясающую работу при выравнивании изображений, поэтому мы позволим ему выполнить всю работу. Оставьте параметр « Проекция» вверху установленным на « Авто» (по умолчанию), затем нажмите «ОК»:

Опять же, это может занять несколько минут, но когда это будет сделано, ваши фотографии должны быть выровнены друг с другом. Вы можете щелкнуть значок видимости каждого слоя на панели «Слои», чтобы включить или выключить его и посмотреть, какие изменения внес Photoshop, чтобы выровнять их. Я нажму на значок видимости моего нижнего слоя, чтобы временно отключить этот слой:

Это позволяет мне просматривать только верхнее изображение, и здесь мы видим, что для выравнивания обеих фотографий Photoshop изменил размеры и повернул верхнее изображение. Рисунок шахматной доски вокруг изображения — это способ представления прозрачности в Photoshop:

Я снова нажму на тот же значок видимости, чтобы снова включить нижний слой:

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

Шаг 4: выберите верхний слой

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

Шаг 5: добавь маску слоя

Нажмите на иконку Add Layer Mask внизу панели Layers:

С изображением в основной области документа ничего не произойдет, но в верхнем слое на панели «Слои» появится миниатюра маски слоя, заполненная белым цветом . Если вы хотите узнать больше о том, как работают маски слоев, обязательно ознакомьтесь с нашим полным уроком Понимание масок слоев в Photoshop :

Шаг 6: выбери инструмент Brush Tool

Чтобы скрыть ненужные области, нам нужно нарисовать маску слоя кистью. Для этого нам понадобится кисть в Photoshop . Выберите Brush Tool на панели инструментов в левой части экрана:

Шаг 7: выбери мягкую круглую кисть

С выбран инструмент Brush Tool, нажмите на Brush Presets значок в панели параметров вдоль верхней части экрана:

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

Шаг 8: установите цвет переднего плана на черный

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

Вы можете видеть текущие цвета переднего плана и фона в образцах цветов в нижней части панели «Инструменты». Ваш образец цвета переднего плана — тот, что вверху слева. Теперь он должен быть заполнен черным:

Шаг 9: закрась области, чтобы скрыть их и показать изображение под

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

Полезные советы

Вот несколько полезных советов, которые помогут вам рисовать на маске. Чтобы изменить размер кисти с клавиатуры, нажмите левую клавишу скобка ( [ ), чтобы сделать его меньше или правая клавиша скобка ( ] ) , чтобы сделать его больше . Чтобы изменить жесткость кисти , нажмите и удерживайте клавишу Shift, одновременно нажимая левую клавишу скобки, чтобы сделать края мягче, или правую клавишу скобки, чтобы сделать их жестче .

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

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

Я также хочу убедиться, что я поменяю тень, отбрасываемую лошадью, поэтому я также закрашу эту область:

Сравнение оригинальной и составной версий

Если вы хотите сравнить исходную и составную версии, вы можете временно отключить маску слоя, нажав и удерживая клавишу Shift и щелкнув миниатюру маски слоя на панели «Слои». Появится красный «X», сообщающий, что маска отключена:

С отключенной маской мы видим исходную неотредактированную версию:

Нажмите и удерживайте Shift и снова нажмите на миниатюру маски слоя, чтобы снова включить маску и просмотреть составную версию:

Чтобы исправить эту резкую горизонтальную линию в верхней части изображения, где оттенок синего не совпадает между изображениями, я несколько раз нажму правую клавишу скобки ( ] ) на клавиатуре, чтобы увеличить размер кисти, и так как мой край кисти по-прежнему приятный и мягкий, я просто нарисую эту линию, чтобы создать плавный переход между фотографиями:

Просмотр маски слоя в документе

Если вы хотите просмотреть саму маску слоя в документе, чтобы точно видеть, где вы нарисовали, нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и нажмите на миниатюру маски слоя в Панель слоев:

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

Чтобы скрыть маску слоя и вернуться к своему изображению, еще раз нажмите и удерживайте нажатой клавишу Alt (Победа) / Option (Mac) и нажмите на миниатюру маски слоя . И с этим мы закончили! Вот мой окончательный композит из двух оригинальных фотографий:

И там у нас это есть! Вот как можно легко открывать, выравнивать и объединять два изображения, используя малоизвестную команду «Загрузить файлы как стек», мощную команду «Автоматическое выравнивание слоев» и простую маску слоя в Photoshop! Посетите наш раздел « Фото-ретуширование », чтобы узнать больше о Photoshop!