Изображение 2 из. Объединение нескольких картинок в Photoshop
В этом уроке я покажу вам три простых способа совмещения двух изображений в Фотошоп. Начнём мы с самого простого способа совмещения, используя параметр Opacity (Непрозрачность) на панели «Слои». Далее, рассмотрим способ получения более интересного и творческого результата с использованием режимов смешивания. И, наконец, вы узнаете, как легко скомбинировать два изображения при помощи маски слоя. В конце некоторых способов я дам вам полезные советы, как ускорить рабочий процесс и получить хорошие результаты. Я буду использовать Photoshop CC, но данный урок полностью совместим с версией SC6. Давайте приступим!
Способ 1: Использование опции Opacity (Непрозрачность)
Выбор изображений
В первом способе мы прибегнем к помощи опции «Непрозрачность». Вот первое , которое я буду использовать в качестве примера:
Они уже открыты у меня в Photoshop. Посмотрите на панель слоёв, эти два изображения располагаются на отдельных слоях. Изображение с пляжем открыто в качестве фона, портрет девушки находится чуть выше.
Опция «Непрозрачность»
Данная опция расположена в правом верхнем углу панели «Слои». По умолчанию установлено значение 100%, это означает, что текущий выбранный слой «Layer 1» полностью блокирует своей непрозрачностью нижний слой.
Значение непрозрачности контролирует уровень прозрачности слоя. Это очень просто, снижая значение, мы делаем слой более прозрачным, позволяя изображениям, расположенных ниже, проявляться. Чем больше мы уменьшаем непрозрачность, тем больше верхнее изображение будет растворяться в нижнем. Я изменил значение непрозрачности от 100% до 75%.
Это означает, что мы смешиваем 75% непрозрачности изображения на верхнем слое с 25% непрозрачности изображения на нижнем слое. Мы видим, что изображение девушки начинает смешиваться с изображением пляжа.
Здесь, я захотел сделать девушку ещё менее заметной и уменьшил значение непрозрачности до 30%.
В этом случае 30% непрозрачности портрета смешивается с 70% непрозрачности пейзажа, создавая приятный эффект наложения. Поиграйте с непрозрачностью и остановитесь на том значении, которое будет лучше для ваших изображений.
Способ 2: Режимы наложения
Во втором способе для совмещения двух изображений мы будем использовать режимы наложения. Они отлично подходят для смешивания любых двух изображений, в особенности они полезны при совмещении текстуры с фотографией. В качестве фотографии я буду использовать .
Снова посмотрите на панель слоёв, каждое изображение располагается на отдельном слое. Портрет находится на фоновом слое, а текстура над ним.
Опция «Режимы наложения»
Режимы наложения в Фотошоп – это разные способы взаимодействия слоёв друг с другом. Расположена данная опция в верхнем левом углу панели «Слои», прямо напротив опции «Непрозрачность». По умолчанию установлен режим Normal (Обычный), это означает, что верхний слой вообще не смешивается со слоями, расположенными под ним.
Кликните по раскрывающейся вкладке «Режимы наложения», чтобы открыть меню со множеством различных режимов. Мы не будем рассматривать их все, но более подробно вы можете прочитать о них в этом уроке: «Режимы наложения в Фотошоп ». Сегодня мы будем использовать три самых популярных и часто используемых режимов смешивания: Multiply (Умножение), Screen (Экран) и Overlay (Перекрытие). Режим «Умножение» создаёт эффект затемнения, «Экран» придаёт эффект яркости, а «Перекрытие» смешивает два слоя, увеличивая общий контраст.
Результаты после применения режимов смешивания будут полностью зависеть от ваших изображений. В моём случае лучший результат получился с использованием режима наложения Soft Light (Мягкий свет).
Подобно режиму «Перекрытие», «Мягкий свет» смешивает два изображения вместе, повышая контрастность. Разница в том, что режим «Мягкий свет» производит более тонкий и естественный эффект.
Другой режим наложения, который отлично подходит для совмещения моих двух изображений – Divide (Разделить).
«Разделить» - один из менее известных и редко используемых режимов в Фотошоп. Но согласитесь, эффект действительно выглядит довольно крутым.
«Режимы наложения» и «Непрозрачность»
После того, как вы определились с режимом наложения, вы можете поиграть с непрозрачностью слоя, о чём я вам говорил в первом способе. Для слоя с текстурой я выбрал режим «Разделить» и непрозрачность уменьшил от 100% до 50%.
И вот результат:
Совет: циклическое переключение режимов смешивания с клавиатуры
Хочу дать вам полезный совет, который поможет ускорить рабочий процесс и облегчит работу с режимами смешивания. Вы можете переключаться между различными режимами смешивания в Фотошоп непосредственно с клавиатуры. Нажмите V, чтобы выбрать инструмент Move Tool (Перемещение). Затем нажмите и удерживайте Shift, и используйте клавиши плюс (+) и минус (-) для перемещения вверх и вниз по списку. Это позволит вам быстро попробовать различные режимы смешивания, чтобы найти тот, который подойдёт лучше всего.
Способ 3: Использование маски слоя
Третий способ смешивания двух изображений, который мы рассмотрим, безусловно, самый популярный – использование маски слоя. В отличие от опций «Непрозрачность» и «Режимы наложения», которые смешивают два изображения полностью, маска слоя позволяет нам контролировать, в какой области два изображения будут смешиваться. С маской открывается множество возможностей и манипуляций, их невозможно рассмотреть в одном уроке. Здесь мы просто изучим основы.
Снова взглянем на панель слоёв, каждая фотография расположена на отдельном слое. Изображение с одуванчиками находится на фоновом слое, а девочка чуть выше.
Добавление маски
Чтобы добавить маску слоя, сначала убедитесь, что выбран верхний слой. Затем нажмите на значок Add Layer Mask (Добавить слой-маску) в нижней части панели «Слои».
Рядом с миниатюрой слоя появится миниатюра маски.
Как работает маска слоя
Маски слоя управляют прозрачностью слоя, подобно опции «Непрозрачность». Но опция «Непрозрачность» влияет на прозрачность всего слоя в целом, а «Маска слоя» позволяет добавлять различные уровни прозрачности на разные области слоя. Другими словами, вы можете использовать маску, чтобы показать некоторые области, скрывая другие, это делает маску идеальным инструментом для смешивания изображений.
В своей работе маска использует чёрный и белый цвета. Любая часть слоя, где маска заполнена белым, остаётся видимой. А где маска заполнена чёрным цветом, скрыта. Давайте посмотрим, как можно быстро скомбинировать два изображения вместе, используя чёрно-белый градиент на маске слоя.
Выбор инструмента Gradient Tool (G) (Градиент)
На панели инструментов выберите Градиент.
Выбор чёрно-белого градиента
Выбрав инструмент Градиент (G), перейдите на панель параметров и нажмите на стрелочку, смотрящую вниз, расположенную рядом с градиентом.
Из выпадающего списка градиентов выберите градиент «Чёрный, белый», дважды кликнув по его миниатюре (третий слева на вернем ряду).
Совмещение двух изображений
Перейдите на миниатюру маски, она должна выделиться в рамочку.
Затем на рабочем холсте кликните и, удерживая левую кнопку мыши, протяните линию градиента от чёрного к белому. Поскольку градиент начинается с чёрного и заканчивается белым, то я начну его создавать с правой стороны изображения и перемещу линию градиента влево. При создании градиента зажмите клавишу Shift, чтобы линия была прямой. Помните, что чёрный цвет скрывает, а белый отображает. В левой части рабочего документа я хочу оставить изображение девочки, поэтому эта часть маски должна быть белой. Правая сторона документа должна скрыться, значит правая сторона маски должна быть чёрной.
Когда вы отпустите кнопку мыши, Фотошоп создаст градиент на маске и смешает две фотографии вместе. На скриншоте ниже видно, как девочка из верхнего слоя смешивается с одуванчиками из нижнего слоя. Если вас не устраивает результат, то создайте ещё один градиент на маске.
Просмотр маски слоя
Посмотрите на миниатюру маски на панели «Слои», где мы создали градиент. Чёрная область справа – место, где верхнее изображение скрыто в документе, что позволяет проявиться нижнему изображению на фоновом слое. И белая область слева – область, где верхнее изображение с девочкой остаётся видимым.
Так же мы можем просмотреть фактическую маску в документе. Зажмите клавишу Alt на клавиатуре и кликните по миниатюре маски слоя, этими действиями вы переключите просмотр основного документа с изображения на маску слоя. Так вам будет легче всё понять. Снова повторюсь: чёрная область справа – область, где верхний слой скрыт, а белая слева - эта область видна.
Обратите внимание на серое пространство посередине, где градиент переходит от чёрного к белому. Эта область создаёт постепенный переход между двумя слоями, что позволяет создавать плавное смешивание двух изображений. Чтобы снова переключиться с маски на изображение, так же зажмите Alt и кликните по миниатюре маски на панели «Слои».
Хочу дать вам совет для быстрой и удобной работы с маской. Вы можете включать и выключать маску слоя, нажимая и удерживая Shift и кликая по миниатюре маски на панели «Слои». Нажатием по миниатюре один раз вы временно отключите маску и просмотрите весь слой полностью. Красный значок «Х» появится на миниатюре, сообщив нам, что маска отключена. Удерживая Shift, снова кликните по миниатюре, чтобы включить маску снова.
Вот и всё, что я хотел вам рассказать в этом уроке. Это 3 простых метода смешивания двух изображений, используя опцию «Непрозрачность», режимы смешивания и маску слоя в Photoshop.
Практически каждый начинающий «фоторедактор» пробовал создавать коллажи. Любой коллаж начинается с самого простого действия – соединения двух фотографий в одну. Причем профессионал может сделать это за пару минут, а обычному пользователю придется потратить на создание коллажа несколько часов драгоценного времени. Но всему нужно учиться, ведь каждый профессионал некогда был таким же новичком. Первым делом перейдем к вопросу, как соединить две фотографии в одну.
Собственно говоря, в соединении двух фотографий нет ничего сложного. Соединить две фотки можно как стандартным Paint, так и мощным фоторедактором. Впрочем, можно воспользоваться специальным сервисом или онлайн-фотошопом.
Онлайн-сервисы
Чтобы соединить две фотографии в одну онлайн-сервисом, нужно открыть в браузере сайт http://croper.ru/join . Данный онлайн-сервис позволяет склеивать фотографии прямо в браузере, не устанавливая никаких программ. Для корректной работы сервиса лучше использовать Google Chrome.
Читаем информацию о возможностях сервиса и проходим по ссылке «загрузите файлы».
После чего поочередно загружаем на сервис две фотографии, которые нужно склеить.
Загруженные фотографии отобразятся в верхней части страницы. Кликаем поочередно на обе фотографии. Они переместятся из категории «файлы» в категорию «выбранные». Слева внизу отображены способы склеивания фоток: по вертикали или по горизонтали.
Нажимаем на нужный нам способ и ждем загрузки склеенной фотографии. В браузере отобразится склеенная фотография. Для продолжения работы кликаем по ссылке «Принять».
В новом окне выбираем вкладку «Файлы» и переходим по ссылке «Сохранить на диск».
Скачиваем готовую склеенную фотографию по ссылке «Скачать файл».
Принципы работы всех сервисов по работе с фотографиями одинаковы. Но Кропер хорош тем, что не требует регистрации на проекте.
Соединение фоток с помощью фоторедактора
Большинство обычных пользователей знают только о существовании Фотошопа. Но есть куча других фоторедакторов, среди которых выделяется Paint.Net. Разработанная на базе обычного Paint, модификация представляет собой отличный фоторедактор для начинающих. Разобраться в Paint.Net сможет практически любой пользователь, а русскоязычный интерфейс позволит быстрее освоить азы фотомонтажа.
Соединить две фотографии в одну в Фотошопе или в другой программе так же просто, как и в случае с онлайн-сервисом. Скачиваем модификацию Paint и устанавливаем на компьютер.
Выбираем две фотографии, которые нужно объединить, и кликаем на одной из них правой кнопкой мыши. В контекстном меню переходим по вкладке «Открыть с помощью» и кликаем Paint.Net.
В открывшемся фоторедакторе переходим по вкладке «Изображение» и жмем «Размер полотна».
Откроется новое окошко, в котором нужно задать размеры нового изображения и направление, в котором будет расширяться полотно. В случае, представленном на изображении снизу, вторая фотография будет расположена справа по горизонтали.
Если две фотографии одинакового размера, то стоит увеличить лишь ширину снимка вдвое. Вбиваем новую цифру в окошко «Ширина» и кликаем «ОK».
Редактор увеличит ширину полотна, и в правой части открытого изображения появится «пустое пространство», которое и нужно будет заполнить второй фотографией.
Перетаскиваем вторую фотографию в открытый редактор и после вопроса, что делать с новой картинкой, кликаем «Добавить слой».
После чего выбираем на панели инструментов «Перемещение выбранной области» (синяя стрелочка с плюсом).
Перетаскиваем второе изображение направо, заполняя второй картинкой пустое пространство.
Поздравляем, склеивание фотки при помощи фоторедактора успешно завершено!
Какой выбрать способ – зависит от вас и ваших умений. Но помните: чем меньше Сеть знает о вас, тем лучше!
.
Снимаем блокировку со слоя, дважды кликнув по замочку в находящейся справа вкладке "Слои". Вместо замочка появится галка. Если же галку снять, то у слоя будет отключена видимость.
Если мы хотим, чтобы фото имели одинаковый размер, то уменьшаем это изображение по ширине до размеров второй. Сделать это можно, пройдя по вкладке главного меню редактора (горизонтальное меню вверху страницы), как показано на картинке.
В открывшемся новом окне вводим значение ширины, равное ширине второй, меньшей фотки. Также, ставим галку, если она не проставлена, у "Сохранить пропорции". Кликаем по кнопке "Да".
Если Вы не хотите, чтоб в итоге у Вас получились фото одинакового размера, то этот пункт опускаем.
Затем надо увеличить размер холста рабочего документа по высоте на значение, равное высоте второму изображению (или на большее, если Вы хотите, чтобы между фото был интервал). Сделать это можно, пройдя по вкладке Изображение --> Размер холста, как показано на рисунке:
В результате открывается такое окно:
В моём случае высота второго фото равна 420 пикселям, это значение я и прибавляю к высоте документа 450 пикселей, и получившийся результат 970 пикселей ввожу в строку "Высота".
Положение якоря выставите, как на рисунке, тогда к холсту прибавится новый участок снизу. Если же Вам надо вставить фотографию сверху, тогда выставите такое положение якоря:
Но я присоединяю фотку снизу, поэтому якорь у меня будет сверху.
Итак, ввожу значение 970 в строку "Высота", жму кнопку "Да". Для удобства просмотра можно уменьшить масштаб отображения документа вращением колёсика мыши. Документ принял следующий вид:
Теперь надо загрузить второе изображение на свободный участок внизу. Для этого проходим по вкладке Слой --> Открыть изображение как слой, как показано на рисунке:
Откроется новое окно, в котором Вам надо выбрать нужное изображение на своём компьютере, жмём ОК. Изображение открылось в документе в новом слое по середине:
Теперь остаётся только переместить фотографию точно вниз документа, используя инструмент "Перемещение".
Ну и сохраняем получившийся документ на свой компьютер, кликнув по вкладке Файл --> Сохранить изображение, в открывшемся новом окне клик на кнопку "Да"
Смотрите видеоурок , демонстрирующий данные действия.
Склеивание двух или более фотографий в единое изображение – довольно востребованная функция, которая используется в фоторедакторах при обработке картинок. Соединить изображения можно в , однако данная программа довольно сложна для понимания, кроме того, она требовательна к ресурсам компьютера.
Если соединить фотографии нужно на слабом компьютере или вовсе на мобильном устройстве, на помощь придут многочисленные онлайн-редакторы.
Сегодня мы расскажем о самых функциональных сайтах, которые помогут совместить две фотографии. Склейка пригодится в случаях, когда необходимо создать единое панорамное фото из нескольких картинок. Рассмотренные ресурсы полностью на русском языке, поэтому разобраться с ними смогут и рядовые пользователи.
Способ 1: IMGonline
Онлайн-редактор для работы с фото порадует пользователей своей простотой. Нужно лишь загрузить на сайт фотографии и указать параметры их совмещения. Наложение одной картинки на другую произойдет в автоматическом режиме, пользователю остается лишь скачать результат на компьютер.
Если необходимо объединить несколько фото, то первоначально склеиваем две картинки, потом к результату присоединяем третье фото и так далее.
На сайте много дополнительных инструментов, которые помогут получить в свое распоряжение желаемое изображение без необходимости устанавливать и разбираться в функционале Фотошопа. Главное достоинство ресурса – вся обработка происходит в автоматическом режиме без вмешательства пользователя, даже с настройками «По умолчанию» получается достойный результат.
Способ 2: Croper
Еще один ресурс, который поможет соединить одну картинку с другой всего за несколько щелчков мышью. К преимуществам ресурса можно отнести полностью русскоязычный интерфейс и наличие дополнительных функций, которые помогут провести постобработку после склеивания.
Сайт требует стабильного доступа в сеть, особенно если ведется работа с фото в высоком качестве.
Способ 3: Сreate Сollage
В отличие от предыдущих ресурсов, на сайте можно склеивать до 6 фотографий одновременно. Работает Сreate Сollage быстро и предлагает пользователям много интересных шаблонов для склеивания.
Главный недостаток – отсутствие расширенных функций. Если нужно будет дополнительно обработать фото после склеивания, придется загружать его на сторонний ресурс.
Соединение фото занимает несколько секунд, время варьируется в зависимости от размера картинок, с которыми ведется работа.
Мы рассказали о наиболее удобных сайтах для соединения изображений. С каким ресурсом работать – зависит лишь от ваших пожеланий и предпочтений. Если необходимо просто соединить две и более картинки без последующей обработки, отличным выбором станет сайт Сreate Сollage.
Если в Вашем документе есть несколько картинок, из которых состоит один рисунок, но при этом каждая – это отдельное изображение, то перемещать увеличивать или уменьшать всю композицию довольно сложно. Для этого лучше сгруппировать все картинки в Ворде в один целый рисунок. А как это сделать, я расскажу в данной статье.
Мы объединим несколько рисунков в один, также покажу, как можно сгруппировать рисунок и надпись. У меня установлен Ворд 2010, но данные рекомендации подойдут, если Вы пользуетесь версией Word 2007, 2013 или 2016.
Итак, добавьте в документ все необходимые картинки и разместите их на листе так, как Вам нужно. Как видите, все они никак не связаны друг с другом, и выделяются отдельно.
Следующие, что нужно сделать – это изменить вид обтекания. При добавлении в документ, картинкам присваивается обтекание «В тексте» , но… именно при таком типе обтекания, объединить картинки не получится.
В примере я выбрала «Вокруг рамки» . Сделайте так для всех изображений.
После того, как закончите с предыдущим пунктом, можно наложить картинку на картинку в Ворд , прочесть по это подробнее можно, перейдя по ссылке.
Дальше выделите одно изображение, нажмите и удерживайте клавишу «Ctrl» . Наводите курсор мышки на другие картинки, и когда он примет вид стрелки с плюсиком, кликайте по ним, чтобы добавить к первой выделенной. Выделите таким образом все и отпустите «Ctrl» .
Кликните по одной из выделенных картинок правой кнопкой мыши, и в контекстом меню выберите пункт «Группировать» .
Или перейдите на вкладку «Работа с рисунками» – «Формат» и в группе «Упорядочить» нажмите на кнопку «Группировать» .
После этого, они все будут объединены, и вокруг них появится одна общая рамка. Поворачивайте, увеличивайте или уменьшайте всю композицию целиком.
Кстати, чтобы изменить любую из картинок, не нужно разгруппировывать объект, выделите сначала всю группу, а потом кликните по нужной. Вокруг нее появится рамка с маркерами, и Вы сможете ее изменить.
Если Вы, например, делаете открытку в Ворде или просто информационную надпись, тогда помимо картинок у Вас еще будет текст, который так же было бы неплохо сгруппировать с изображениями.
Чтобы это сделать, необходимо учесть следующее, нужно чтобы он был не просто напечатан, а вставлен в документ как «Надпись» или объект WordArt. На вкладке «Вставка» можно выбрать «Фигуры» – «Надпись» или нажать на кнопку «WordArt» .
Я добавила блок с помощью WordArt. Замечу, что все рисунки у меня разгруппированы. Поэтому выделяю картинки и надпись мышкой, с зажатой при выделении клавишей «Ctrl» . Чтобы выделить блок с текстом, нужно нажать именно на границу. Для этого, проведите мышкой по краю прямоугольника с текстом (границы видно не будет), и там, где курсор изменится на стрелку, кликните мышкой.
Когда все выделите, нажмите правой кнопкой мыши по любому выделенному объекту и выберите в контекстном меню «Группировать» .
Теперь сделанную композицию можете крутить, уменьшать, перемещать и прочее.
Вот так, всего в пару кликов мышки можно сделать из отдельных картинок один общий рисунок. И теперь, если нужно будет их немного сдвинуть, не придется делать это отдельно для каждой, можно сразу переместить весь сгруппированный объект.
Оценить статью: