Совместить фотографии в одну. Зачем объединять две фотографии в одну, что такое фотоколлаж. Как работает маска слоя

Содержание
  1. Совмещаем фотографии с разной выдержкой
  2. 1. Исправляем цветовой тон
  3. 2. Открываем оба изображения
  4. 3. Делаем копию слоя
  5. 4. Выравниваем слои
  6. 5. Добавляем заполняющую маску
  7. 6. Прорисовываем велосипедиста
  8. 7. Проверяем маску
  9. 8. Корректируем тень
  10. 9. Создаем выделение
  11. 10. Корректируем выделение
  12. 11. Приводим в порядок края
  13. 12. Прорисовываем детали
  14. 13. Добавляем градиент
  15. 14. Уменьшаем насыщенность
  16. 15. Создаем новый слой
  17. 16.  Применяем технику Dodge / burn
  18. 17. Корректируем цвета
  19. 18. Кадрируем фотографию и увеличиваем резкость
  20. Как в фотошопе можно легко объединить две фотографии в одну?
  21. Соединение двух изображений
  22. Объединение с плавным переходом
  23. Две фотки в одной. Как соединить две фотографии в одну в Paint. Зачем объединять две фотографии в одну, что такое фотоколлаж
  24. Соединяем в одно целое две фотографии
  25. Подгонка по размеру
  26. Сливаем фото воедино
  27. Обводка
  28. Плавный переход
  29. инструкция
  30. 3 способа совмещения изображений в Фотошоп / Фотошоп-мастер
  31. Способ 1: Опция «Непрозрачность»
  32. Значение непрозрачности
  33. Быстрый совет: как устанавливать значение непрозрачности с помощью клавиш на клавиатуре
  34. Способ 2: Режимы наложения
  35. Параметр «Режимы наложения»
  36. Сочетание режимов наложения с уровнем непрозрачности
  37. Быстрый совет: как изменять режимы наложения с помощью клавиш на клавиатуре
  38. Способ 3: Использование маски слоя
  39. Добавление маски слоя
  40. Как работает маска слоя
  41. Выбор инструмента «Градиент»
  42. Совмещение двух изображений
  43. Просмотр маски слоя
  44. Быстрый совет: как включать и выключать маску слоя
  45. Как в фотошопе соединить две картинки в одну – инструкция

Совмещаем фотографии с разной выдержкой

Совместить фотографии в одну. Зачем объединять две фотографии в одну, что такое фотоколлаж. Как работает маска слоя

Наверняка вы неоднократно слышали и сами практиковали технику смешения экспозиций, когда фотографии, снятые с разными экспозициями объединяются в фоторедакторе. А как насчет фотографий, снятых на разных выдержках?

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

Эта фотография велосипедиста была сделана с использованием внешней вспышки. Требовалась короткая выдержка, поэтому мы установили выдержку 1/250. Велосипедист и передний фон получились резкими и хорошо освещенными, тогда как на заднем плане многие детали были потеряны.

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

Все, что нам необходимо – это совместить два кадра в одном. Но для начала внесем некоторые коррекции в Camera Raw, чтобы цвета и тон обоих изображений совпадали. Далее мы перейдем в Photoshop, оперировать мы будем в основном со слоями-масками и инструментами выделения.

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

1. Исправляем цветовой тон

Для начала сохраните и откройте наши исходные изображения. Так как файлы записаны в формате RAW, фотографии автоматически откроются в Camera Raw. Выбираем фотографию с велосипедистом и в правом столбце настроек выставляем следующие значения: для Exposure +0.50,  для Contrast +19, для Highlights  -23, для Shadows +72 и для Clarity +31.

2. Открываем оба изображения

Выделяем второе изображение и на глаз корректируем Баланс Белого (White Balance). Далее установите Clarity на значении +38. Нажимаем на кнопку Выделить все (Select All) в верхнем левом углу и, удерживая клавишу Shift, кликаем по кнопке Открыть Объект (Open Object), чтобы открыть фотографии в Photoshop в виде смарт-объектов.

3. Делаем копию слоя

Переходим ко второму снимку, в панели слоев кликаем по изображению правой кнопкой мыши, делаем дубликат слоя (Duplicate Layer) и переводим его в смарт объект (Convert to Smart Object).

4. Выравниваем слои

 Сейчас получившиеся слои не выровнены, поэтому мы выровняем вручную. Для этого снижаем Непрозрачность слоя до 50 %.

Нажимаем комбинацию клавиш Ctrl/Cmd+T, чтобы запустить свободное трансформирование, а затем перемещаем рамку и меняем ее размер, чтобы оба кадра максимально соответствовали друг другу или же вводим следующие значения  X:4155.90px, Y: 2521.19px, W: 107.98%, H: 107.98%, Angle: 0.72°.

5. Добавляем заполняющую маску

Чтобы применить трансформацию нажимаем на клавишу Enter, затем непрозрачность верхнего слоя меняем снова на 100%. Нижний слой перетаскиваем поверх верхнего. Далее, удерживая клавишу Alt, кликаем по иконке Добавить Слой Маску (Add Layer Mask) в панели слоев, чтобы добавить черную маску, которая полностью скроет верхний слой.

6. Прорисовываем велосипедиста

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

7. Проверяем маску

Продолжайте вырисовывать передний план на верхнем слое с помощью белой кисти.  Мы прорисовываем примерно до середины дороги. Чтобы проверить, все ли участки прокрашены, зажимаем клавишу Alt  и кликаем по миниатюре слоя-маски, чтобы переключить вид слоя.

8. Корректируем тень

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

9. Создаем выделение

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

10. Корректируем выделение

Продолжайте рисовать, чтобы выделить руль и верхнюю часть велосипеда. Если вы допустили ошибку и выделили лишнее, то удерживая клавишу Alt, проведите инструментом по этому участку. Далее нажимаем на кнопку Refine Edge (Уточнить край), которая расположена в опциях инструмента, и выставляем следующие значения: Radius 1.9, Smooth  7 и Shift Edge -25. В графе Output to выбираем Selection.

11. Приводим в порядок края

Идем в Select – Invert (Выделение – Инверсия), чтобы инвертировать выделение. Таким образом, любые изменения будут применяться ко всем областям, кроме изначально выделенных, т.е.

велосипедиста и самого велосипеда.

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

12. Прорисовываем детали

Чтобы убрать выделение нажимаем комбинацию клавиш Ctrl/Cmd+D, затем приближаем  руль на изображении. Продолжаем работать попеременно то белым, то черным цветом, чтобы прорисовать все детали. Быстро сменять цвета можно нажатием клавиши X.

13. Добавляем градиент

Правый нижний угол выглядит несколько ярко, поэтому мы откорректируем эту часть в Camera Raw. Переводим слой с велосипедистом в Camera Raw. В панели инструментов выбираем градиентный фильтр (Graduated filter) и проводим линию градиента из нижнего правого угла к центру. Устанавливаем значение экспозиции  -1.65 и нажимаем Ok.

14. Уменьшаем насыщенность

Если сравнивать начальные фотографии с велосипедистом и без, то на последней дорога выглядит слишком желтой, поэтому выбираем слой с дорогой и снова переходим в Camera Raw. Выбираем инструмент Корректирующая кисть (Adjustment brush) и рисуем поверх дороги, затем выставляем для закрашенной области следующие значения: Saturation to -44, Exposure  -0.20 и Clarity to +15. Нажимаем OK.

15. Создаем новый слой

Удерживая клавишу Alt кликаем по иконке создания нового слоя в панели слоев, чтобы получить доступ к дополнительным опциям Нового слоя. Назовем слой ‘Dodge Burn’, режим наложения поменяем на Overlay (Перекрытие), напротив появившейся строки ‘Fill with Overlay-neutral colour’ ставим галочку. Нажимаем Ок, затем выбираем инструмент Кисть. Устанавливаем черный цвет и непрозрачность 10%.

16.  Применяем технику Dodge / burn

По слою ‘Dodge Burn’ рисуем черной кистью, чтобы затемнить какие-то области фотографии, например, углы, лицо велосипедиста, складки на вещах и так далее. Нажимаем на клавишу X, чтобы переключить цвет кисти на белый и дальше прорисовываем те части, которые хотели бы сделать светлее, например, задний фон, блики на лице.

17. Корректируем цвета

Создаем новый корректирующий слой Уровни (Levels). Меняем канал на синий, затем на нижней полосе перетаскиваем ползунки так, чтобы получились значения 7 и 240. Меняем канал на красный и слайдер, отвечающий за среднюю точку перемещаем до значения 0.85, а слайдер, отвечающую за белый цвет до 240.

18. Кадрируем фотографию и увеличиваем резкость

Нажимаем комбинацию клавиш Ctrl/Cmd+Shift+Alt+E, чтобы объединить все слои в один, далее кликаем по получившемуся слою правой кнопкой мыши и преобразуем его в смарт-объект (Convert to Smart Object).

