Как поставить рядом две фотографии в фотошопе
Обновлено: 06.07.2024
В этом уроке я покажу три простых способа совмещения двух изображений в программе Photoshop. Начнем с наиболее распространенного способа – с помощью опции «Непрозрачность» на панели слоев. Далее мы рассмотрим, как получить более интересные результаты, применяя режимы наложения. И в конце, мы изучим, как легко совместить два изображения с помощью маски слоя. Также я поделюсь быстрыми советами при изучении каждого способа, как увеличить скорость выполнения работы и получить наилучший результат.
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.
Способ 1: Опция «Непрозрачность»
Первый способ, который мы рассмотрим для совмещения двух изображений, — это опция «Непрозрачность» (Opacity) на панели слоев. Ниже вы видите первое изображение:
Первое изображение. Источник: Adobe Stock.
А вот и второе изображение:
Второе изображение. Источник: Adobe Stock.
Если мы посмотрим на панель слоев, то увидим, что два изображения размещены на отдельных слоях. Изображение с пляжем – на слое заднего фона, а портрет девушки – на «Слое 1» (Layer 1) над ним:
На панели слоев каждое изображение представлено на отдельном слое.
Значение непрозрачности
Опция «Непрозрачность» (Opacity) расположена в правой верхней части панели слоев. По умолчанию, непрозрачность слоя равна 100%. Это означает, что активный выбранный слой («Слой 1» в нашем случае) полностью закрывает нижележащий слой.
Опция «Непрозрачность», по умолчанию, равна 100%
Опция «Непрозрачность» отвечает за степень прозрачности слоя. Просто уменьшая значение непрозрачности, мы делаем слой более прозрачным, тем самым, проявляя нижележащее изображение. Чем больше мы понизим непрозрачность, тем более бледным станет верхнее изображение и тем сильнее проявится нижнее изображение. В моем случае, я уменьшу непрозрачность со 100% до 75%:
Уменьшаем непрозрачность верхнего слоя до 75%
Это означает, что теперь 75% верхнего изображения смешалось с 25% нижележащего изображения. В нашем случае видно, что изображение с девушкой стало совмещаться с изображением с пляжем.
Результат понижения непрозрачности верхнего слоя до 75%
Если я хочу еще сильнее проявить нижележащее изображение, я могу просто далее понизить непрозрачность. Я уменьшу ее до 30%:
Установим непрозрачность верхнего слоя на 30%
При 30%-ной непрозрачности, мы сможем увидеть только 30% от верхнего изображения и 70% от нижнего, что создаст красивый эффект смешения. В своих работах вы можете регулировать значение непрозрачности, как пожелаете:
Результат понижения непрозрачности верхнего слоя до 30%
Быстрый совет: как устанавливать значение непрозрачности с помощью клавиш на клавиатуре
Далее я дам совет, как повысить скорость работы. Вы можете изменять значение непрозрачности слоя прямо с клавиатуры. Нажмите 1 для изменения значения на 10%, 2 – на 20%, 3 – на 30% и т.д. Нажмите быстро две цифры подряд для установки более точных значений (например, 2 и 5 – для 25%). Вы также можете нажать 0 – для установки 100% непрозрачности или быстро нажать два раза 0 – для 0%.
Способ 2: Режимы наложения
Второй способ, с помощью которого можно совместить два изображения – это использование режимов наложения слоя. Режимы наложения отлично подходят для совмещения изображений, особенно для совмещения фотографии и текстуры. Ниже представлен портрет мужчины, который я открыл в программе:
Первое изображение. Источник: Adobe Stock.
Я совмещу портрет с изображением текстуры:
Второе изображение. Источник: Adobe Stock.
И снова, если мы посмотрим на панель слоев, то увидим, что каждое изображение расположено на отдельном слое. Портрет размещен на слое заднего фона, а текстура – на слое над ним:
И снова на панели слоев видно, что каждое изображение размещено на отдельном слое
Параметр «Режимы наложения»
Режимы наложения в программе Photoshop – это различные способы взаимодействия слоев. Параметр «Режимы наложения» (Blend Mode) расположен в левой верхней части панели слоев, как раз напротив параметра «Непрозрачность» (Opacity). По умолчанию, режим наложения установлен на «Обычные» (Normal). При выборе данного режима слой никаким образом не смешивается с нижележащими слоями:
Параметр «Режимы наложения»
Кликните по слову «Обычные» (Normal), чтобы открыть меню, где представлены различные режимы наложения. Мы не будем рассматривать их все, более подробно я рассказал про них в уроке «Основные режимы наложения» . Однако отмечу три наиболее известных и полезных режимов: Умножение (Multiply), Экран (Screen) и Перекрытие (Overlay). Режим наложения «Умножение» создает эффект затемнения, режим «Экран» - эффект осветления, а режим «Перекрытие» смешивает два слоя таким образом, чтобы повысить контраст изображения в целом:
Результат применения режимов наложения: Умножение (слева), Экран (в центре), Перекрытие «справа»
Результаты, которые вы получите от применения различных режимов наложения, будут зависеть от исходных изображений. В моем случае, наилучший результат получился при использовании режима «Мягкий свет» (Soft Light):
Изменим режим наложения на «Мягкий свет»
Так же, как и режим «Перекрытие», «Мягкий свет» смешивает два изображения таким образом, чтобы повысить контраст в целом. Разница заключается в том, что режим «Мягкий свет» создает более мягкий и естественный эффект:
Результат после применения режим наложения «Мягкий свет»
Еще один режим наложения, который отлично подойдет для этих двух изображений – это режим «Разделить» (Divide):
Изменяем режим наложения на «Разделить»
Режим наложения «Разделить» относится к менее известным и более редко используемым режимам наложения. Но в моем случае он смотрится действительно превосходно:
Эффект наложения текстуры при выбранном режиме «Разделить»
Сочетание режимов наложения с уровнем непрозрачности
После того как вы выбрали режим наложения, вы можете достичь подходящего результата, настраивая нужный уровень непрозрачности, как мы рассмотрели ранее. Я оставлю режим наложения «Разделить» (Divide), а непрозрачность (Opacity) уменьшу со 100% до 50%:
Оставляем режим наложения установленным на «Разделить», и уменьшаем непрозрачность до 50%
И вот результат:
Сочетание режима наложения с уменьшенным уровнем непрозрачности дает нам менее выраженный эффект
Быстрый совет: как изменять режимы наложения с помощью клавиш на клавиатуре
Способ 3: Использование маски слоя
Третий способ совмещения изображений, который мы рассмотрим в нашем уроке и который является наиболее популярным, — это применение маски слоя. В отличие от параметра «Непрозрачность слоя» и режимов наложения, которые совмещают изображения целиком, маски слоя позволяют нам выбирать и контролировать области изображений, которые мы хотим совместить. Использование масок слоя дают нам много возможностей, о которых не расскажешь за один урок. В моем случае, я познакомлю вас с основами применения масок слоя:
Вот первое изображение, с которым я буду работать:
Первое изображение. Источник: Adobe Stock
А вот второе изображение:
Второе изображение. Источник: Adobe Stock
И снова, если мы посмотрим на панель слоев, то увидим, что каждое изображение размещено на отдельном слое. Фотография одуванчика – на слое заднего фона, а изображение с девушкой – на «Слое 1» (Layer 1) над ним:
Каждая фотография на отдельном слое
Добавление маски слоя
Для того чтобы добавить маску слоя, сначала убедитесь, что активен верхний слой. Далее, кликните по иконке «Добавить маску слоя» (Add Layer Mask), расположенную в нижней части панели слоев:
Кликаем по иконке «Добавить маску слоя»
И рядом с миниатюрой слоя появилась миниатюра маски слоя:
Новая миниатюра маски слоя
Как работает маска слоя
Маски слоя управляют степенью прозрачности слоя, так же как и в случае с параметром «Непрозрачность», который можно увидеть на панели слоев. Но, в то время как параметр «Непрозрачность» влияет на степень прозрачности всего слоя, маска слоя позволяет нам устанавливать для отдельных областей слоя разную степень прозрачности. Другими словами, мы можем использовать маску слоя, чтобы одни области слоя показать, а другие скрыть, что замечательным образом подходит для совмещения изображений.
Маски слоя работают на основе черного и белого цветов. Любая область слоя, где маска слоя залита белым, остается видимой. А любая область слоя, где маска залита черным – спрятана из вида. Давайте рассмотрим, как можно быстро совместить два изображения, залив маску слоя черно-белым градиентом.
Выбор инструмента «Градиент»
Выбираем инструмент «Градиент» (Gradient Tool) на панели инструментов:
Выбираем инструмент «Градиент»
Выбираем черно-белый градиент
Выбрав инструмент «Градиент», переходим на панель настроек в верхней части экрана и кликаем по стрелочке справа от образца градиента:
Кликаем по стрелочке справа от образца градиента
В палитре градиентов выбираем черно-белый (Black, White) градиент, дважды кликнув по его миниатюре (третий слева в верхнем ряду):
Выбираем черно-белый градиент
Совмещение двух изображений
Убедитесь, что выбрана слой-маска, а не само изображение. Для этого кликните по миниатюре слой-маски и дождитесь, пока вокруг миниатюры не появится подсвеченная граница:
Кликаем по миниатюре, чтобы выбрать маску слоя
Далее кликните по самому изображению и, удерживая кнопку мышки нажатой, протяните черно-белый градиент. Помните, что черный цвет скрывает часть слоя, а белый – отображает. В моем случае, я хочу оставить левую сторону изображения (там, где девочка) видимой, поэтому левая часть маски должна быть белого цвета. Правую сторону изображения я хочу скрыть, поэтому ее надо закрасить в черный цвет. Поскольку градиент будет начинаться с чёрного цвета и заканчиваться белым, я кликну по правой стороне изображения и протяну курсор в горизонтальной плоскости. Чтобы линия направления была прямой, удерживайте нажатой клавишу Shift:
Примените черно-белый градиент к маске слоя справа налево
Когда вы отпустите кнопку мышки, программа Photoshop нарисует градиент на маске слоя и совместит два изображения вместе. Итак, нам стала видна девушка с верхнего изображения и одуванчики – с нижнего. Если вам не понравился результат, просто протяните по маске еще один градиент:
Теперь два изображения совмещены вместе
Просмотр маски слоя
Если мы посмотрим на миниатюру слой-маски на панели слоев, то увидим, где был нарисован градиент. Черная область справа – это область, где верхнее изображение скрыто из вида, позволяя тем самым проявиться изображению на слое заднего фона. А белая область слева показывает нам часть, где верхнее изображение остается видимым:
Миниатюра слой-маски отображает градиент
Мы также можем увидеть саму маску слоя в документе. Если вы нажмете и удержите клавишу Alt (Win) / Option (Mac), кликнув при этом по миниатюре маски слоя, то переключитесь на режим просмотра масок слоя в документе. Тогда станет проще и нагляднее понимать, что происходит. И снова, черная область справа отображает то место, где верхний слой скрыт из вида, а белая область слева – где он виден.
Также обратите внимание на серую область посередине, где градиент постепенно переходит из черного в белый. Эта область создает плавный переход между слоями, позволяя им соединиться в единое изображение без видимых границ. Для того чтобы обратно переключиться на режим просмотра изображений, снова нажмите и удержите клавишу Alt (Win) / Option (Mac) и кликните по миниатюре маски слоя на панели слоев:
Градиент от темного к светлому оттенку в середине позволяет двум изображениям соединиться в единое без видимых переходов
Быстрый совет: как включать и выключать маску слоя
И опять я дам небольшой совет по работе с масками слоя. Вы можете включать/выключать маску слоя, кликая по миниатюре маски слоя на панели слоев при нажатой клавише Shift. Кликните по миниатюре один раз, чтобы временно отключить маску и просмотреть весь слой. Красный крест, который появится на миниатюре, даст вам знать, что маска убрана. Кликните по миниатюре еще раз, удерживая нажатой клавишу Shift, чтоб снова включить маску слоя:
Нажмите клавишу Shift и кликните по миниатюре маски слоя для ее включения/отключения
И вот мы закончили! Мы с вами рассмотрели, как совместить два изображения в программе Photoshop, используя параметр «Непрозрачность», режимы наложения и маски слоя.
Не знаете как объединить две фотографии в одну? Мы покажем как объединить два фото в одно изображение с помощью Photoshop. Эта статья представляет собой пошаговое руководство для Photoshop CC и CS6.
В примере используем фотографии в портретной (вертикальной) ориентации, чтобы составное изображение не получилось широким. Желательно чтобы оба изображения были одинаковой высоты и ширины.
Как совместить 2 фотографии в одну с помощью Adobe Photoshop
Я использую последнюю версию Photoshop CC . Но описанные ниже действия верны и для версии программы CS6.
Как из двух фотографий сделать одну с помощью Adobe Photoshop? Шаг 1: выбираем команду «Загрузить файлы в стек»
Сначала нужно открыть изображения. По умолчанию Photoshop открывает изображения в отдельном документе. Но нам нужно поместить два изображения в один документ.
Поэтому идем в меню Файл , выбираем пункт « Сценарии», « Загрузить файлы в стек » :
Путь: Файл (File) > Сценарии (Scripts) > Загрузить файлы в стек (Load Files into Stack).
Как объединить две картинки в одну в Adobe Photoshop? Шаг 2: выбираем изображения
В диалоговом окне «Загрузить слои» выбираем пункт «Применить к файлам» и затем кликаем по кнопке «Обзор»:
Диалоговое окно «Загрузить слои» (Load Layers).
Указываем фотографии, которые хотим открыть. Далее кликаем по кнопке « Открыть ».
Выбираем изображения и кликаем «Открыть» (Open).
Как соединить 2 фото в фотошопе? Шаг 3: загружаем изображения в Photoshop
Возвращаемся к диалоговому окну «Загрузить слои».
Две опции внизу «Попытка автоматически выровнять исходные изображения» и «Создать смарт-объект после загрузки слоев» оставляем неотмеченными. Затем загружаем изображения в Photoshop, кликнув по кнопке OK :
Кликаем «OK» для загрузки изображений в Photoshop.
Photoshop загружает оба изображения в один документ. В панели слоев каждое изображение расположено на отдельном слое. При этом имена файлов используются в названии слоев:
Панель «Слои» показывает каждое изображение на отдельном слое.
Как в фотошопе открыть 2 фото одновременно? Просмотр двух изображений
Изображение, расположенное на верхнем слое ( фотография мамы и дочки из фото-банка Adobe Stock):
Первое из двух изображений.
Отключим видимость верхнего слоя, кликнув по иконке глаза:
Прячем изображение верхнего слоя.
После этого мы увидим изображение, расположенное на нижнем слое ( фотография футболиста из фото-банка Adobe Stock):
Включим видимость верхнего слоя:
Включаем видимость верхнего слоя.
Как совместить два фото в фотошопе? Шаг 4: Используем инструмент «Перемещение»
Сейчас два изображения находятся в одном документе. Но как разместить их рядом друг с другом?
Одним из способов является увеличение размера рабочей области документа с помощью команды «Размер холста» и перетаскивание одного из изображений на новое пространство. Но можно проделать обе операции одновременно. Для этого используем инструмент «Перемещение »:
Выбираем инструмент «Перемещение» (Move Tool).
Как соединить 2 фотографии в одну с помощью фотошопа? Шаг 5: Убедитесь, что «Привязка» (Snap) и «Привязать к границам документа» (Snap To Document Bounds) активны
Чтобы использовать данный способ, нужно привязать изображение к краям документа. Для этого необходимо активировать несколько параметров.
Переходим в меню « Просмотр » и проверяем, активна ли опция « Привязка »:
Проверяем активность опции «Привязка» (Snap).
Ниже включаем параметр « Привязать к » и проверяем активность опции « Границы документа »:
Убедитесь, что опция «Привязать к границам документа» активна.
Как в фотошопе объединить две картинки? Шаг 6: выбираем верхний слой
В панели «Слои» выделяем верхний слой:
Кликаем по верхнему слою, чтобы выбрать его.
Шаг 7: как перетаскивать фото в фотошоп к краю другого изображения
С помощью инструмента «Перемещение» перетаскиваем изображение в документе влево или вправо относительно изображения, которое находится под ним. При перетаскивании нажмите и удерживайте клавишу Shift, чтобы ограничить направление, в котором можно двигаться.
Перетаскивание верхнего изображения вправо от нижнего изображения.
Как только вы подойдете достаточно близко к краю документа, ваше изображение резко притянется к краю. Верхнее изображение сейчас скрыто, так как оно находится с края холста:
Верхнее изображение скрыто за краем холста.
Шаг 8: выбираем опцию «Показать все»
Чтобы активировать видимость обоих изображений, в меню « Изображение » выбираем опцию « Показать все ».
Идем в меню «Изображение» (Image) > «Показать все» (Reveal All).
При этом Photoshop изменяет размер холста, чтобы разместить два изображения:
Результат после использования опции «Показать все» (Reveal All).
Как поменять изображения местами
Но что делать, если нужно поменять изображения местами?
Шаг 1: Активируем инструмент «Перемещение»
Убедитесь, что инструмент « Перемещение » все еще активен:
Проверяем, активен ли инструмент «Перемещение» (Move Tool).
Шаг 2: Выделяем весь холст
Мы не собираемся использовать сам инструмент «Перемещение». Необходимо, чтобы он был активен. Так мы получаем доступ к опциям выравнивания. Мы поменяем изображения местами, совместив их края с краями холста. Для этого необходимо выделить весь холст. В меню « Выделение » выбираем пункт « Все ». После этого по краям документа появится контур выделения:
Идем в «Выделение» (Select) > «Все» (All).
Шаг 3: Выбираем верхнее изображение
В панели слоев выбираем верхнее изображение, кликая по нему:
Выбираем верхний слой.
Шаг 4: Кликаем по иконке «Выравнивание по левому краю» или «Выравнивание по правому краю»
После этого в панели параметров кликаем по иконке «Выравнивание по левому краю» или «Выравнивание по правому краю» .
Мне нужно переместить изображение справа налево, поэтому я кликаю по иконке «Выравнивание по левому краю» :
Кликаем по иконке «Выравнивание по левому краю» ( Align Left Edges ) .
После этого Photoshop выровняет левый край изображения по левому краю холста:
Результат после перемещения верхнего изображения справа налево.
Шаг 5: Выбираем нижнее изображение
Выделите нижний слой:
Для выделения нижнего изображения кликаем по нижнему слою.
Шаг 6: Кликаем по иконке «Выровнять края»
Чтобы переместить нижнее изображение вправо, я кликаю по иконке « Выравнивание по правому краю »:
Кликаем по иконке «Выравнивание по правому краю» (Align Right Edges).
После этого Photoshop выравнивает правый край изображения по правому краю холста. Чтобы отменить выделение холста, в меню « Выделение » выбираем пункт « Отменить выделение »:
Результат после перемещения нижнего изображения слева направо.
Мы научились загружать два изображения в один документ Photoshop, размещать изображения рядом и менять их местами!
Пожалуйста, оставьте свои мнения по текущей теме материала. Мы очень благодарим вас за ваши комментарии, дизлайки, отклики, лайки, подписки!
Пожалуйста, опубликуйте ваши мнения по текущей теме материала. За комментарии, дизлайки, лайки, подписки, отклики огромное вам спасибо!
Узнайте, как быстро разместить две связанные фотографии рядом и объединить их в одно составное изображение с помощью Photoshop! Пошаговое руководство для Photoshop CC и CS6.
Фотографии, имеющие общую тему или тему, часто могут усиливать друг друга при совместном отображении. И в этом уроке я покажу вам самый быстрый и простой способ разместить два изображения рядом, используя несколько простых приемов.
Сначала вы узнаете, как мгновенно загрузить оба ваших изображения в один и тот же документ Photoshop. Затем я покажу вам, как расширить холст и одновременно перемещать изображения рядом. И, наконец, вы узнаете, как поменять расположение изображений с одной стороны на другую всего за пару кликов!
Для достижения наилучших результатов вам нужно использовать фотографии в вертикальной (вертикальной) ориентации, чтобы составное изображение не было слишком широким. И вы хотите, чтобы оба изображения имели одинаковую ширину и высоту. Я не буду рассказывать, как обрезать изображения здесь, поэтому, если вам нужно обрезать и изменить их размер, обязательно сделайте это, прежде чем продолжить.
Как разместить две фотографии рядом
Мы начнем с изучения того, как загружать изображения в слои одного и того же документа Photoshop. И тогда я покажу вам, как разместить два изображения рядом друг с другом.
Я использую последнюю версию Photoshop CC, но вы также можете следить за CS6.
Шаг 1: Выберите команду «Загрузить файлы в стек»
Первое, что нам нужно сделать, это открыть изображения. По умолчанию Photoshop открывает изображения в своих отдельных документах. Но так как мы хотим отображать изображения рядом, нам нужно, чтобы они были в одном документе.
Поэтому вместо использования команды «Открыть» перейдите в меню « Файл» в строке меню, выберите « Сценарии», а затем « Загрузить файлы в стек» :
Идем в Файл> Сценарии> Загрузить файлы в стек.
Шаг 2: выберите ваши изображения
В диалоговом окне «Загрузить слои» выберите « Использовать для файлов» и нажмите « Обзор» :
Диалоговое окно «Загрузить слои».
Перейдите к фотографиям, которые вы хотите открыть. Нажмите на первое изображение, а затем нажмите и удерживайте клавишу Shift и нажмите на второе изображение. Это выбирает оба изображения одновременно. Затем нажмите Открыть :
Выбираем изображения и нажимаем «Открыть».
Шаг 3: Загрузите изображения в Photoshop
И обратно в диалоговом окне «Загрузить слои» отображаются названия выбранных вами изображений.
Оставьте две опции внизу («Попытка автоматического выравнивания исходных изображений» и «Создание смарт-объекта после загрузки слоев») не отмеченными. Затем загрузите изображения в Photoshop, нажав OK :
Photoshop загружает оба изображения в один и тот же документ. А на панели «Слои» каждая фотография отображается на собственном слое.
Имена файлов (в моем случае «Portrait.jpg.webp» и «Soccer.jpg.webp») используются в качестве имен слоев:
Панель «Слои», отображающая каждое изображение в отдельном слое.
Просмотр двух изображений
Поскольку изображения накладываются друг на друга, одновременно видно только одно изображение. По крайней мере, на данный момент.
Вот мое изображение на верхнем слое (фото матери и дочери из Adobe Stock):
Первое из двух изображений. Фото предоставлено: Adobe Stock.
И если я выключу верхний слой, щелкнув его значок видимости:
Скрытие изображения на верхнем слое.
Мы видим изображение в нижнем слое (футбольное фото из Adobe Stock):
Второе изображение. Фото предоставлено: Adobe Stock.
Прежде чем мы продолжим, я снова включу верхний слой, снова щелкнув его значок видимости:
Включение верхнего слоя.
Связанный: Узнайте все о Слоях в Фотошопе!
Шаг 4: Выберите инструмент Move
Итак, теперь, когда оба изображения находятся в одном документе, как мы размещаем их рядом?
Одним из способов было бы добавить больше пространства холста в документ с помощью команды «Размер холста» в Photoshop, а затем перетащить одно из изображений в новое пространство.
Но на самом деле мы можем сделать обе эти вещи, перемещая изображение и добавляя больше пространства холста одновременно, используя простой прием.
Сначала выберите инструмент Move на панели инструментов:
Выбор инструмента перемещения.
Шаг 5. Убедитесь, что «Привязка» и «Привязка к документу» включены
Чтобы использовать этот трюк, нам понадобится привязать изображение к краю документа при его перетаскивании. И чтобы это произошло, нужно включить пару опций. Они оба включены по умолчанию, но это хорошая идея, чтобы перепроверить.
Поднимитесь в меню View в строке меню и убедитесь, что Snap активирован. Вы должны увидеть галочку рядом с ее именем:
Убедиться, что Snap включен (проверено).
А затем прямо под параметром «Привязка» выберите « Привязать к», и на этот раз убедитесь, что флажок « Границы документа» установлен. Не нажимайте ни на одну из этих опций, если у них уже есть галочка или вы их отключите:
Убедитесь, что привязка к границам документа также проверена.
Шаг 6: Выберите верхний слой
На панели «Слои» выберите изображение в верхнем слое:
Нажав на верхний слой, чтобы выбрать его.
Шаг 7: перетащите изображение в сторону другого изображения
Затем, выбрав инструмент «Перемещение», щелкните изображение в документе и начните перетаскивать его влево или вправо от изображения под ним. Я буду тянуть вправо. Нажмите и удерживайте клавишу Shift при перетаскивании, чтобы ограничить направление, в котором вы можете двигаться, чтобы упростить перетаскивание по горизонтали.
Не беспокойтесь, что верхнее изображение исчезает при его перетаскивании с холста. Мы вернем его через минуту:
Перетаскивание верхнего изображения справа от нижнего изображения.
Привязка изображения к краю документа
Как только вы подойдете достаточно близко к краю документа, ваше изображение внезапно будет привязано к краю.
Когда это произойдет, отпустите кнопку мыши, а затем отпустите клавишу Shift (в этом порядке). Верхнее изображение теперь скрыто, располагаясь сбоку от холста:
Верхнее изображение скрыто в стороне.
Шаг 8: Выберите «Показать все»
Чтобы восстановить оба изображения, перейдите в меню « Изображение» в строке меню и выберите « Показать все» :
Идем в Image> Reveal All.
И Photoshop мгновенно изменяет размер холста, чтобы соответствовать обоим изображениям. Вот так вот, фотографии теперь появляются рядом:
Результат после выбора «Показать все».
Как поменять картинки
И вот как легко разместить два изображения рядом с Photoshop!
Но что, если вы думаете, что изображения будут выглядеть лучше, если их поменять местами, чтобы фотография слева была перемещена вправо, а фотография справа была слева? Вот быстрый способ поменять их местами.
Шаг 1: выберите инструмент Move
Во-первых, убедитесь, что инструмент Move все еще выбран на панели инструментов:
Убедиться, что Move Tool активен.
Шаг 2: Выберите весь холст
Мы не собираемся использовать сам инструмент Move, но он должен быть активным, чтобы мы могли получить доступ к параметрам выравнивания слоев в Photoshop. Мы собираемся поменять изображения, совместив их края с краями холста.
Для этого нам нужно выбрать весь холст, поэтому зайдите в меню « Выбор» в строке меню и выберите « Все» . Контур выделения появится по краям документа:
Собираюсь Выбрать> Все.
Шаг 3: Выберите верхнее изображение
На панели «Слои» нажмите на верхнее изображение, чтобы выбрать его:
Выбор верхнего слоя.
Шаг 4: Нажмите значок «Выровнять левые края» или «Выровнять правые края»
А затем на панели параметров щелкните значок « Выровнять по левым краям» или « Выровнять по правым краям», в зависимости от того, в каком направлении необходимо переместить изображение.
В моем случае я хочу переместить изображение с правой стороны на левую, поэтому я нажму значок «Выровнять по левым краям»:
Нажав значок «Выровнять по левым краям» на панели параметров.
И Photoshop мгновенно привязывает левый край изображения к левому краю холста:
Результат после перемещения верхнего изображения справа налево.
Шаг 5: Выберите нижнее изображение
Чтобы переместить нижнее изображение на другую сторону и заполнить пустое пространство, выберите нижний слой на панели «Слои»:
Нажав на нижний слой, чтобы выбрать его.
Шаг 6: Нажмите противоположный значок «Выровнять края»
Поскольку я хочу переместить нижнее изображение вправо, на этот раз я нажму значок « Выровнять правые края» на панели параметров:
Нажав значок «Выровнять правые края».
А Photoshop мгновенно выравнивает правый край изображения по правому краю холста. Чтобы отменить выбор холста, перейдите в меню « Выбор» и выберите « Отменить выбор» или нажмите клавиши Ctrl + D (Победа) / Command + D (Mac) на клавиатуре:
Результат после перемещения нижнего изображения слева направо.
И там у нас это есть! Вот как можно загрузить два изображения в один и тот же документ, поместить изображения рядом, а затем поменять их местами в Photoshop!
Посетите наш раздел «Основы Photoshop», чтобы узнать больше о Photoshop, или раздел «Эффекты фото», чтобы получить больше способов повеселиться с фотографиями! И не забывайте, что все наши учебники теперь доступны для скачивания в формате PDF!
5.0 Оценок: 2 (Ваша: )Хотите вместить в публикации в социальной сети как можно больше фото? Или похвастаться вашими достижениями в сравнении «до и после»? Совместите два или больше изображений в одну общую фотографию. Никаких специальных знаний не потребуется – только подходящая программа или сервис. Рассказываем, как соединить две фотографии в одну на компьютере или телефоне.
Как совместить две фотографии
Чтобы объединить несколько снимков в один, не нужен сложный Фотошоп. Вы можете найти более удобную и легкую альтернативу. Программа ФотоКОЛЛАЖ поможет быстро сделать фото «два-в-одном» и не требует специальных навыков.
Шаг 1. Установите ФотоКОЛЛАЖ
Скачайте бесплатный инсталлятор и запустите распаковку двойным щелчком мыши по установочному файлу. Пройдите простой пошаговый алгоритм установки и разместите ярлык на рабочем столе компьютера для быстрого доступа.
Скачайте программу для объединения фото
Шаг 2. Создайте проект
Запустите софт и кликните «Новый коллаж», чтобы начать. В новом окне выберите вариант «Чистый проект». Укажите размер создаваемого коллажа вручную или выберите готовый из списка «Формат страницы». Обозначьте, какой ориентации будет фото: альбомная (горизонтальный лист) или книжная (вертикальный).
Установите размер изображения
Шаг 3. Объедините снимки
Чтобы объединить две картинки, найдите в проводнике слева папку, содержащую нужные файлы, и из окна превью ниже перетащите их на холст. Разместите снимки в нужном порядке, двигая по макету. Меняйте размер объектов, растягивая или сжимая рамку границ.
Разместите файлы на холсте в нужном порядке
Шаг 4. Обработайте фотографию
Чтобы обрезать изображение, воспользуйтесь кнопкой в виде перечеркнутого прямоугольника в панели управления. Укажите, какая область должна отображаться.
При необходимости можно обрезать фото
Программа также позволяет улучшить качество изображений. Вы можете отрегулировать яркость, контраст и прозрачность, кликнув иконку шестеренки. Также можно создать тень, наложить рамку, применить маску и повернуть кадр на любой угол.
Каждую картинку можно дополнительно обработать
Разверните вкладку «Эффекты и рамки» в левой колонке. Здесь также находятся рамки и маски, можно применить готовые художественные пресеты.
На объекты можно наложить рамки и маски, применить эффекты
Шаг 5. Сохраните картинку
ФотоКОЛЛАЖ поддерживает экспорт в форматы JPG, PNG, TIFF, BMP. Также тут есть функция прямой отправки фотографии на печать. Если вы хотите загрузить изображение в интернет, программа позволяет по максимуму уменьшить вес файла с сохранением высокого разрешения. Для этого разверните пункт «Файл» в главном меню и найдите «Сохранить JPEG с настройками качества».
Приложение позволяет максимально сжать файл без потери качества
Как соединить несколько фото в одно
Итак, теперь вы знаете, как совместить две картинки. Но что делать, если нужно объединить больше изображений? В ФотоКОЛЛАЖе вы сможете склеивать неограниченное количество фотографий в любой форме, по сетке или с наложением.
Шаг 1. Выберите вариант создания
Откройте программу и создайте новый коллаж или начните редактировать старый. Укажите вариант компоновки: автоколлаж или чистый проект. Если вы выберете второй вариант, все действия идентичны предыдущей инструкции, отличается лишь количество снимков. Функция автоколлажа позволяет комбинировать файлы по форме, тексту или сетке. Рассмотрим вариант сеткой как наиболее распространенный.
Создайте новый коллаж по сетке
Шаг 2. Настройте коллаж
Заранее подберите фото. Выберите вариант расположения картинок, исходя из их количества. Выделите подходящий вариант и нажмите «Далее».
Подберите шаблон, исходя из количества картинок
Установите формат коллажа и отрегулируйте расстояние между изображениями. Также доступно изменение количества файлов и расстояние от снимков до края.
Можно самостоятельно установить отступы и количество ячеек
Загрузите изображения для комбинации и нажмите «Далее». Настройте тень, рамки и порядок размещения по вашему усмотрению.
Фотографии можно украсить и изменить порядок расположения
Шаг 3. Отредактируйте и сохраните
Во внутреннем редакторе вы можете менять созданный макет: делать картинки больше, удалять элементы, применять эффекты, накладывать элементы друг на друга, добавлять надписи и украшения. Экспортируйте итог на жесткий диск или распечатайте.
Во внутреннем редакторе можно свободно менять размер и положение элементов
Как объединить фото онлайн
Работаете с планшета или на чужом компьютере и нет возможности установить нужный софт? Специальные сайты помогут объединить фото онлайн.
IMGonline
Этот сервис помогает обрабатывать файлы популярных форматов (JPG, PNG) и объединяет в себе несколько полезных инструментов редактирования. IMGOnline помогает склеить два фото, но вы можете комбинировать уже объединенные картинки. Сервис полностью на русском языке, не требует оплаты ни за одну из услуг и не накладывает водяной знак.
Сервис позволяет склеить только два файла
Сайт не меняет оригинальные параметры загруженных снимков (качество и формат). Минусом можно назвать лимит на размер фотографий: сервис не умеет обрабатывать слишком крупные файлы. Также сайт не распознает редкие расширения.
SEO Gift
SEO Gift позволяет комбинировать фото в неограниченных количествах. На сайте можно настроить отступы между картинками, выбрать формат (PNG, GIF, JPG), выбрать цвет фона и направление объединения (горизонтальное или вертикальное).
На сайте доступны детальные настройки коллажа
Крупным недостатком становится небольшой разрешенный размер: файл не должен быть больше 200 Кб. При превышении лимита сервис не уведомит об ошибке, а просто склеит файлы, которые соответствуют правилам. Результат посмотреть нельзя, так что в итоге вы можете получить совсем не то, что требовалось, и придется начинать все заново.
Как объединить две фотографии в одну на телефоне
Если фото было отснято на мобильный, логично, что вы захотите обработать картинку сразу на телефоне. Рассказываем, как совместить две фотографии на Айфоне и Андроиде.
PicsArt
Этот фоторедактор для iOS и Android пользуется широкой популярностью среди инстаграмеров благодаря уникальным фильтрам и спецэффектам. Среди многочисленных инструментов приложения также присутствует функция создания фотоколлажа. Таким образом вы можете склеить две фотографии и даже больше в одно полотно.
В приложении нет функции объединения по горизонтали, только наложение слоев
PicsArt позволяет накладывать друг на друга фотографии разных форматов, обрабатывать отдельно каждый элемент или весь проект в целом. Можно добавлять рамки, текст, накладывать фильтры, увеличить или уменьшить размер фотографий. Проект сохраняется без водяных пометок. Единственное, что раздражает – агрессивная реклама платных функций, которая выскакивает посреди процесса работы.
Polarr
Мобильный фоторедактор Polarr работает на телефонах iPhone и Android и создан для продвинутого редактирования. Как и PicsArt, в нем имеется внушительный набор готовых фильтров, но он более продвинут: вы можете создавать собственные стили, проводить ретушь портретов, детально прорабатывать цветовую схему и многое другое. В том числе программа позволяет накладывать слои и текстуры. Благодаря этому вы можете соединить 2 фото и больше и даже настроить смешивание, как в Фотошопе. К сожалению, интерфейс не отличается удобством, а некоторые продвинутые инструменты сложны для новичков.
Polarr - один из самых продвинутых, но также самых сложных мобильных редакторов
Заключение
Скачайте программу для объединения фото
Часто задаваемые вопросы
Откройте приложение. Перейдите во вкладку «Файл» и нажмите «Открыть». Создайте область для второго фото, растянув холст. Далее снова кликните по кнопке «Открыть» и укажите путь ко второй картинке. Выделите ее, скопируйте, а затем вставьте поверх первой. Дальше вы сможете настроить размеры изображения и переместить его в нужную область. Удалите остатки холста и сохраните готовый файл.
Подойдет любая программа для создания коллажей. Одна из лучших — ФотоКОЛЛАЖ. Выберите шаблон и, если требуется, вручную настройте его параметры: поля страницы, количество фотографий на листе и отступы между ними. После останется лишь загрузить изображения и добавить нужные эффекты.
Вам поможет программа ФотоКОЛЛАЖ. Загрузите фото в редактор и поместите их на выбранный шаблон в нужном порядке. Далее нажмите «Кадрировать изображение» и обозначьте отображаемую область. Чтобы результат выглядел более презентабельно, не забудьте добавить эффекты и рамки.
Подробный урок для начинающих изучать Фотошоп с основами работы со слоями, инструментами и «горячими клавишами» (картинки немного кликабельны).
В результате получается такая картинка (можно без тени).
Запускаем Фотошоп и открываем два изображения:
«Файл» (File) > «Открыть» (Open) или Ctrl + O
Создаем новый документ выбранного размера:
«Файл» (File) > «Новый» (New) или Ctrl + N
Необходимо обратить внимание на цветовой режим и установить фон (в данном случае, белый).
Выбираем инструмент «Перемещение» (Move Tool) на панели инструментов, для выбора можно просто нажать V:
C помощью этого инструмента левой кнопкой мышки перемещаем (перетаскиваем) исходные изображения на новый документ.
В палитре слоев нового документа должны появиться новые слои с изображениями.
Полезно: для того, чтобы работать со слоем, необходимо выбрать его в палитре слоев (кликнуть левой кнопкой мышки). Другой способ – клик на изображении на самой рабочей области при нажатой клавише Ctrl (в этом случае программа самостоятельно «перескочит» на нужный слой).
Размещаем изображения на белом фоне.
Перемещения осуществляются с помощью инструмента Move Tool (V), изменения размеров и повороты – с помощью Свободной трансформации:
«Редактирование» (Edit) > «Свободная трансформация» (Free Transform) или просто Ctrl + T
Перемещая квадратики по периметру фото, можно изменять его размер.
Для пропорционального трансформирования нужно держать нажатой клавишу Shift!
Есть много видов трансформации в меню Edit > Transform (поэкспериментируйте на досуге), в данном случае к правому изображению применено еще и горизонтальное отражение).
После трансформации каждого изображения нажимаем Enter (OK).
Немного подровнять (обрезать) фото можно с помощью инструмента «Прямоугольная область» (Rectangle Marquee), для выбора можно просто нажать M:
При активном (выбранном) слое, который нужно обрезать, рисуем прямоугольник на документе, отсекая ненужные части (только активного слоя!). Пунктирная линия покажет выбранный участок.
В данном случае нужно удалить все (т.е., верхний-правый-левый участки-полоски на изображении справа) за пределами выделения. Поэтому выделение инвертируем:
«Выделение» (Select) > «Инверсия» (Inverse) или Shift + Ctrl + I
Для удаления лишнего (кромки фото) нажимаем Delete. Для снятия выделения:
«Выделение» (Select) > «Отменить выделение» (Deselect) или Ctrl + D.
Можно добавить немного эффектов к слоям с изображением:
находясь на нужном слое, кликаем на пиктограмму «Fx» и выбираем эффект Параметры наложения (Blending mode), например, «Тень» (Dropping Shadow).
Читайте также: