Содержание

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

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

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

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

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

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

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

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

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

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

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

Обводка

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

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

Объединение картинок в Photoshop с обводкой и размытыми границами

Объединение картинок в Photoshop с обводкой и размытыми границами

*Реклама

Готово.

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

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

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

Видео инструкция

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

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

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

Фотошоп для начинающих

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

Объединение картинок в Photoshop с обводкой и размытыми границами

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

Как в Photoshop разместить два изображения рядом

Научитесь объединять две фотографии в одно изображение с помощью Photoshop. Пошаговое руководство для Photoshop CC и CS6.

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

Я использую последнюю версию Photoshop CC . Но описанные ниже действия верны и для версии программы CS6.

Сначала нужно открыть изображения. По умолчанию Photoshop открывает изображения в отдельном документе. Но нам нужно поместить два изображения в один документ.

Поэтому идем в меню Файл, выбираем пункт «Сценарии», «Загрузить файлы в стек»:

Путь: Файл (File) > Сценарии (Scripts) > Загрузить файлы в стек (Load Files into Stack).

В диалоговом окне «Загрузить слои» выбираем пункт «Применить к файлам» и затем кликаем по кнопке «Обзор»:

Диалоговое окно «Загрузить слои» (Load Layers).

Указываем фотографии, которые хотим открыть. Далее кликаем по кнопке «Открыть».

Выбираем изображения и кликаем «Открыть» (Open).

Возвращаемся к диалоговому окну «Загрузить слои».

Две опции внизу «Попытка автоматически выровнять исходные изображения» и «Создать смарт-объект после загрузки слоев» оставляем неотмеченными. Затем загружаем изображения в Photoshop, кликнув по кнопке OK:

Кликаем «OK» для загрузки изображений в Photoshop.

Photoshop загружает оба изображения в один документ. В панели слоев каждое изображение расположено на отдельном слое. При этом имена файлов используются в названии слоев:

Панель «Слои» показывает каждое изображение на отдельном слое.

Изображение, расположенное на верхнем слое (фотография мамы и дочки из фото-банка Adobe Stock):

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

Отключим видимость верхнего слоя, кликнув по иконке глаза:

Прячем изображение верхнего слоя.

После этого мы увидим изображение, расположенное на нижнем слое (фотография футболиста  из фото-банка Adobe Stock):

Второе изображение.

Включим видимость верхнего слоя:

Включаем видимость верхнего слоя. 

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

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

Выбираем инструмент «Перемещение» (Move Tool).

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

Переходим в меню «Просмотр» и проверяем, активна ли опция «Привязка»:

Проверяем активность опции «Привязка» (Snap).

Ниже включаем параметр «Привязать к» и проверяем активность опции «Границы документа»:

Убедитесь, что опция «Привязать к границам документа» активна.

В панели «Слои» выделяем верхний слой:

Кликаем по верхнему слою, чтобы выбрать его.

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

Перетаскивание верхнего изображения вправо от нижнего изображения.

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

Верхнее изображение скрыто за краем холста.

Чтобы активировать видимость обоих изображений, в меню «Изображение» выбираем опцию «Показать все».

Идем в меню «Изображение» (Image) > «Показать все» (Reveal All).

При этом Photoshop изменяет размер холста, чтобы разместить два изображения:

Результат после использования опции «Показать все» (Reveal All).

Но что делать, если нужно поменять изображения местами?

Убедитесь, что инструмент «Перемещение» все еще активен:

Проверяем, активен ли инструмент «Перемещение» (Move Tool).

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

Идем в «Выделение» (Select) > «Все» (All).

В панели слоев выбираем верхнее изображение, кликая по нему:

Выбираем верхний слой.

После этого в панели параметров кликаем по иконке «Выравнивание по левому краю» или «Выравнивание по правому краю».

Мне нужно переместить изображение справа налево, поэтому я кликаю по иконке «Выравнивание по левому краю»:

Кликаем по иконке «Выравнивание по левому краю» (Align Left Edges).

После этого Photoshop выровняет левый край изображения по левому краю холста:

Результат после перемещения верхнего изображения справа налево.

Выделите нижний слой:

Для выделения нижнего изображения кликаем по нижнему слою.

Чтобы переместить нижнее изображение вправо, я кликаю по иконке  «Выравнивание по правому краю»:

Кликаем по иконке «Выравнивание по правому краю» (Align Right Edges).

После этого Photoshop выравнивает правый край изображения по правому краю холста. Чтобы отменить выделение холста, в меню «Выделение» выбираем пункт «Отменить выделение»:

Результат после перемещения нижнего изображения слева направо.

Мы научились загружать два изображения в один документ Photoshop, размещать изображения рядом и менять их местами!

Данная публикация представляет собой перевод статьи «Photoshop Quick Tip: How to Place Two Images Side by Side» , подготовленной дружной командой проекта Интернет-технологии.ру

Как объединить несколько фотографий в Photoshop

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

Кстати, сделать это можно несколькими способами. Но – обо всём по порядку.

Итак, открываем необходимые нам изображения в Photoshop, а затем переносим их в один документ разными слоями. Можно выделить и перетащить, а можно использовать комбинацию клавиш Ctrl + C и Ctrl + V, кому как удобнее.

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

Теперь нажимаем комбинацию клавиш Ctrl + T, то есть приступаем к трансформации слоя. Кликаем мышкой на уголке и тянем к центру, уменьшая изображение, затем нажимаем Enter, подтверждая преобразование. И так с каждым слоем, чтобы они были нужного размера.

Дальше ещё проще: перетаскиваем изображения на нужное место и сохраняем итоговый вариант в нужном формате – лучше всего JPG. Готово!

Другие способы объединения фотографий

Ещё один интересный способ с потрясающим эффектом! Открываем изображения, переносим в один документ разными слоями и меняем режим наложения в палитре слоёв. По умолчанию задан режим «Обычный», нам же нужно изменить его на «Замену светлым». Используйте комбинацию клавиш Ctrl + J и продублируйте слой, после чего поменяйте режим наложения на «Осветление». Это даст возможность увидеть разницу при наложении.

Другой способ объединения фотографий состоит в использовании градиента. Активируем верхний слой и добавьте слой-маску, нажав на соответствующую иконку. Далее нажимаем клавишу G, вызывая палитру инструментов, и выбираем инструмент «Градиент». Жмём на клавишу D, чтобы сбросить цвета. При этом в панели параметров должен быть выбран вариант «От основного к фоновому», «Линейный градиент», режим наложения «Нормальный» и непрозрачность в 100%, в противном случае результат будет совсем не тем, который нужен. Теперь зажимаем мышку и ведём от края верхнего слоя в сторону. Эффект будет потрясающим!

Онлайн Фотошоп – это отличный инструмент для коллажирования, объединения фотографий, добавления различных эффектов и многих других фишек, способных удивлять и восхищать! Главное – пробовать и экспериментировать, это и есть творчество!

© online-photoshop.org

Объединение фотографий в Photoshop — три эффективных способа

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

Откройте оба изображения в Photoshop. Выберите первое изображение, используйте инструмент «Перемещение» (клавиша V) и перетащите на вкладку другого изображения. Пока не отпускайте левую кнопку мыши.

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

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

Нажмите Ctrl + T. Перетащите один из углов к середине.

В палитре слоев измените режим наложения. По умолчанию задан режим «Обычный». Поменяйте значение параметра на другое. Мы используем режим «Замена светлым».

Нажмите Ctrl + J, чтобы дублировать слой. Измените режим наложения нового слоя на «Осветление». Видите разницу, когда мы используем слои с различными режимами наложения?

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

Выберите инструмент «Градиент» в палитре инструментов (G). Нажмите клавишу D, чтобы сбросить цвета.

Убедитесь, что в панели параметров у вас выбран «От основного к фоновому», «Линейный градиент», режим наложения «Нормальный» и непрозрачность 100%.

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

Начните со второго шага. При выбранном верхнем слоем нажмите кнопку FX и затем выберите «Параметры наложения».

Перейдите к ползунку «Данный слой» (параметр «Наложение, если»). Передвигайте черный треугольник вправо до тех пор, пока фон не исчезнет из области слоя с игроком. Удерживая нажатой клавишу Аlt, кликните по ползунку сбоку от треугольника, чтобы получить более плавное смешивание.

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

Продублируйте слой с баскетболистом. Откройте окно стилей слоя и перейдите на вкладку «Параметры наложения». Сдвиньте треугольник ползунка влево.

Теперь мы создадим инвертированную маску. Удерживая нажатой клавишу Alt, создайте новую маску слоя. Она будет выглядеть черной, а содержимое слоя скрыто.

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

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

Данная публикация представляет собой перевод статьи «HOW TO COMBINE PHOTOS IN PHOTOSHOP, 3 CREATIVE WAYS» , подготовленной дружной командой проекта Интернет-технологии.ру

Как соединить две фотографии в одну в Фотошопе

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

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

Подготовка холста/работа со слоями

За 2 исходных фотоснимка возьмем пейзажи, один из которых зимний, а другой летний:

Соединение двух фотографий в одну в Фотошопе

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

Соединение двух фотографий в одну в Фотошопе

Также можно воспользоваться комбинацией клавиш ALT+CTRL+C.

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

Соединение двух фотографий в одну в Фотошопе

Обязательно укажите в настройках направление расширения холста, иначе он расширится равномерно со всех сторон.

Соединение двух фотографий в одну в Фотошопе

Для подтверждения операции нажмите ОК.

Соединение двух фотографий в одну в Фотошопе

Остается просто перетащить второй снимок на освободившееся место.

Соединение двух фотографий в одну в Фотошопе

Затем сделайте так, чтобы фотографии немного заходили друга на друга внахлест.

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

Случается так, что фотография заблокирована и не поддается редактированию. Исправить это можно, кликнув по фоновому (заблокированному) слою дважды, после чего появиться меню функции «Новый слой». Подтвердите операцию копирования, нажав ОК.

Как соединить две фотографии в одну в Фотошопе

Создаем плавный переход

Теперь нужно перейти на верхний слой и создать белую маску. См. скриншот ниже:

Как соединить две фотографии в одну в Фотошопе

После, выберите инструмент «Кисть»:

Как соединить две фотографии в одну в Фотошопе

Лучше всего для этой задачи подойдет кисть мягкой и круглой формы.

Как соединить две фотографии в одну в Фотошопе

Также выставьте показатель непрозрачности примерно на 20%.

Как соединить две фотографии в одну в Фотошопе

В палитре цветов необходимо выбрать черный цвет.

Как соединить две фотографии в одну в Фотошопе

Аккуратно сотрите границу между снимками. На палитре слоев результат будет выглядет так:

Как соединить две фотографии в одну в Фотошопе

А вот и сам финальный результат соединения двух фотографий в одну на холсте:

Как соединить две фотографии в одну в Фотошопе

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

Оставайтесь с нами и изучайте другие уроки по работе с программой. Удачи в творчестве!

Как объединить два изображения в Photoshop

В этой статье мы рассмотрим, как в Photoshop Elements 5 (или в полной версии Photoshop) соединить два изображения. Существует много программ для соединения изображений, но этот метод предлагает нам большую гибкость.

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

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


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


Таким образом, чтобы скорректировать изображения, сначала расширим холст: Изображение> Изменить размер> Холсты … увеличиваем размер примерно на 25% (мне нравится черный фон), выравниваем слои, затем открываем (новый) инструмент искажений камеры: Фильтр>Коррекция дисторсии и регулируем вертикальную перспективу.

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


А вот фото переднего плана. Обратите внимание, что на обоих изображениях дерево теперь выровнено по вертикали:


Убедитесь, что оба изображения являются горизонтальными: Вид> Сетка и Изображение> Повернуть> Настроить.

Теперь, выбираем одно из изображений и снова увеличиваем холст (Изображение> Изменение размера> Размер хоста), так чтобы вы могли поместить другое изображение поверх текущего и передвинуть его как вам нужно — особенно сильно нам нужно увеличить холст по вертикали.

Скопируйте изображение (Ctrl + A, Ctrl + C) и вставьте его на холст другого изображения (Ctrl + V). Отрегулируйте непрозрачность (в палитре слоев) вышерасположенного фото до 50%, чтобы через верхнее изображение вы могли видеть, как располагается нижнее.

Теперь используйте инструмент «Перемещение», чтобы переместить верхнее изображение на нужное место … вот почему важно было достаточно расширить холст нижнего фото, чтобы не обрезать верхнее. Теперь вы можете использовать инструмент «Произвольная трансформация» и далее настроить верхнее изображение (Изображение> Трансформация> Произвольная трансформация).

Теперь вы должны использовать «Ластик», чтобы стереть часть верхнего изображения, которая нам не нужна. Если верхний слой у вас это небо, вам нужно аккуратно удалить (с помощью жесткой кисти) его часть, расположенную ниже горизонта. Когда вы закончите, установить обратно прозрачность 100% и, если вы довольны результатом, объедините слои и сохраните проект.

Вот, что у меня получилось:

Данная публикация представляет собой перевод статьи «How To Stitch Photos In Photoshop» , подготовленной дружной командой проекта Интернет-технологии.ру

Слияние и объединение изображений | Уроки Adobe Photoshop

Одним из самых мощных аспектов Adobe Photoshop является его способность комбинировать изображения для создания творческих композиций.

Создавайте текстурированный вид с помощью режимов наложения.

Режимы наложения слоев — это быстрый способ наложения двух изображений. Одна из многих ситуаций, в которых полезны режимы наложения, — это придать изображению текстурированный вид.Для начала откройте эту фотографию из загружаемых файлов практики для этого руководства или свою собственную фотографию. Первый шаг — добавить еще одно изображение, изображение текстуры. перейдите в меню «Файл» и выберите «Поместить внедренное» … Перейдите к изображению текстуры. Как этот из файлов практики для этого руководства. И нажмите «Поместить». Это просто фотография стены, которую я сделал. Это хорошая идея — делать такие изображения, когда вы их видите, чтобы у вас была коллекция текстур для работы в Photoshop.Чтобы закончить размещение изображения текстуры, я подхожу к панели параметров и нажимаю галочку. Взгляните на панель Layers. Поскольку мы используем метод «Поместить встроенное» для добавления изображения, Photoshop автоматически создал новый слой для текстурированной фотографии. Убедитесь, что выбран новый слой Texture2, а затем, чтобы применить режим наложения слоя, перейдите в это раскрывающееся меню в верхней части панели слоев. Здесь вы найдете список из множества режимов наложения на выбор. Каждый режим наложения — это отдельная формула для смешивания цветов выбранного слоя с цветами любых слоев ниже.Результаты зависят от изображений, которые вы используете. Поэтому вместо того, чтобы пытаться предсказать, что произойдет, если вы выберете определенный режим наложения, проще всего попробовать их на изображениях, которые вы используете. Один из способов сделать это — просто нажать на режим наложения в этом меню, чтобы применить его. Например, мы могли бы нажать на режим наложения Overlay, чтобы увидеть, как он выглядит на этом изображении. Photoshop просто смешивает цвета и тона слоя Texture2 с цветами и тонами слоя Background чуть ниже. Или мы могли бы попробовать другой.Давайте попробуем Soft Light, который похож на Overlay, но более тонкий. И вы можете нажимать на каждый режим наложения в меню режима наложения, чтобы проверить его на своем комбо-изображении. Но вот бонусный совет: есть более быстрый способ опробовать различные режимы наложения — циклически переключаться между ними с помощью этого ярлыка. Перейдите на панель «Инструменты» и выберите инструмент «Перемещение». Затем, удерживая нажатой клавишу Shift, вы нажимаете клавишу «плюс» в верхней части клавиатуры. И каждый раз, когда вы нажимаете и отпускаете кнопку «плюс», применяется следующий режим наложения в меню.И если вы посмотрите на панель «Слои», вы увидите, что имена на слое Blend Mode меняются по мере того, как я это делаю. А если вы хотите переместиться в другую сторону вверх по меню, удерживайте клавишу Shift и нажмите клавишу «минус» на клавиатуре. На этой паре изображений мне понравился режим наложения Overlay. Итак, я вернусь в меню Blend Mode и выберу Overlay. Если результат вам не по вкусу, вы можете уменьшить непрозрачность слоя текстуры с помощью ползунка «Непрозрачность», который находится справа от меню «Режим наложения».Пока слой Texture2 все еще выбран на панели «Слои», я перетащу ползунок «Непрозрачность» влево, наведя указатель мыши на его имя и перетащив его. Когда вы довольны результатом смешивания, перейдите в меню «Файл», выберите «Сохранить как …» и обязательно сохраните рабочий файл в формате Photoshop или PSD. Добавление текстуры к фотографии — не единственное, для чего полезны режимы наложения. Режимы наложения слоев также представляют собой простой способ смешать содержимое любых двух изображений вместе. Чтобы попрактиковаться в этом, перейдите в меню «Файл» и выберите «Открыть»…, и перейдите к другой фотографии из файлов практики. Это одна из запутанной пряжи. Я нажимаю «Открыть», а затем добавляю к этому еще одну фотографию, перейдя в меню «Файл», выбрав «Поместить встроенное» …, перейдя ко второй фотографии, такой как эта, из файлов практики, а затем «Я» Я нажму «Поместить». Затем я подхожу к панели параметров и нажимаю галочку. Давайте применим режим наложения слоя к верхнему слою. С инструментом «Перемещение», все еще выбранным на панели «Инструменты», я перейду к меню «Режим наложения слоя» и попробую выбрать вариант отсюда, или, как я уже показал вам, вы можете удерживать клавишу Shift и щелкнуть клавишу «плюс» на клавиатуре, чтобы переключаться между разными режимами наложения, чтобы каждый из них выглядел по-разному.Мне понравился режим наложения «Светлее» на этой паре изображений, поэтому я вернусь в меню «Режим наложения» и выберу «Светлее». Таким образом вы можете получить действительно интересные сочетания контента на нескольких изображениях. Итак, попрактикуйтесь с некоторыми режимами наложения слоя на ваших собственных изображениях. В следующем видео вы узнаете о другом способе объединения изображений — с помощью маски слоя. Итак, следите за обновлениями.

Что вы узнали: как добавить текстуру к изображению

  1. Начните с двух слоев.Изображение с текстурой, которую вы хотите добавить, должно быть на верхнем слое, а основное изображение должно быть на нижнем слое.
  2. Убедитесь, что на панели Layers выбран верхний слой (текстура).
  3. В верхнем левом углу панели «Слои» измените режим наложения в раскрывающемся меню с Нормальный на Перекрытие . Это изменяет способ взаимодействия цветов в слое текстуры с цветами на слое ниже. Попробуйте другие режимы наложения, чтобы найти тот, который лучше всего подходит для ваших изображений.
  4. В верхней части панели Layers поэкспериментируйте с уменьшением ползунка Opacity , чтобы изменить внешний вид текстуры на изображении.

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

Одна из самых волшебных вещей, которые вы можете сделать в Photoshop, — это объединить несколько объектов в так называемую композицию. Чтобы продолжить, откройте это изображение из файлов практики, которое представляет собой фотографию руки скульптора.Чтобы добавить еще одну фотографию работы скульптора, перейдите в меню «Файл» и выберите «Поместить внедренное» … Выделите это изображение и нажмите «Поместить». Затем перейдите на панель параметров и щелкните галочку. На панели «Слои» создается новый слой, содержащий только фотографию работы скульптора — карандаш на деревянном фоне. Что нам нужно сделать, так это вырезать карандаш или отделить его от дерева. У вас может возникнуть соблазн сделать это, попытавшись стереть дерево. Но у этого метода есть несколько недостатков.Чтобы попробовать, перейдите на панель «Инструменты» и выберите инструмент «Ластик». Затем перейдите к изображению и щелкните. И вы получите это сообщение. Просто нажмите «ОК», чтобы отказаться от этого. А затем вернитесь к изображению и потяните, чтобы стереть часть дерева. Обратной стороной этого является то, что если вы сохраните и закроете это изображение сейчас, а затем снова откроете его, все удаляемые вами пиксели будут удалены навсегда. Итак, если вы торопитесь, вы можете использовать инструмент «Ластик». Но позвольте мне показать вам более гибкий метод редактирования: маску слоя.Чтобы создать маску слоя, перейдите на панель «Слои» и убедитесь, что выбран слой «Объект». Затем спуститесь в нижнюю часть панели «Слои» и щелкните этот значок, который выглядит как прямоугольник с кругом внутри. Это добавляет эту маску слоя к слою объекта. Сначала маска слоя белая, вот так. А если маска слоя белая, она показывает все на слое, к которому она прикреплена. Все на слое Object. Но давайте посмотрим, что произойдет, если мы добавим черную краску к этой маске слоя.Во-первых, дважды проверьте, что выбрана маска слоя, а не миниатюра изображения. Что вокруг него есть граница. Затем перейдите на панель инструментов. И выберите инструмент «Кисть». Спуститесь в нижнюю часть панели инструментов и убедитесь, что у вас черный цвет в качестве цвета переднего плана. Если вы этого не сделаете, нажмите D на клавиатуре. D для цветов по умолчанию. И это устанавливает цвета по умолчанию: черный как цвет переднего плана и белый как цвет фона. Переместитесь в изображение. Нажмите правую или левую скобку, чтобы задать размер кончика кисти, и начните рисовать.Черная краска на маске слоя скрывает изображение на слое объекта. Если вы рисуете слишком далеко и закрашиваете карандаш, вернитесь на панель «Инструменты» и щелкните изогнутую стрелку над полями «Цвет». И это переключается на белый цвет в качестве цвета переднего плана. А затем вернитесь к изображению и закрасьте белым цветом, чтобы показать, что находится на слое Object, чтобы снова показать карандаш. Вот небольшой стишок, который поможет вам это запомнить. Когда вы добавляете краску к маске слоя, черный цвет скрывает, а белый раскрывается. Теперь вернитесь на панель инструментов и снова переключитесь на черную краску.И продолжайте рисовать на маске слоя, скрывая дерево, переключившись на белую краску, если вы сделаете какие-либо ошибки, и закрасьте карандашом. Чтобы ускорить процесс, я просто покажу вам, как будет выглядеть изображение, когда вы закончите скрывать дерево. Теперь не беспокойтесь об идеальной кромке. На самом деле, чтобы сделать это с помощью мыши или трекпада, потребуется много времени. Дело в том, чтобы понять, как работают маски слоев. А в следующем видео я покажу вам еще один способ сделать это, чтобы получить более резкие края, который включает в себя выбор объекта и заливку его черным цветом, а не рисование черным и белым.Итак, теперь давайте закончим, разместив и изменив размер карандаша. Мы перейдем в меню Edit и выберем Free Transform. Удерживая нажатой клавишу Shift, наведите указатель мыши на один из углов, а затем щелкните, удерживайте и перетащите, чтобы уменьшить размер карандаша. Затем выйдите за пределы угла и, когда курсор изменится на изогнутую стрелку с двумя точками, щелкните и перетащите, чтобы повернуть карандаш. Затем переместитесь внутрь границы и перетащите ее, чтобы расположить ее в любом месте изображения. Затем перейдите на панель параметров и щелкните галочку.Теперь, когда вы сохраняете это изображение, обязательно используйте команду «Сохранить как …». И сохраните свой рабочий файл в Photoshop, в формате PSD, чтобы сохранить слои и эту маску слоя. Потому что вы использовали маску слоя, чтобы просто скрыть древесину на слое объекта, а не навсегда стереть ее с помощью инструмента Ластик. Слой объекта остается нетронутым, и вы можете вернуться в любое время и настроить маску слоя с помощью черной или белой краски или даже удалить маску слоя, перетащив ее на значок корзины внизу, внизу панели слоев.И эта гибкость редактирования — настоящая прелесть маскировки слоя.

Что вы узнали: как добавить объект к изображению с помощью маски слоя

  1. Начните с двух слоев. Изображение с объектом, который вы хотите добавить, должно находиться на верхнем слое
    , а основное изображение должно быть на нижнем слое.
  2. На панели Layers убедитесь, что выбран верхний слой (объект, который вы хотите добавить).
  3. В нижней части панели «Слои» щелкните значок Добавить маску слоя .Это добавит белый прямоугольник или эскиз, связанный с вашим верхним слоем. Этот белый прямоугольник — маска слоя. Маска слоя определяет, какая часть связанного слоя видна, а какая скрыта. Белый цвет на маске представляет видимые области. Черный цвет на маске представляет собой скрытые области.
  4. На панели инструментов выберите инструмент Кисть . Выбрав маску (щелкнув миниатюру маски на панели «Слои»), закрасьте черным или белым цветом, чтобы сделать области связанного слоя скрытыми или видимыми.

Используйте маску слоя, чтобы заменить один фон другим.

