admin
Как в Photoshop расположить два изображения рядом
Научитесь соединять две фотографии в одно изображение при помощи Photoshop. Подробное руководство для Photoshop CC и CS6.
В примере применяем фотографии в портретной (вертикальной) ориентации, чтобы составное изображение не вышло широким. Неплохо бы чтобы оба изображения были одинаковой ширины и высоты.
Как расположить рядом две фотографии
я применяю последнюю версию Photoshop CC . Но описанные ниже действия верны и для версии программы CS6.
Шаг 1: выбираем команду «Загрузить файлы в стек»
Сначала необходимо открыть изображения. По умолчанию Photoshop открывает изображения в индивидуальном документе.
Но нам необходимо поместить два изображения в один документ.
Благодаря этому идем в меню Файл , выбираем пункт « Сценарии», « Загрузить файлы в стек » :
Путь: Файл (File) > Сценарии (Scripts) > Загрузить файлы в стек (Load Files into Stack).
Шаг 2: выбираем изображения
В диалоговом окне «Загрузить слои» выбираем пункт «Применить к файлам» и потом кликаем по кнопке «Обзор»:
Диалоговое окно «Загрузить слои» (Load Layers).
Указываем фотографии, которые хотим открыть. Дальше кликаем по кнопке « Открыть ».
Выбираем изображения и кликаем «Открыть» (Open).
Шаг 3: загружаем изображения в Photoshop
Возвращаемся к диалоговому окну «Загрузить слои».
Две опции внизу «Попытка автоматично поровнять исходные изображения» и «Создать смарт-объект после загрузки слоев» оставляем неотмеченными. Потом загружаем изображения в Photoshop, кликнув по кнопке OK :
Кликаем «OK» для загрузки изображений в Photoshop.
Photoshop загружает оба изображения в один документ. В панели слоев каждое изображение расположено на индивидуальном слое. При этом имена файлов применяются в наименовании слоев:
Панель «Слои» показывает каждое изображение на индивидуальном слое.
Просмотр 2-ух изображений
Изображение, находящееся на верхнем слое ( фотография мамы и дочки из фото-банка Adobe Stock):
Первое из 2-ух изображений.
Отключим видимость лицевого слоя, кликнув по иконке глаза:
Прячем изображение лицевого слоя.
Потом мы увидим изображение, находящееся на нижнем слое ( фотография футболиста из фото-банка Adobe Stock):
Как быстро соединить две картинки в фотошопе слой маской
Включим видимость лицевого слоя:
Включаем видимость лицевого слоя.
Шаг 4: Применяем инструмент «Перемещение»
В настоящий момент два изображения находятся в одном документе. Но как расположить их рядом между собой?
Одним из вариантов считается увеличение размера рабочей области документа при помощи команды «Размер холста» и перетаскивание одного из изображений на новое пространство. Но вполне можно сделать две операции одновременно. Для этого применяем инструмент «Перемещение »:
Выбираем инструмент «Перемещение» (Move Tool).
Шаг 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 Quick Tip: How to Place Two Images Side by Side » , подготовленной дружной командой проекта Интернет-технологии.ру
Объединение нескольких частей в одно изображение
Creative Cloud ?????????????????
Как соединить несколько фотографий в фотошопе
Команду «Автоматическое разравнивание слоев» можно применять для создания соединенной фотографии из пары фактически похожих, содержащих нежелательные области. К примеру, на одном групповом снимке все замечательно, не считая одного человека, у которого закрытые глаза.
На другом снимке у него глаза открыты. Применяя команду «Автоматично поровнять слои» и маскирование слоя, можно соединить эти снимки и по завершению убрать дефект.
Объединение картинок в Photoshop с обводкой и размытыми границами
Добрый день, дорогие читатели моего блога. Сегодня мы побеседуем об одной весьма простой действия, благодаря которой можно создавать довольно привлекательные объекты. Классно, когда всего одной функции достаточно, чтобы делать нечто настоящее, уникальное и полезное.
Это именно данный случай.
Сегодня я вам расскажу как в фотошопе объединить две картинки. Вы получите не только пошаговую инструкцию, но и сможете в дальнейшем, благодаря данной статье, обрабатывать края изображения: выделять контуром границы, и еще создавать плавные переходы.
Все это добавит вашей работе изящества и даст возможность ей выгодно выглядеть на стенке, если пожелаете распечатать коллаж.
Такие портреты можно даже продавать, если у вас есть доля амбициозности, предпринимательская жилка и подписка на мой блог. Я часто рассказываю о обычных способах раскрутить собственный бизнес во всемирной сети, вам остается лишь подбирать подходящие рекомендации и пользоваться ими.
Ну а теперь давайте перейдем конкретно к работе над фотографиями. Как же их соединить?
Сливаем фото вместе
Для работы я скачал 2 фотографии из бесплатного банка изображений. У вас может быть несколько картинок, это не так важно.
Сохраните их в папке, откройте Photoshop и готовьтесь к будущим действиям.
Есть несколько вариантов добавки изображения в программу. Например, пункт «Файл» — «Открыть» в верхнем меню.
Я люблю иной метод, который идеально подойдет для изготовления коллажа. Просто перетаскиваю одно изображение в рабочее поле программы из папки, а потом другое.
Вообще, данный способ для этой работы считается «правильным». В статье как сделать меньше фото со сбережением качества я рассказывал почему. Если вы добавляете картинку традиционным способом, то несколько действий с размерами могу привести к тому, что пиксели на фото побьются и качество пострадает.
Если вы вставляете рисунок из папки, то Photoshop воспринимает его как смарт-объект и препятствует пиксельной неполадке.
Если вы перетаскиваете несколько картинок сразу, то они открываются в соседних окнах. Если же сначала добавляете в рабочее поле одну, а потом вторую-третью и так дальше, то они кладутся на исходное изображение.
Не будет составлять огромного труда сделать меньше, сделать больше или перенести новое фото. Все это выполняется с помощью грызуны. Единственное, могу открыть несколько полезных секретов.
Если вы зажмете Shift, а потом начинаете манипулировать курсором, то пропорции сохранятся. Картинка не будет «вытянута» в горизонтальном положении или вертикали.
Еще одно полезное комбинирование клавиш – Ctrl+T. Если вы, предположим, уже потрудились над изображением и нажали enter, чтобы применить форматирование, а потом опять захотели заменить размер картинки или ее расположение, то эти горячие кнопки смогут помочь вам опять вызвать ту же самую функцию.
Вы вообще хорошо разбираетесь в термине «новый слой»? Если знаний недостаточно, советую прочесть публикацию в моем блоге, в котором я точно рассказываю об этой возможности фотошопа.
как объединить две фотографии
Никаких белых пятен в знаниях не останется.
В настоящий момент я напомню лишь важные моменты. Не нужно забывать, что клик по одному из слоев активирует его, вы можете работать с подобранным, а оставшиеся останутся не тронутыми.
Впрочем, если вы в настоящий момент пожелаете это сделать, то многие функции будут для вас закрытые. Какова причина?
Лицевой слой (под цифрой «2») не растрирован, а второй («Фон») закрыт от редактуры. Щелкните по замочку с правой стороны, чтобы разблокировать опции нижнего.
С тем, что я именовал «2» придется поступить по другому. Кликните правой кнопкой грызуны, а потом в появившемся меню подберите функцию «Растрировать слой».
Как соединить две картинки в фотошопе
Все, теперь вы получили доступ ко всем функциям фотошопа и можете использовать их на двух фотографиях.
Обводка
В этом блоге есть уже подробнейшая инструкция по созданию обводки, в ней вы сумеете выяснить как работать с непростыми контурами. В настоящий момент, думаю, нам понадобится обычный вариант оформления рамки для рисунка.
Для этого кликаю в правом меню на функцию Fx и в появившемся окне выбираю «Обводка». Не нужно забывать, что она будет использована к тому слою, по которому вы кликнули, а он после подсветился.
В таком случае «2».
Разобраться в настройках просто. Размер определяет ширину рамки, можете подобрать положение (из центра, с наружной стороны или в середине картинки), оттенок сделайте больше или меньше сочным – за это отвечает параметр «Непрозрачность», ну и, собственно, сам цвет, который если появится желание можно поменять на градиент или узор в меню «Вид».
Поиграйтесь с этими настройками собственными силами. Не нужно забывать включить «Просмотр», для этого выставьте соответствующую галочку под кнопками «Новый стиль» с правой стороны.
Применю обводку для двух картинок, размещенных рядом.
Плавный переход
Чтобы одно изображение сливалось с иным нужно поступить чуть-чуть иначе. В настоящий момент я покажу простой способ для новичков.
Вначале подберу прямоугольное выделение, все про инструменты для выделения трудных объектов вы можете прочесть в предыдущей статье. Потом выделяю границы картинки, которые будут размыты, ну а потом параметр «Выделение и маска».
Чтобы было лучше видно результат, подберите вид «На слоях».
Тут также много настроек, но нам в настоящий момент нужно будет только «Растушевка» и, может быть, «Убрать край». Подергайте за ползунки, а потом нажмите «Инвертировать».
Теперь, чтобы все вышло хорошо, подберите в верхнем меню пункт «Выделение», а потом «Инверсия». Можно просто применять горячие клавиши Shift+Ctrl+I.
Готово, нажмите кнопку Del на клавиатуре. Если бы вы не применили параметр «Инверсия», то сегодня удалились бы не края вашей картинки, а все, что находится по самому центру.
Можно поступить чуть-чуть иначе, чем в предыдущем примере. Сначала выдилите слой (теперь я работаю с фоном), потом обведите изображение с помощью прямоугольного выделения, после используйте инверсию, а уж в конце открывайте функцию «Выделение и маска».
Готово. Вот так смотрится теперь фото.
Вы забывайте нажать Del. Кстати, чтобы освободится от выделительных муравьев по кайме картинки примените комбинирование Ctrl+D.
Рисунок у нас удался полупрозрачным. Прочтите, по желанию более детально о PNG-формате и методах работы с ним.
Я же предлагаю вам создать новый слой в виде подложки. Рядом с иконкой «Корзина» в меню с правой стороны вы находите кнопку для создания нового слоя.
Потом перетаскиваете его под фоновое изображение.
Подбираете подходящий цвет и инструмент заливка и используете его к картинке. Кстати, думаю, что в настоящий момент вам будет не лишним статья про то, как создать привлекательный черный фон для рисунка.
В данной статье имеется множество интересных легких способов и методик сотворения вручную.
Видео инструкция
Если у вас остались вопросы, вы можете посмотреть видео про то, как соединять две картинки рядом.
Ну, а этот урок обучение, подойдёт вам к примеру, если вы пожелаете сделать фотографию с плавным переходом. В данном видео есть настройки, о которых я не говорил в тексте данной статьи, так что не проходите мимо.
Ну и мне осталось только напомнить, что если вы пожелаете выяснить больше про инструменты, которые есть в фотошопе, то в этом вам поможет курс « Photoshop с нуля в видеоформате ». Особенно много детальной информации для начинающего пользователя, тем более если в дальнейшем вы думаете о том, чтобы получать доход на своем умении.
Ну а для тех, кто желает достигнуть самых больших результатов в собственном увлечения – курс « Чудесный коллаж ». Поразительно полезная штука, в которой больше внимание оказано художественной составляющей работы: свет, тени и так дальше, и еще максимум профессиональных секретов обработки рисунка.
На этом у меня все. Не нужно забывать подписываться на группу Старт-Лак Vkontakte , чтобы не пропустить нечто полезное.
До новых встреч и удачи.
Как в фотошопе можно достаточно легко соединить две фотографии в одну?
Доброго всем времени суток, мои дорогие читатели! Как обычно с вами Дмитрий Костин, здесь всё без изменений). Я вот смотрю, многие интересуются как соединить две фотографию в одну в фотошопе.
Просто бывают, что люди хотят выполнить сравнение, к примеру ДО и ПОСЛЕ, или что-нибудь еще.
Вы же наверняка видели, что когда люди выкладывают собственные достижения в похудении, тоже выкладывают соединенные в одну фотографии ДО и ПОСЛЕ. Кстати я тоже так делал, когда писал статью про собственное похудание.
В общем сегодня я покажу как это можно очень просто сделать. Так что хрустните пальцами и поехали!
Хотел рассказать вам очень быстрый способ, но решил, что не стоит повторяться, так как я уже о нем рассказывал в уроке про инструмент «Перемещение» в фотошопе. Выйдет так, что у вас будет одна фотография в другой.
Лучше сконцентрируемся на других вариантах.
Соединение 2-ух изображений
В данном примере я решил сделать объединение фотографий в тематике «До и после». Вы только не говорите мне, что такие люди не похожи.
Это два различных человека). В общем откройте две фотографии в photoshop, а далее поэтапно.
Я взял фоточки 2-ух людей: худого и рельефного.
- Для начала давайте сделаем изображения одинаковой высоты. Для этого Находясь на любой фотографии по отдельности, зайдите в меню «Изображение» — «Размер изображения» . Посмотрите кол-во пикселей по высоте. У меня вышло, что у худышки 680 пикселей, а у подкаченного 1329.
- В данном случае лучше сделать меньше размер изображения подкаченного до 680 пикселей в высоту, дабы сравнить их и не потерять в качестве. Знаете как это выполняется? Если нет, то смотрим мою статью про изменение размера изображения (правда все и так должно быть ясно). И кстати помните размер изображения качка в горизонтальном положении. У меня вышло 487.
- Теперь переходите на фотографию худышки и идите снова в меню «Изображение» , исключительно на сей раз подберёте «Размер холста» . Тут мы просто увеличим область для работы без увеличения самой фотки. Итак размер фотки худого в горизонтальном положении составляет 453 пикселя. Прибавляем мысленно 487 пикселей (размер в горизонтальном положении фотки качка) и приобретаем 940. Собственно это число мы и пишем в ячейку ширина. Высоту при этом не меняем и оставляем 680.
- Теперь нам необходимо подобрать с какой стороны появятся эти новые дополнительные 487 пикселей в горизонтальном положении. Если оставим как есть, то холст становится больше в двоих сторон на 243 и 244 пикселя (487/2). Но мы хотим сделать «До и после», а это означает худышка должен быть слева, стало быть пустой кусок холста с правой стороны. Тогда в расположении жмем на стрелку влево, чтобы центр сместился левее. также можете подобрать цвет фона, но в нашем случае это не надо, подойдёт любой, так как все равно мы его закроем. Потом нажимаем ОК.
- Видите? Теперь у нас появился очень большой кусок белого фона. Теперь переходим на фотографию накаченного, берем инструмент «Перемещение» , зажимаем левую кнопку грызуны на фотографии и перетягиваем на вкладку с фотографией худыша.
- Дело за малым. Осталось передвинуть фотографию прямо на белый фон. Мы точно рассчитали ширину и подогнали высоту, так что все должно встать ровно.
Вот такой самый простой и легкий способ соединить два изображения).
Объединение с плавным переходом
Существует еще один интересный эффект, когда переход от одной фотографии к другой выполняется медленно. Давайте я сделаю это на примере 2-ух зверей: льва и сайгака.
- Откройте изображение льва и сайгака в нашем редакторе, но на различных вкладках.
- Перейдите на слой со львом и подберёте режим быстрой маски.
- Теперь подберёте инструмент «Градиент» и поймете, что переход стоит от черного к белому. И теперь этим градиентом проведите линию приблизительно в середине, как показано у меня на рисунке.
- У вас часть изображения со львом должна закраситься оттенком красного. Прекрасно. Это нам и необходимо. Теперь посмотрите на панель слоев и на наш активный слой со львом. Он ключевой? Т.е. замочек на нем стоит? Если да, то нажмите на него левой кнопкой грызуны, чтобы он исчез, иначе мы просто не сможем редактировать этот слой.
- Теперь удалите режим быстрой маски, нажав на ее значок еще раз. У вас должна будет отличиться часть изображения пунктирной линией. Потом нажмите кнопку DELETE и поймете, что содержание стоит «С учетом содержимого» , потом нажмите ОК. У вас должна убраться правая часть изображения, причем с плавным прозрачным переходом. Только снимите выделение (просто кликните 1 раз любым инструментом выделения, к примеру квадратной областью).
- Теперь переходите на вкладку с сайгаком (блин, забавное все таки животное и наименование). Неплохо бы сравнять высоту (в пикселях) таких 2-ух изображений, как и в предыдущем примере. Теперь берем инструмент «Перемещение» и тащим бедного сайгака прямиком ко льву.
- А теперь фокус (шучу, разумеется это не фокус). Зажимаем слой с сайгаком на панели слоев (бедное животное, снова мы его зажимаем) левой кнопкой грызуны, после этого перетаскиваем его вниз так, что бы он оказался ниже льва.
- Видите, что вышло? Повелитель зверей и антилопа соединены в единое фото. Круто! Можно немного подвигать антилопу при помощи «Перемещения» . Смотрим. Плавный переход получился. По моему очень хорошо вышло. Симпатично и ненапряжно.
Разумеется это Photoshop. И еще можно найти очень много способов, чтобы объединить несколько фоток в одну.
Но я думаю, что для начала вам вполне хватит данных способов. Причем в завершальном варианте мы не просто связали 2 фотки в одну, а выполнили простенький коллаж, т.е. применяем несколько любых изображений в одном.
Кстати, если у вас есть желание делать впечатляющие коллажи, то я очень советую вам увидеть замечательный курс по данной тематике . Точно рассмотрено массу примеров. Из нескольких обычных изображений вы будете уметь делать просто шедевры, так что вперед!
Ну а я с вами на данное время прощаюсь. рад был вас видеть на собственное блоге и надеюсь, что вам все понравилось. Не забывайте подписаться на изменения моего блога и поделиться с компанией друзей в соцсетях. Ну а я хочу вам пожелать удачи.
Пока-пока!