Художественное соединение двух фотографий в одну

В этом уроке по созданию фотоэффектов мы узнаем, как художественно соединить два изображение в одно с помощью Photoshop CS6 (или CC). Полученный коллаж будет называться диптих, т.е. два изображения, "склеенные" вместе, бок о бок.

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

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

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

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

1

Вот второе фото альбомной ориентации:

2

А вот готовый результат:

Художественное соединение двух фотографий

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

Кроме того, точно так же фотографии можно соединить автоматически за пару минут с помощью плагина Tych Panel 2, читайте об этом в уроке об автоматическом соединении двух фотографий.

Открываем изображения и синхронизируем их высоту

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

Теперь необходимо узнать высоту каждого изображения. Это можно сделать с помощью команды "Размер изображения" (Image Size, комбинация клавиш Ctrl+Alt+I), но есть способ лучше. Внизу рабочего окна документа можно настроить отображение размера документа, как это сделать, я это показал на рисунке:

3

Итак, я вижу, что высота ландшафтной фотографии 2380 пикселей.

Давайте посмотрим на портретное изображение:

4

Его высота составляет 3200 пикселей.

Следовательно, уменьшаем высоту портретного изображения с помощью команды "Размер изображения". Нажимаем комбинацию Ctrl+Alt+I, и в окно вода "Высота" вводим значение 2380:

5

Теперь высота обоих изображений одинакова.

Примечание. Скриншот диалогового окна "Размер изображения" приведён от версии CC, в версии CS6 необходимо проставить галку у опции "Resample Image", а уменьшение производить в режиме "Bicubic Automatic"

Вставляем уменьшенное изображение в окно другого документа

Объединим обе фотографии в один документ. Сейчас у нас активен портретный документ. Нажмём комбинацию Ctrl+A, затем Ctrl+C для выбора и копирования всех пикселей изображения. Переходим на ландшафтный документ и нажимаем Ctrl+V. Результат:

6

Панель слоёв сейчас должна выглядеть так:

7

Добавляем фоновую заливку для коллажа

Под две наших фотографии необходимо добавить чёрный фон, но слой с ландшафтной фотографией является фоновым, поэтому подложить что-либо под него невозможно, следовательно, нам необходимо разблокировать фоновый слой. Для этого зажмите клавишу Alt и дважды кликните по названию слоя. Слой автоматически преобразуется в обычный и переименуется в "Слой 0":

8

Нажмите на значок добавления нового корректирующего слоя и выберите слой "Цвет" (Solid Color):

9

Откроется диалоговое окно выбора цвета, где выберите чёрный (#000000) цвет и нажмите ОК. Затем переместите корректирующий слой вниз палитры слоёв:

10

Перемещение изображения

Кликните по верхнему слою для его выбора, возьмите инструмент "Перемещение" (Move Tool), зажмите клавишу Shift и перетащите изображение строго горизонтально вправо вплоть до исчезновения его из зоны видимости:

11

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

Показать всё (Reveal All)

Чтобы холст документа стал охватывать все имеющиеся пиксели всех слоёв, используем инструмент "Показать всё". Пройдите по вкладке Изображение --> Показать всё (Image --> Reveal All) и холст мгновенно увеличится до размера двух фотографий:

12

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

Добавляем пространство между фотографиями

Теперь, когда мы убедились, что в настоящее время края наших фотографий совмещены, давайте добавим пространство между ними.
Причина того, что между фот не должно быть пробела, заключается в том, что мы будем точно знать, на сколько мы переместили фотографию от нуля с помощью нового HUD (Heads-Up Display) дисплея Photoshop, который нам точно покажет, на сколько мы переместили картинку.
С по-прежнему активным инструментом "Перемещение", вновь зажмите Shiftи начните перемещать фото вправо, чтобы добавить пространство между двумя изображениями. Как только вы начинаете перетаскивание, появится небольшое окошко HUD-дисплея, давая понять, насколько точно мы переместили картинку по вертикали и горизонтали. Отображение идёт в тех единицах, которые Вы указали в настройках Photoshop. у меня это всегда пиксели. Здесь я перетаскиваю фото вправо на 66 пикселей:

13

Запомните или запишите это значение!

Примечание. Пространство между фотографиями будет иметь тот цвет, какой мы задали корректирующему слою "Цвет" в шаге "Добавляем фоновую заливку для коллажа", т.е. в моём случае, черный.

"Показать всё" снова

Т.к. мы опять переместили картинку частично за пределы холста, воспользуйтесь ещё раз командой "Показать всё" (Reveal All) и у Вас откроется изображение полностью.

Увеличиваем размер холста для создания бордюра вокруг коллажа

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

Идём по вкладке Изображение --> Размер холста (Image --> Canvas Size), это открывает диалоговое окно инструмента. В поля ввода "Ширина" и "Высота" следует ввести значение, вдвое большее расстояние между фото, т.е. 66*2=132 пикселя, кроме того, стрелки инструмента "Расположение" (Anchor) должны быть так, как показано на рисунке? а галка опции "Относительно" (Relative) проставлена:

14

Нажмите кнопку ОК для принятия действия инструмента, и Photoshop добавляет дополнительное пространство холста вокруг изображения, что даст нам нашу рамку. Опять таки, рамка будет иметь тот цвет, какой мы задали корректирующему слою "Цвет" в шаге "Добавляем фоновую заливку для коллажа", т.е. в моём случае, черный:

Художественное соединение двух фотографий

Собственно, на этом всё, урок закончен, читайте об автоматизированном соединении двух фотографий с помощью плагина Tych Panel 2 в уроке об автоматическом соединении двух фотографий.

Теги:

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

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