Вы когда-нибудь хотели заменить смешанный или отвлекающий фон изображения? В этом видео мы сделаем именно это. И мы узнаем больше о маскировке слоя в процессе. Мы начнем с этой фотографии из файлов практики художественного произведения художника по дереву. Заменим его фон на более интересный снимок из студии художника.Первый шаг — добавить еще одно фоновое изображение. Для этого перейдите в меню File, выберите Place Embedded …, перейдите к этому изображению и нажмите Place. Перейдите на панель параметров и щелкните галочку. На панели «Слои» есть совершенно новый слой с новым изображением. Нам нужно перетащить этот новый слой под исходный фоновый слой. Но мы не можем этого сделать, потому что фоновый слой заблокирован. Если вы просто хотите разблокировать этот слой, вы можете щелкнуть этот значок замка. Но если вы хотите разблокировать слой и переименовать его, все за один шаг, затем выберите фоновый слой, щелкнув по нему, а затем щелкните правой кнопкой мыши или удерживайте клавишу Control и щелкните, если вы находитесь на Mac, и выберите слой из фона.И в появившемся диалоговом окне «Новый слой» введите новое имя для этого слоя. Я назову его Карандашом и нажму ОК. Теперь выберите слой Replace_Background2 и щелкните, удерживайте и перетащите под слоем Pencil. Вы можете убрать палец с мыши или трекпада, когда увидите двойную линию под слоем карандаша. Следующее, что мы собираемся сделать, это выделить фон, и на этом этапе вы можете полностью удалить его с изображения, но это будет постоянное изменение и не даст вам большой гибкости редактирования.Чтобы сделать это более гибким способом, мы собираемся использовать выделение с маской слоя. Чтобы понять, что я имею в виду, нажмите на слой Pencil на панели Layers. Перейдите на панель инструментов. И выберите инструмент «Быстрое выделение». Теперь вы можете выбрать объект переднего плана или фон. Поэтому просто щелкните и перетащите фон, чтобы выделить его. Перед тем, как применить маску слоя, нам нужно выбрать тот элемент, который мы хотим показать, а не тот, который мы хотим скрыть. Итак, нам нужно инвертировать это выделение. Поднимитесь к меню Select и выберите Inverse.Теперь перейдите на панель «Слои» и щелкните значок «Создать новую маску слоя» в нижней части этой панели. Это реально сэкономило время, потому что Photoshop не только создал маску слоя, но и заполнил область, которая не была выделена на этой маске слоя, черным. А если маска слоя черная, она скрывает содержимое на слое, к которому она прикреплена, слое Pencil. Если маска слоя белая, она показывает содержимое этого слоя. На этой маске белый цвет показывает карандаш, а черный скрывает карандаш.Итак, мы можем видеть новый фоновый слой ниже. Если вас устраивает такой результат, все готово. Вы достигли своей цели по замене фонового изображения. Но вот бонусный вариант: вы можете попробовать настроить маску, чтобы она выглядела еще лучше. Для этого перейдите в меню Select и выберите Select and Mask … Это открывает изображение с примененной маской здесь, в специальной выбранной рабочей области маски. Ранее в этой серии руководств мы посетили это рабочее пространство, когда настраивали выделение.Теперь мы настраиваем маску, которая очень похожа. Сначала щелкните меню «Просмотр» и выберите способ просмотра изображения в этой рабочей области. Я собираюсь выбрать «На слоях», что позволит нам точно увидеть, как карандаш будет выглядеть на новом фоновом слое, когда мы настраиваем маску. Я нажимаю пустую область, чтобы закрыть меню «Просмотр», а затем перехожу в раздел «Глобальное уточнение» этого диалогового окна. Здесь есть ползунки, которые часто хорошо работают, когда вы пытаетесь выделить изображение с резкими краями, например этот карандаш.Следите за этим белым ореолом по краю карандаша, который мы хотим удалить, когда я перехожу к ползунку Shift Edge и перемещаю его влево. Я сжимаю маску так, чтобы она скрывала этот край. Вы также можете попробовать перетащить ползунок Smooth вправо, чтобы сгладить край этой маски, и я мог бы попробовать перетащить ползунок Contrast вправо, чтобы сделать край вдоль карандаша немного более контрастным или четким. Когда вы закончите с ползунками, прокрутите вниз и убедитесь, что в меню «Вывод в» установлено значение «Маска слоя», а затем нажмите «ОК».И это изменяет маску слоя, которую мы уже применили к слою Pencil. И последнее: обратите внимание, что между миниатюрой маски слоя и миниатюрой изображения на слое карандаша есть значок связи. Это означает, что если бы мы переместили слой Pencil, маска слоя пошла бы вместе с ним. Перейдите на панель инструментов и возьмите инструмент «Перемещение», затем нажмите на карандаш и перетащите его вправо. Теперь все, что осталось сделать, это сохранить изображение, и вы должны обязательно использовать команду «Сохранить как …» и сохранить в Photoshop — формате PSD — чтобы вы сохранили свои слои и эту маску слоя, поэтому что у вас есть возможность вернуться в будущем и настроить маску слоя дальше, если захотите.