Далее переходим во вкладку Filter – Other – High Pass (Фильтр – Другое – Цветовой контраст). Устанавливаем радиус 2px и нажимаем Ok. Режим наложения выбираем Overlay.

В завершение инструментом Crop Tool (Кадрирование) делаем фотографию немного меньше.

jmeyer

Сортировать: Новые Комментируемые Просматриваемые

В этом уроке вы познакомитесь с самыми основами Photoshop. Это команды автоматической коррекции: Автотон, Автоконтраст и Автоматическая цветовая коррекция. Вы узнаете алгоритмы…

Читать дальше →

12/12/2019. Обработка фото — Photoshop и Lightroom. Евгений Карташов

9 554

7

Сегодня я хочу рассказать вам об интересной разработке, которая создана специально для того, чтобы ускорить рутинные процессы ретуши. Это расширение для Photoshop, которое…

Источник: https://photo-monster.ru/postobrabotka/read/sovmeschaem-fotografii-s-raznoy-vyiderjkoy.html

Как в фотошопе можно легко объединить две фотографии в одну?

Совместить фотографии в одну. Зачем объединять две фотографии в одну, что такое фотоколлаж. Как работает маска слоя

Доброго всем времени суток, мои уважаемые читатели! Как всегда с вами Дмитрий Костин, тут всё без изменений). Я вот смотрю, многие интересуются как объединить две фотографию в одну в фотошопе. Просто бывают, что люди хотят сделать сравнение, например ДО и ПОСЛЕ, или что-нибудь еще.

Вы же наверное видели, что когда люди выкладывают свои достижения в похудении, тоже выкладывают объединенные в одну фотографии ДО и ПОСЛЕ. Кстати я тоже так делал, когда писал статью про свое похудение. В общем сегодня я покажу как это можно легко сделать. Так что хрустните пальцами и поехали!

Хотел рассказать вам самый быстрый способ, но решил, что не стоит повторяться, так как я уже о нем рассказывал в уроке про инструмент «Перемещение» в фотошопе. Получится так, что у вас будет одна фотография в другой. Лучше сосредоточимся на других способах.

Соединение двух изображений

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

  1. Для начала давайте сделаем изображения одинаковой высоты. Для этого находясь на каждой фотографии в отдельности, зайдите в меню «Изображение» — «Размер изображения». Посмотрите количество пикселей по высоте. У меня получилось, что у худышки 680 пикселей, а у подкаченного 1329. 
  2. В этом случае лучше уменьшить размер изображения подкаченного до 680 пикселей в высоту, дабы приравнять их и не потерять в качестве. Знаете как это делается? Если нет, то смотрим мою статью про изменение размера изображения (правда всё и так должно быть понятно). И кстати запомните размер изображения качка по горизонтали. У меня получилось 487. 
  3. Теперь переходите на фотографию худышки и идите опять в меню «Изображение», только на сей раз выберете «Размер холста». Здесь мы просто увеличим рабочую область без увеличения самой фотки. Итак размер фотки худого по горизонтали составляет 453 пикселя. Прибавляем мысленно 487 пикселей (размер по горизонтали фотки качка) и получаем 940. Именно это число мы и пишем в ячейку ширина. Высоту при этом не меняем и оставляем 680.
  4. Теперь нам нужно выбрать с какой стороны появятся эти новые дополнительные 487 пикселей по горизонтали. Если оставим как есть, то холст увеличится в обоих сторон на 243 и 244 пикселя (487/2). Но мы хотим сделать «До и после», а значит худышка должен быть слева, следовательно пустой кусок холста справа. Тогда в расположении жмем на стрелку влево, чтобы центр сместился левее. также можете выбрать цвет фона, но в нашем случае это не нужно, подойдет любой, так как все равно мы его закроем. Затем нажимаем ОК. 
  5. Видите? Теперь у нас появился огромный кусок белого фона. Теперь переходим на фотографию накаченного, берем инструмент «Перемещение», зажимаем левую кнопку мыши на фотографии и перетягиваем на вкладку с фотографией худыша. 
  6. Дело за малым. Осталось передвинуть фотографию прямо на белый фон. Мы точно рассчитали ширину и подогнали высоту, так что всё должно встать ровно. 

Вот такой незамысловатый и легкий способ совместить два изображения).

Объединение с плавным переходом