Что вы узнали: как использовать маску слоя для скрытия фона

  1. Начните с двух слоев. Исходное изображение должно быть на верхнем слое, а замещающее фоновое изображение должно быть на нижнем слое.
  2. Убедитесь, что на панели Layers выбран верхний слой (исходное изображение).
  3. На панели инструментов выберите инструмент Quick Selection и используйте его, чтобы выбрать все области исходного изображения, которые вы хотите сохранить в окончательном виде, — все, кроме фона исходного изображения.
  4. В нижней части панели Layers щелкните значок Добавить маску слоя . Это добавляет миниатюру маски слоя, связанную с верхним слоем. Маска слоя скрывает все, кроме того, что вы выбрали. Скрытые области на верхнем слое позволяют видеть сквозь стек слоев замещающий фон на нижнем слое.
,

Как объединить фотографии в Photoshop

Узнайте, как объединить разные фотографии в одно изображение в Photoshop.

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

Вы узнаете

  • Как объединить фотографии, перетаскивая их на вкладки во фрейме приложения
  • Как отключить фрейм приложения и объединить, перетаскивая их в окна изображений
  • Как отображать несколько изображений на мозаичном дисплее
  • Как сделать изменить размер изображения по размеру
  • Быстрый и грязный способ вырезания фотографии
  • Как сопоставить цвета двух разных изображений

Надеюсь, вам понравится это видео и вы найдете его полезным! Не забудьте подписаться на бесплатное членство и стать частью CAFE Crew.

Привет, Cafe Crew, это Колин Смит из PhotoshopCAFE, и на этой неделе я покажу вам, как объединить две фотографии вместе в Adobe Photoshop. Кажется, что это область, в которой люди часто спотыкаются, поэтому я собираюсь сделать учебник по ней прямо сейчас и просто отвечу на все эти вопросы раз и навсегда; как совместить две фотографии. Я покажу несколько разных способов.

Метод 1 (только CC)

Шаг 1

Самый простой способ сделать это в Photoshop CC — нажать и удерживать кнопку мыши (или перо wacom) по фотографии, которую вы хотите перенести на другую.

Combining photos to a single document in photoshop

Шаг 2

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

keep holding down the mouse button

Шаг 3

Мышь или курсор наверху нового изображения. (все еще удерживая левую кнопку мыши). Удерживайте нажатой клавишу Shift, (сдвиг центрирует ее)

Shift to constrain as you resize

Шаг 4

А теперь отпустите. Теперь у нас есть обе фотографии внутри двух слоев друг над другом, поэтому мы можем их объединить.

combined images in Photoshop CC

Метод 2 плавающих окон (все версии)

Выберите меню окна и фрейм приложения на Mac.

application frame in photoshop on MAC

В Windows: Окно> Упорядочить> Плавать все в Windows

Floating photoshop windows

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

Метод 3 мозаичных окна (все версии)

Шаг 1

Выберите «Окно», затем выберите «Упорядочить», а затем просто измените его, скажем, на «2 вертикальных».Теперь мы можем видеть два документа рядом.

choose arrange>tile windows

Шаг 2

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

tiled windows in photoshop

Создание быстрого совмещения в Photoshop

Составное: при объединении более двух изображений в Photoshop для создания нового изображения.

Теперь мы собираемся очень быстро создать небольшую композицию, объединив эти две фотографии.

tiled windows in photoshop tiled windows in photoshop tiled windows in photoshop

Шаг 1

Объедините 2 изображения в одно, используя описанные выше методы.

laters panel in photoshop

Шаг 2

Ctrl / Cmd + T, вызывает Free Transform, но обратите внимание, что фотография, которую мы поместили сюда, намного больше, что мы не можем видеть эти ручки.

laters panel in photoshop

Если я уменьшу масштаб, в конце концов, вы увидите эти ручки.Есть быстрый способ сделать это, просто нажмите Ctrl / Cmd + 0 (ноль), и он будет уменьшаться, пока вы не увидите эти маркеры.

laters panel in photoshop

Шаг 3

А теперь я могу подойти к углу, удерживая клавишу Shift и растянуть его пропорционально. Если я также буду удерживать клавишу Option, она перетащит ее вверх из центра. Введите, чтобы применить.

free transform

Step 4

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

Возьмите инструмент быстрого выбора и перетащите его в область для выбора. quick select tool

making a selection

Шаг 5

Выберите Select> Inverse Selection, (Ctrl / Cmd + Shift + I)

inverse a selection

Step 6

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

add a layer mask

masked image

Шаг 7

Обратите внимание, что у нас есть небольшая резкость.Мы могли бы просто немного обмануть, чтобы это исправить. Убедитесь, что маска слоя выбрана.

layer mask

Откройте панель «Свойства» (окно> свойства)

Выберите ползунок растушевки и слегка нажмите на него. Это смягчит край.

feather the mask to soften the edge in Photoshop

Сейчас, в реальном мире, я бы использовал Select and Mask (см. Учебник), но я просто пытаюсь показать здесь некоторые основные принципы.

Соответствие цветов на слоях

Цвета не совпадают. Один слой имеет теплый оттенок, а другой — синий.Итак, вот как вы с этим справитесь.

Шаг 8

Выберите фон, потому что мы хотим его изменить.

Так как же нам это сопоставить? Вот быстрый способ? Мы переходим к Image Adjustments, а затем переходим к Match Color.

feather the mask to soften the edge in Photoshop

Шаг 9

Выберите наш источник. И нашим источником будет наше рабочее изображение, подобное jacksons.jpg

match color dialog box

Step 10

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

match color

Шаг 11

Обратите внимание, когда я это делаю, он применяет цвета из этого слоя к другому.

the color from one layer is copied to another

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

fade the color

Объединение слоев с помощью цвета

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

Step 12

Итак, если мы просто перейдем к кнопке добавления корректирующего слоя и выберем сплошной цвет. Придадим ему приятное оранжевое свечение.

solid color choose color for overlay

Шаг 13

Переход в режим наложения цветов.

color blending mode in photoshop

Шаг 14

А затем полностью уменьшите непрозрачность.

color overlay

color overlay

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

У меня также есть бесплатное руководство по объединению фотографий в Photoshop

Посмотрите все другие бесплатные видео здесь, в CAFE, а когда вы будете готовы к более глубокому обучению, просмотрите наши почти 200 премиальных курсов!

Рад видеть вас здесь, в CAFE

Colin

Как видите, режимы наложения слоев играют большую роль в подобных вещах. Получите бесплатную электронную книгу в формате PDF прямо сейчас. Мы собирались продать это за 9,99 доллара, но решили, что отдадим его вместо этого и посмотрим, что произойдет 🙂

blend


.

Как объединить изображения в одно составное изображение в Photoshop CS5 | Small Business

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

Откройте Photoshop и щелкните «Файл» в крайнем левом углу верхней панели инструментов, затем выберите «Открыть». Перейдите к одному из файлов, которые вы хотите использовать в своей композиции, и дважды щелкните по нему. Это откроет файл в Photoshop. Сделайте это для всех файлов, которые хотите использовать. Зайдите в File и выберите New. Откроется окно с просьбой указать размеры файла. Введите желаемые размеры и нажмите ОК.

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

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

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

.

Как комбинировать и совмещать фотографии в Photoshop: ночное небо

Как комбинировать фотографии, плавно совмещать и сочетать цвета в Photoshop.

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

Шаг 1.

Откройте 2 изображения в Photoshop, они находятся в отдельных документах, нам нужно вывести их в одно окно.

Шаг 2.

Это так же просто, как трехэтапный процесс: нажмите, удерживайте и отпустите. Но это нужно делать правильно.

1. Выберите инструмент перемещения (v). Щелкните и перетащите вверх на вкладку документа, в который вы его перемещаете.

2. Пока не отпускайте, подождите пару секунд и откроется изображение назначения, продолжайте удерживать (я чувствую себя Храбрым сердцем, держите, держите …)

3.Переместите курсор в середину изображения и отпустите. (Удерживайте Shift, чтобы поставить его на место).

Теперь вы увидите изображения как 2 слоя. Давайте разместим их

Шаг 3.

Перетащите верхний слой на место. Если вы нажмете Cmd / Ctrl + T, вы увидите границы.

Нажмите Enter, когда он расположен правильно.

Шаг 4.

Давайте изменим размер холста, чтобы показать всю композицию.

Выберите «Изображение»> «Показать все»

И, бум, теперь холст имеет правильный размер.

Шаг 5. Плавное наложение изображений

Выберите верхний слой и щелкните значок новой маски слоя

Шаг 6.

Выберите инструмент градиента (G), сбросьте передний план и фон цвета (D).

Убедитесь, что градиент установлен на линейный, передний план на задний план, обычный режим наложения и 100% непрозрачность (настройки по умолчанию).

Шаг 7.

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

Шаг 8, сопоставление цветов по слоям в фотошопе

У нас есть хорошая смесь, теперь нам нужно сопоставить цвет и тон изображений.

Дублируйте фоновый слой (водопад) Ctrl / Cmd + J

Шаг 9.

Выберите «Изображение»> «Коррекция»> «Подобрать цвет».

В разделе «Источник» выберите тот же документ, над которым вы работаете.

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

Шаг 10.

Отрегулируйте 3 ползунка до совпадения (см. Видео для более подробной информации).

  • Яркость: Яркость
  • Интенсивность цвета: Насыщенность
  • Затухание: Степень эффекта

Шаг 11: Очистка светлых участков.

Цвета совпадают, но блики выглядят размытыми, давайте сделаем их яркими.

С выбранным верхним слоем фона (тот, к которому мы применили соответствующий цвет). Нажмите кнопку fx на панели слоев.

Выберите «Параметры наложения» в самом верху всплывающего окна.

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

Удерживая нажатой клавишу alt / option, потяните за правую сторону белого треугольника. Он разделится и позволит получить красивое равномерное смешивание белых цветов.

Сделайте так, как на снимке экрана.

И все готово! Congrats!

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

Спасибо,

Colin

PS Не забудьте присоединиться к нашему списку рассылки и подписаться на меня в социальных сетях>

(в последнее время я публиковал забавные истории в Instagram и Facebook)

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


.