Есть еще один интересный эффект, когда переход от одной фотографии к другой осуществляется плавно. Давайте я сделаю это на примере двух животных: льва и сайгака.

  1. Откройте изображение льва и сайгака в нашем редакторе, но на разных вкладках.
  2. Перейдите на слой со львом и выберете режим быстрой маски.
  3. Теперь выберете инструмент «Градиент» и убедитесь, что переход стоит от черного к белому. И теперь этим градиентом проведите линию примерно в середине, как показано у меня на рисунке. 
  4. У вас часть изображения со львом должна закраситься красным оттенком. Отлично. Это нам и нужно. Теперь посмотрите на панель слоев и на наш активный слой со львом. Он основной? Т.е. замочек на нем стоит? Если да, то нажмите на него левой кнопкой мыши, чтобы он исчез, иначе мы просто не сможем редактировать данный слой. 
  5. Теперь уберите режим быстрой маски, нажав на ее значок еще раз. У вас должна будет выделиться часть изображения пунктирной линией. После этого нажмите клавишу DELETE и убедитесь, что содержание стоит «С учетом содержимого», затем нажмите ОК. У вас должна убраться правая часть изображения, причем с плавным прозрачным переходом. Только снимите выделение (просто кликните один раз любым инструментом выделения, например прямоугольной областью). 
  6. Теперь переходите на вкладку с сайгаком (блин, смешное все таки животное и название). Желательно сравнять высоту (в пикселях) этих двух изображений, как и в предыдущем примере. Теперь берем инструмент «Перемещение» и тащим бедного сайгака прямиком ко льву. 
  7. А теперь фокус (шучу, конечно это не фокус). Зажимаем слой с сайгаком на панели слоев (бедное животное, опять мы его зажимаем) левой кнопкой мыши, после чего перетаскиваем его вниз так, что бы он оказался ниже льва. 
  8. Видите, что получилось? Царь зверей и антилопа соединены в единое фото. Круто! Можно немного подвигать антилопу с помощью «Перемещения». Смотрим. Плавный переход удался. По моему вполне неплохо получилось. Симпатично и ненапряжно. 

Ну в общем как-то так.

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

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

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

С уважением, Дмитрий Костин.

Источник: https://koskomp.ru/rabota-s-kompyuternyimi-programmami/adobe-photoshop/kak-obedinit-dve-fotografii-v-odnu-v/

Две фотки в одной. Как соединить две фотографии в одну в Paint. Зачем объединять две фотографии в одну, что такое фотоколлаж

Совместить фотографии в одну. Зачем объединять две фотографии в одну, что такое фотоколлаж. Как работает маска слоя

Случается, что человеку в кратчайшее время нужно соединить два фото воедино. Разбираться в таком случае с премудростями фотошопа просто не реально, тем более что на помощь нам может прийти его более простой товарищ – программа Paint.

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

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

Соединяем в одно целое две фотографии

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

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

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

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

После этого заходите в Paint, выбираете иконку «Вставить» и нажать «Вставить из». После этого действия буфер обмена выгрузит нужный файл в графический редактор, и картинка появится в точно таком же качестве и размере, как была в интернете.

Подгонка по размеру

Если два изображения разные по размеру, то одно из них необходимо увеличить или уменьшить при помощи инструмента «Изменить размер».

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

Делается это проще простого – вам нужно всего лишь правую картинку сдвинуть влево, чтобы края картинок соприкоснулись. Вот, что должно получиться:

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

Обязательно выберите формат для сохранения вашего изображения, это может быть разрешение «png», а лучше всего«jpeg».

Кроме этого, вам следует переименовать название файла «Безымянный» в любое другое имя, иначе вы рискуете запутаться. Все, наша задача была решена не более, чем за 15-ть минут времени.

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

1 голос

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

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

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

Ну а теперь давайте перейдем непосредственно к работе над фотографиями. Как же их объединить?

Сливаем фото воедино

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

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

Вообще, этот способ для данной работы считается «правильным». В статье я рассказывал почему. Если вы добавляете картинку обычным способом, то несколько манипуляций с размером могу привести к тому, что пиксели на фото побьются и качество пострадает. Если вы вставляете рисунок из папки, то Photoshop воспринимает его как смарт-объект и препятствует пиксельной поломке.

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

Не составит большого труда уменьшить, увеличить или перетащить новое фото. Все это делается при помощи мыши. Единственное, могу раскрыть несколько полезных секретов. Если вы зажмете Shift, а затем начинаете манипулировать курсором, то пропорции сохранятся. Картинка не будет «вытянута» по горизонтали или вертикали.

Еще одно полезное сочетание клавиш – Ctrl+T. Если вы, предположим, уже поработали над изображением и нажали enter, чтобы применить форматирование, а потом снова захотели поменять размер картинки или ее местоположение, то эти горячие кнопки помогут вам снова вызвать ту же самую функцию.

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

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

Верхний слой (под цифрой «2») не растрирован, а второй («Фон») закрыт от редактуры. Щелкните по замочку справа, чтобы разблокировать опции нижнего.

С тем, что я назвал «2» придется поступить иначе. Кликните правой кнопкой мыши, а затем в появившемся меню выберите функцию «Растрировать слой».

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

Обводка

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

Для этого кликаю в правом меню на функцию Fx и в появившемся окне выбираю «Обводка». Не забывайте, что она будет применена к тому слою, по которому вы кликнули, а он впоследствии подсветился. В данном случае «2».

Разобраться в настройках просто. Размер определяет ширину рамки, можете выбрать положение (из центра, снаружи или внутри картинки), оттенок сделайте более или менее насыщенным – за это отвечает параметр «Непрозрачность», ну и, собственно, сам цвет, который при желании можно заменить на градиент или узор в меню «Тип».

Поиграйтесь с этими настройками самостоятельно. Не забывайте включить «Просмотр», для этого поставьте соответствующую галочку под кнопками «Новый стиль» справа.

Применю обводку для обеих картинок, расположенных рядом.

Плавный переход

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

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

Чтобы было лучше видно результат, выберите вид «На слоях».

Здесь также много настроек, но нам сейчас понадобится только «Растушевка» и, возможно, «Сместить край». Подергайте за ползунки, а затем нажмите «Инвертировать».

Теперь, чтобы все получилось в лучшем виде, выберите в верхнем меню пункт «Выделение», а затем «Инверсия». Можно просто использовать горячие клавиши Shift+Ctrl+I.

Готово, нажмите кнопку Del на клавиатуре. Если бы вы не применили параметр «Инверсия», то сейчас удалились бы не края вашей картинки, а все, что находится по центру.

Можно поступить несколько иначе, чем в предыдущем примере. Сначала выделите слой (теперь я работаю с фоном), затем обведите изображение при помощи прямоугольного выделения, после примените инверсию, а уж в конце открывайте функцию «Выделение и маска».

Готово. Вот так выглядит теперь фото. Вы забывайте нажать Del. Кстати, чтобы избавиться от выделительных муравьев по кайме картинки используйте сочетание Ctrl+D.

Рисунок у нас получился полупрозрачным. Почитайте, если хотите более подробно . Я же предлагаю вам создать новый слой в качестве подложки. Рядом с иконкой «Корзина» в меню справа вы находите кнопку для создания нового слоя. Затем перетаскиваете его под фоновое изображение.

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

Вот в принципе и все.

инструкция

Если у вас остались вопросы, вы можете посмотреть видео о том, как объединять две картинки рядом.

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

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

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

На этом у меня все. Не забывайте подписываться на группу Старт-Лак , чтобы не пропустить нечто полезное. До новых встреч и удачи.

Источник: https://evasart.ru/dve-fotki-v-odnoi-kak-soedinit-dve-fotografii-v-odnu-v-paint-zachem/

3 способа совмещения изображений в Фотошоп / Фотошоп-мастер

Совместить фотографии в одну. Зачем объединять две фотографии в одну, что такое фотоколлаж. Как работает маска слоя

В этом уроке я покажу три простых способа совмещения двух изображений в программе 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%

И вот результат:

Сочетание режима наложения с уменьшенным уровнем непрозрачности дает нам менее выраженный эффект

Быстрый совет: как изменять режимы наложения с помощью клавиш на клавиатуре

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

Нажмите клавишу V, чтобы быстро выбрать инструмент «Перемещение» (Move Tool). Далее, нажмите и удержите клавишу Shift, и с помощью клавиш Плюс (+) и Минус ( – ) пролистайте список режимов наложения вверх или вниз.

Это позволит вам быстро попробовать различные режимы и выбрать необходимый.

Способ 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, используя параметр «Непрозрачность», режимы наложения и маски слоя.

Steve Patterson

Источник: https://Photoshop-master.ru/lessons/photo/3_sposoba_sovmeshcheniya_izobrazheniy.html

Как в фотошопе соединить две картинки в одну – инструкция

Совместить фотографии в одну. Зачем объединять две фотографии в одну, что такое фотоколлаж. Как работает маска слоя

  • Сливаем фото воедино
  • Обводка
  • Плавный переход
  • инструкция

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

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

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

Ну а теперь давайте перейдем непосредственно к работе над фотографиями. Как же их объединить?

Юрист ответит
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: