Как объединить 2 фотографии в photoshop cs6. Как объединить два изображения в Photoshop. Вставка в изображение фрагмента из другой картинки
1 голосЗдравствуйте, уважаемые читатели моего блога. Сегодня мы поговорим об одной очень простой манипуляции, благодаря которой можно создавать довольно красивые объекты. Здорово, когда всего одной функции достаточно, чтобы делать нечто полноценное, уникальное и полезное. Это именно такой случай.
Сегодня я расскажу вам как в фотошопе соединить две картинки. Вы получите не только пошаговую инструкцию, но и сумеете в будущем, благодаря этой статье, обрабатывать края изображения: выделять контуром границы, а также создавать плавные переходы. Все это добавит вашей работе изящества и позволит ей выгодно смотреться на стене, если захотите распечатать коллаж.
Такие портреты можно даже продавать, если у вас есть доля амбициозности, предпринимательская жилка и подписка на мой блог. Я часто рассказываю о простых способах раскрутить свой бизнес в интернете, вам остается только выбирать подходящие советы и пользоваться ими.
Ну а теперь давайте перейдем непосредственно к работе над фотографиями. Как же их объединить?
Сливаем фото воедино
Для работы я скачал 2 фотографии из . У вас может быть несколько картинок, это не так важно. Сохраните их в папке, откройте Photoshop и будьте готовы к дальнейшим действиям.
Существует несколько способов добавления изображения в программу. К примеру, пункт «Файл» — «Открыть» в верхнем меню. Я люблю иной метод, который идеально подходит для создания коллажа. Просто перетаскиваю одно изображение в рабочее поле программы из папки, а затем другое.
Вообще, этот способ для данной работы считается «правильным». В статье я рассказывал почему. Если вы добавляете картинку обычным способом, то несколько манипуляций с размером могу привести к тому, что пиксели на фото побьются и качество пострадает. Если вы вставляете рисунок из папки, то Photoshop воспринимает его как смарт-объект и препятствует пиксельной поломке.
Если вы перетаскиваете несколько картинок сразу, то они открываются в соседних окнах. Если же сначала добавляете в рабочее поле одну, а затем вторую-третью и так далее, то они накладываются на исходное изображение.
Не составит большого труда уменьшить, увеличить или перетащить новое фото. Все это делается при помощи мыши. Единственное, могу раскрыть несколько полезных секретов. Если вы зажмете Shift, а затем начинаете манипулировать курсором, то пропорции сохранятся. Картинка не будет «вытянута» по горизонтали или вертикали.
Еще одно полезное сочетание клавиш – Ctrl+T. Если вы, предположим, уже поработали над изображением и нажали enter, чтобы применить форматирование, а потом снова захотели поменять размер картинки или ее местоположение, то эти горячие кнопки помогут вам снова вызвать ту же самую функцию.
Вы вообще хорошо разбираетесь в термине « »? Если знаний недостаточно, рекомендую прочитать публикацию в моем блоге, в котором я досконально рассказываю об этой возможности фотошопа. Никаких белых пятен в знаниях не останется.
Сейчас я напомню лишь основные моменты. Не забывайте, что клик по одному из слоев активирует его, вы можете работать с выбранным, а оставшиеся останутся не тронутыми. Однако, если вы сейчас захотите это сделать, то многие функции будут для вас закрыты. В чем причина?
Верхний слой (под цифрой «2») не растрирован, а второй («Фон») закрыт от редактуры. Щелкните по замочку справа, чтобы разблокировать опции нижнего.
С тем, что я назвал «2» придется поступить иначе. Кликните правой кнопкой мыши, а затем в появившемся меню выберите функцию «Растрировать слой».
Все, теперь вы получили доступ ко всем функциям фотошопа и можете применять их на обеих фотографиях.
Обводка
В этом блоге уже есть , в ней вы сможете узнать как работать со сложными контурами. Сейчас, думаю, нам понадобится простой вариант оформления рамки для изображения.
Для этого кликаю в правом меню на функцию Fx и в появившемся окне выбираю «Обводка». Не забывайте, что она будет применена к тому слою, по которому вы кликнули, а он впоследствии подсветился. В данном случае «2».
Разобраться в настройках просто. Размер определяет ширину рамки, можете выбрать положение (из центра, снаружи или внутри картинки), оттенок сделайте более или менее насыщенным – за это отвечает параметр «Непрозрачность», ну и, собственно, сам цвет, который при желании можно заменить на градиент или узор в меню «Тип».
Поиграйтесь с этими настройками самостоятельно. Не забывайте включить «Просмотр», для этого поставьте соответствующую галочку под кнопками «Новый стиль» справа.
Применю обводку для обеих картинок, расположенных рядом.
Плавный переход
Чтобы одно изображение сливалось с другим необходимо поступить несколько иначе. Сейчас я покажу простой способ для новичков.
Сперва выберу прямоугольное выделение, вы можете прочитать в прошлой публикации. Затем выделяю границы картинки, которые будут размыты, ну а затем параметр «Выделение и маска».
Чтобы было лучше видно результат, выберите вид «На слоях».
Здесь также много настроек, но нам сейчас понадобится только «Растушевка» и, возможно, «Сместить край». Подергайте за ползунки, а затем нажмите «Инвертировать».
Теперь, чтобы все получилось в лучшем виде, выберите в верхнем меню пункт «Выделение», а затем «Инверсия». Можно просто использовать горячие клавиши Shift+Ctrl+I.
Готово, нажмите кнопку Del на клавиатуре. Если бы вы не применили параметр «Инверсия», то сейчас удалились бы не края вашей картинки, а все, что находится по центру.
Можно поступить несколько иначе, чем в предыдущем примере. Сначала выделите слой (теперь я работаю с фоном), затем обведите изображение при помощи прямоугольного выделения, после примените инверсию, а уж в конце открывайте функцию «Выделение и маска».
Готово. Вот так выглядит теперь фото. Вы забывайте нажать Del. Кстати, чтобы избавиться от выделительных муравьев по кайме картинки используйте сочетание Ctrl+D.
Рисунок у нас получился полупрозрачным. Почитайте, если хотите более подробно . Я же предлагаю вам создать новый слой в качестве подложки. Рядом с иконкой «Корзина» в меню справа вы находите кнопку для создания нового слоя. Затем перетаскиваете его под фоновое изображение.
Выбираете подходящий цвет и инструмент заливка и применяете его к картинке. Кстати, думаю, что сейчас вам может понадобиться статья о том, для изображения. В этой публикации есть много интересных простых способов и методик сотворения вручную.
Вот в принципе и все.
Видео инструкция
Если у вас остались вопросы, вы можете посмотреть видео о том, как объединять две картинки рядом.
Ну, а этот обучающий урок, подойдет вам в том случае, если вы захотите сделать фотографию с плавным переходом. В этом видео есть настройки, о которых я не говорил в тексте этой статьи, так что не проходите мимо.
Ну и мне осталось лишь напомнить, что если вы захотите узнать больше об инструментах, которые есть в фотошопе, то в этом вам поможет курс « Фотошоп с нуля в видеоформате » . Очень много подробной информации для начинающего пользователя, особенно если в будущем вы задумываетесь о том, чтобы зарабатывать на своем умении.
Ну а для тех, кто хочет добиться максимальных результатов в своем хобби – курс
На этом у меня все. Не забывайте подписываться на группу Старт-Лак Вконтакте , чтобы не пропустить нечто полезное. До новых встреч и удачи.
Одна из самых интересных и востребованных возможностей графического редактора – фотомонтаж, вариаций которого может быть масса. Например, можно соединить два фото в Фотошопе, чтобы сделать интересный коллаж, на котором одно изображение плавно переходит в другое. Такой эффект можно применить в различных целях, чаще всего таким образом создают изображения с романтическим настроением. Часто такой прием используется при монтаже свадебных фотографий.
Для начала нужно правильно выбрать исходные фотографии. Представьте, как они будут смотреться вместе. Хорошо, если у изображений есть что-то общее: сюжет, стиль, цвет или еще что-то. Хотя это не обязательно. Желательно также, чтобы качество и размер фотографий не сильно отличались.
Чтобы изображение, смонтированное из двух снимков, смотрелось органично и красиво, недостаточно просто наложить одно фото на другое, отрезать ненужные фрагменты или воспользоваться ластиком. Существует общепринятый прием, когда используются возможности инструмента «Градиент».
Как в Фотошопе соединить фото с помощью градиента?
Итак, начинаем объединять изображения. Для примера мы взяли снимок с девушкой, фон которого в левой части не слишком интересный. Мы соединим это изображение с яркой фотографией парусника в море,
Откройте обе фотографии в программе.
Выберите «Перемещение» на панели инструментов и перетащите одно фото на другое. Если размеры не совпадают, с помощью настройки «Свободное трансформирование» в меню «Редактирование» подгоните фото, которое вы поместили сверху, под размер нижнего слоя.
Активируйте инструмент «Градиент», в его опциях сверху, под основным меню, выберите стандартный черно-белый градиент (если там установлен другой) и тип «Линейный градиент».
На панели инструментов нажмите кнопку «Быстрая маска», которая находится в самом низу.
Теперь нарисуйте линию на той части изображения, которую вы хотите оставить неизменной, часть фото окрасится в красный цвет.
Все остальное, что не закрашено красным, вы впоследствии удалите. Линий можно рисовать несколько, корректируя окрашенную область, чтобы в итоге добиться окрашивания нужного вам фрагмента. Здесь понадобится сноровка, но количество попыток не ограничено – можно рисовать сколько угодно линий, при этом окрашенная область будет меняться.
Теперь нажмите клавишу DEL – выделенный фрагмент удалится. При этом переход одного фото в другое будет плавным.
Если вас не устроил результат – удалилось слишком много или, наоборот, недостаточно, можно в меню «Редактирование» нажать «Шаг назад» и попытаться еще раз.
После удаления фрагмента на нашем фото остались люди, которые немного портят картинку. Мы взяли обычный ластик с мягкими краями и удалили людей. Вот, что в итоге получилось.
А вот еще один вариант с другими фотографиями,
Соединить в Фотошоп два фото в одном можно не только используя обычный линейный градиент, но и другие его типы. Здесь, например, был применен радиальный.
Богатая фантазия, желание и упорство в сочетании с этой техникой помогут вам создать удивительные коллажи из различных фотографий.
Инструкция
Если нужно использовать одну фотографию в качестве фона, а вторую поместить на передний план, начните с загрузки в Photoshop фоновой фотографии — перетащите ее файл в окно редактора. Затем создайте дубликат единственного слоя изображения — выделите его в панели слоев и нажмите сочетание клавиш Ctrl + J. Все последующие операции производите с дубликатом, оригинальный слой может пригодиться, если что-то в процессе обработки пойдет не так, как надо.
Раскройте в меню раздел «Файл» и выберите команду «Поместить». Появится стандартный диалог открытия файла, с помощью которого вам нужно найти вторую фотографию, выделить ее файл, а затем нажать кнопку «Поместить».
Фотография переднего плана будет размещена в центре фоновой и Photoshop сразу включит режим ее трансформирования. С помощью узловых точек на рамке вокруг вставленного изображения измените размеры фотографии. Чтобы соблюдались пропорции, перемещайте угловые точки при нажатой клавише Shift. Затем мышкой или клавишами навигации перетащите фотографию в нужно место фона и нажмите Enter.
Если вы решите поместить обе фотографии рядом, придется изменить размер холста. Откройте в меню раздел «Изображение» и выберите пункт «Размер холста», чтобы открыть окно с настройками этой операции. Можно вместо меню использовать комбинацию клавиш Ctrl + Alt + C. В полях «Ширина» и «Высота» задайте новые значения этих параметров — они не обязательно должны быть точными, введите числа с запасом.
Щелкните один из слоев в панели и включите инструмент «Перемещение» — нажмите клавишу V. Мышкой или клавишами со стрелками передвиньте одну из фотографий к левому краю холста. Затем выделите второй слой и переместите в нужное место другую фотографию. При необходимости подгоните размеры, включив режим «Свободное трансформирование» комбинацией клавиш Ctrl + T.
Обрежьте лишнее пространство холста — раскройте в меню раздел «Изображение» и выберите строку «Тримминг». В появившемся окне настроек операции просто нажмите кнопку OK.
Сохраните совмещенную фотографию с помощью диалога, вызываемого комбинацией клавиш Ctrl + S.
В активном окне программы нажмите на меню «Файл». Сразу после этого вы увидите выпадающий , в котором необходимо выбрать команду «Открыть». Перед вами появится загрузочное окно программы. В данном окне нажмите на иконку «Рабочий стол» (ранее вы перемещали сюда изображения ) и выберите нужные для . После того, как картинки будут выбраны, выполните команду «Открыть», нажав на соответствующую кнопку. Изображения будут открыты в программе порознь. Также существует альтернативный способ открытия сразу двух изображений в программе . Вам даже не придется запускать программу для этого.
Расположите нужные изображения так, чтобы их можно было сразу выделить вместе. После того, как изображения будут выделены, на одном из них нужно кликнуть правой кнопкой мышки. Появится меню, где вам необходимо выбрать команду «Открыть с помощью». На следующем этапе вам нужно перейти по ссылке «Обзор» и выбрать . Приложение будет запущено с уже открытыми изображения ми.
Видео по теме
Умение объединять в одном изображении несколько фотографий может стать очень полезным во многих случаях – если вы делаете дружескую праздничную открытку, свадебную стенгазету, художественный коллаж, рабочую презентацию и многое другое. Создавать коллажи из нескольких фотографий очень просто, если вы владеете Adobe Photoshop.
Инструкция
Выбрав основное фото, продублируйте его слой, кликнув на палитре слоев на пункт Dulplicate layer. С помощью инструмента перемещения (Move Tool) перетащите одну из трех фотографий на дублированный слой, зажав левую клавишу мыши.
На основной фотографии появится третий слой – на нем будет та , которую вы только что перенесли. Поместите слой с новой между дубликатом и оригинальным слоем. Для того чтобы одна фотография органично поместилась на фон другой фотографии , из нее нужно вырезать основной объект. Используйте для этого инструмент Lasso Tool, который вы найдете на панели инструментов программы.
Выделите нужную часть фотографии , а затем инвертируйте выделение (Ctrl+Shift+I) и удалите лишние фрагменты. Вырезанную часть с помощью инструмента перемещения установите в нужное место. Для того чтобы снять выделение, в меню Select выберите опцию Deselect.
Возможно, вам потребуется подогнать размер и форму фотографии под новый фон – для этого нажмите комбинацию клавиш Ctrl+T, чтобы вызвать инструмент свободной трансформации. Для того чтобы не нарушить пропорции фотографии , изменяя ее, зажмите клавишу Shift. Уменьшите или увеличьте и при необходимости разверните ее влево или вправо, меняя ракурс.
Теперь возьмите третью фотографию, которую вы хотите совместить с первыми двумя, и проделайте уже описанные действия – обрежьте лишнее и разместите фото в нужном месте, трансформируя его, если это необходимо.
Источники:
- соединить 3 фотографии онлайн
Довольно часто при работе в Adobe Photoshop возникает необходимость совмещения фрагментов нескольких фотографий . Но как это сделать, если вы не столь близко знакомы с этим графическим редактором. Как открыть сразу несколько изображений?
Вам понадобится
- -компьютер;
- -программа Adobe Photoshop;
- -файлы-фотографии.
Инструкция
Если вам нужно открыть фотографии в отдельных закладах, то зайдите в раздел «Файл», далее нажмите «Открыть», запустив тем самым программу выбора изображений для загрузки в Photoshop. Вы можете сделать все это быстрее, если нажмете одновременно сочетание клавиш CTRL + O. Затем выберите в программе необходимую вам фотографию и щелкните по ней левой кнопкой мыши. По второй выбранной фотографии щелкните мышью, предварительно зажав клавишу CTRL. После этого вы заметите, что в строке «Имя файла» отображаются двух фотографий. Таким способом можно выбрать столько файлов, сколько вам необходимо. Когда все фотографии будут отмечены, нажмите «Открыть» и выбранные файлы загрузятся в Photoshop в отдельных вкладках.
Если у вас нет пользоваться поиском непосредственно через меню Photoshop, то откройте проводник Windows. Для этого дважды кликните мышкой по ярлыку «Мой компьютер» («Компьютер») или нажмите одновременно клавиши WIN + E. Далее найдите папку, где расположены интересующие вас фотографии. Запустите Photoshop и сверните его в окно, расположив так по отношению к папке с изображениям, чтобы их было удобно перетащить. Выделите нужные фотографии, зажав клавишу CTRL, и перетащите их мышью в окно редактора. Он откроет каждую из отмеченных фотографий в новой вкладке.
Если вы хотите чтобы одна фотография была помещена в другую, то нажмите одновременно CTRL + O и откройте первую фотографию. Как только редактор загрузит её, откройте раздел «Файл» и нажмите кнопкой мыши на пункт «Поместить». Перед вами опять откроется диалог выбора файла, и в нем уже откройте вторую фотографию. После этих действий обе фотографии будут размещены в одном слое. Вы можете менять размеры изображения при помощи перемещения точек, расположенных в его углах.
Ряд снимков, содержащих общие элементы, можно объединить в панораму при помощи инструментов трансформации и перемещения Photoshop. Для достижения того же результата подойдет опция Photomerge этого графического редактора.
Вам понадобится
- — программа Photoshop;
- — фотографии.
Инструкция
Загрузите в редактор первый снимок из серии, применив опцию Open меню File, если собираетесь склеивать кадры вручную. Разблокируйте изображение, дважды кликнув по слою.
Увеличьте размер холста так, чтобы на него поместились все снимки, которые вы собираетесь склеивать. Для этого откройте настройки при помощи опции Canvas Size меню Image и включите опцию Relative. В зависимости от количества картинок, с которым вы работаете, увеличьте значение параметра Width. Для склейки двух снимков вам потребуется изменить размер холста на сто процентов. Если вы собираетесь соединять графии не по горизонтали, а по вертикали, увеличьте значение параметра Height.
По очереди вставьте остальные снимки в открытый документ при помощи опции Place меню File и примените к каждой фотографии опцию Rasterize Layer из контекстного меню.
Воспользовавшись инструментом Move Tool, расположите снимки так, чтобы их совпадающие фрагменты оказались наложены один на другой. Уменьшите значение параметра Opacity, чтобы различать детали перемещаемого слоя и фото, лежащего под ним.
Если из-за изменения точки съемки детали на соседних не совсем совпадают по размеру, трансформируйте изображения опцией Distort группы Transform меню Edit. Можно избежать появления резкой границы между кадрами, скрыв часть верхнего слоя при помощи маски. Для этого сделайте черный основным цветом, включите инструмент Brush и уменьшите значение параметра Hardness в его настройках. Воспользовавшись кнопкой Add layer mask, добавьте маску к слою и закрасьте ее над тем участком фото, который должен быть прозрачным.
Для объединения в панораму подходят снимки, сделанные с одинаковыми настройками, выставленными вручную. Фотографии, полученные в режиме «Авто» могут различаться контрастом и цветовым балансом. Чтобы сгладить эту разницу, примените к каждому из слоев опцию Curves группы Adjustments меню Image и отредактируйте цвета объединяемых картинок.
Склеить несколько снимков можно при помощи опции Photomerge группы Automate меню File. Для загрузки картинок воспользуйтесь кнопкой Browse и выберите фотографии для объединения. Включение опции Attempt to Automatically Arrange Source Images позволит программе сделать попытку без вашего участия подогнать порядок и положение картинок в панораме. При хорошем качестве снимков эта попытка может оказаться успешной.
По умолчанию снимки будут сведены в плоское изображение. Включив в панели Settings опцию Perspective, вы получите панораму с имитацией перспективы. Если результат автоматической склейки фотографий вас не устраивает, можете переместить или повернуть отдельные кадры, воспользовавшись инструментами, находящимися в верхней левой области окна Photomerge.
Поставьте галочку в чекбоксе Snap to Image, если хотите получить сведенное в один слой изображение. Результат применения опции Keep as Layers даст панораму, состоящую из нескольких слоев, которые откроются в обычном окне редактора Photoshop. В версии CS3 дублирующиеся области снимков будут скрыты под масками, в более ранних версиях программы слои откроются безо всяких масок.
Получив тем или иным способом сведенную панораму, включите инструмент Crop Tool и обрежьте лишние участки холста и выступающие края деформированных кадров. Сохраните склеенную картинку опцией Save меню File в файл jpg.
Источники:
- Создаём панораму в Photoshop
Довольно часто для уменьшения веса изображения фотографы отключают слои . Подобный шаг позволяет значительно сократить объем картинки, что особенно важно при закачке файла с интернета для экономии трафика.
23.06.2015 27.01.2018
Урок по фотошопу в котором вы узнаете как соединять несколько фотографий в одну, используя программу фотошопа. На самом деле все очень просто и я специально для вас написал этот подробный пошаговый инструктаж.
Мы будем составлять такую композицию из фотографий. Здесь 6 фотографий соединены в одно изображение.
- Конечно, это уменьшенная копия, специально чтобы уместилась на сайте показать для примера.
- Конечно, поняв всю суть метода, вы сможете создавать свои коллажи и шаблоны. Размещать фотографии как угодно, где угодно и сколько угодно в одном изображении.
С чего начать? С планирования. Большинство пользователей фотошопа чтобы создать такой небольшой коллаж делают много лишних действий. Как обычно это происходит — на глаз раскидают фотографии по рабочему полю, тут уменьшат, там уменьшат, тут подрежут, там подрежут и так далее. Я стараюсь так не работать, чтобы экономить своё время и повышать производительность.
Поэтому для начала нужно подготовить шаблон. Что это даст? Во первых, вы сразу и с точностью сможете расположить фотографии по задуманному шаблону. Во вторых, при необходимости вы быстро и с легкостью сможете вставить новые другие фотографии используя шаблон. По моему, плюсы очевидны.
Создайте новый документ в фотошопе размером 989х676 пикселей.
Кроме того, сразу откройте все 6 фотографий которые вы будете использовать в фотошопе. Вы увидите, что все они открылись в разных вкладках. Оставьте включенную вкладку нового созданного документа, где мы будем создавать шаблон. Всего получится 7 вкладок.
Теперь будем создавать места для фотографий. Мы будем использовать инструмент Прямоугольник (Rectangle ), его можно найти на панели инструментов слева.
Используйте любой цвет для прямоугольника, лишь бы не цвет фона, чтобы не сливался.
Расположите первый прямоугольник на изображении. Здесь вы можете сделать, собственно на глаз, его длину, ширину и место расположение на рабочем поле. Но постарайтесь придерживаться той схемы которую мы задумали в самом начале.
Первый прямоугольник это главная большая фотография. Я обозначил границы изображения в виде рамки, чтобы вы понимали как я расположил прямоугольник на белом фоне.
Таким же методом рисуем остальные прямоугольники.
Как видите я их расположил на одинаковом расстояние друг от друга, чтобы было все ровненько и красиво.
Располагайте прямоугольники не обращая внимания на пустые участки изображения которые остаются в разных местах. После того как вы расположите все прямоугольники как задумали вы можете обрезать изображение (рабочее поле) от ненужного — используя инструмент Рамка . Найти его можно также на панели слева.
Список слоев будет выглядеть так:
Теперь будем добавлять фотографии.
Переходим во вкладку с любой фотографией, выделяем её всю с помощью инструмента Прямоугольная область или же просто нажав CTRL+A . Нажимаем CTRL+C чтобы скопировать в буфер обмена.
Переходим во вкладку с нашим шаблоном и выбираем в слоях слой с тем прямоугольником вместо которого мы хотим вставить фотографию. В данном случае это самый большой прямоугольник. Нажимаем CTRL+V и фотография вставиться на новый слой который будет выше прямоугольника — это важно.
Теперь правой кнопкой мышки щелкаем на слой с фотографией и выбираем Создать обтравочную маску.
Создалась обтравочная маска из фотографии и она действует на слой ниже. А слой ниже это наш прямоугольник. Что это значит? Это значит, что фотография будет отображаться только в границах прямоугольника.
Вот как это выглядит на данный момент.
Осталось только уменьшит в масштабе фотографию, чтобы было видно её всю. Это можно делать в режим обтравочной маске, никакого сбоя не произойдет.
Что нужно сделать. Выбрать слой с фотографией и нажать CTRL+T — так мы сможем трансформировать фотографию.
Появились квадратики по границам фотографии — за них мы тянем мышкой и фотография будет уменьшаться. Например с зажатым SHIFT тянем за нижний квадрат по диагонали вверх, фото будет уменьшаться пропорционально.
Уменьшаем фотографию и перемещаем немного наверх, так чтобы фотография была максимально отображена в видимой области.
Жмем ENTER и первая фотография готова.
Таким же методом сделайте все остальные фотографии. Выбирайте прямоугольники, вставляйте на новый слой фотографии и делайте обтравочные маски, после этого корректируйте размер фото. Все как с этой фотографией.
Постепенно вы сделаете все фотографии. Тем самым мы выполнили задачу поставленную ранее — соединили несколько фотографий в одно изображение. Тем самым создали собственный простенький коллаж из фотографий.
Вы можете скачать шаблон PSD этой работы. Чтобы посмотреть как все устроено.
Объединить две фотографии в одну задача довольно трудная, для новичков, которые только начали изучать фотошоп В этой статье мы соединим два изображения в одно с помощью фотошопа и сервиса Pixlr (фотошоп онлайн).
Зачем объединять две фотографии в одну, что такое фотоколлажЗдравствуйте друзья! Вы наверное не раз видели в сети Интернет фотографии, где на одном фоне одной картинки отображаются другие изображения. Зачем совмещать картинки таким образом? В основном для создания нового уникального фото. Это нужно тем людям, которые например, работают на фрилансе и делают подобные картинки на заказ. Или же пользователям, владеющими собственными сайтами, блогами, группами в соц-сетях.
Подобный рисунок принято называть фотоколлаж. Что такое фотоколлаж? Это одна картинка, на которой размещено множество других картинок. Например, на фоне природы гуляют люди. Далее мы узнаем, как объединить 2 фото в одну.
Объединить две фотографии в одну онлайн, программа Pixlr ExpressПомимо фотошопа в Интернете существует специальный сервис Pixlr Express, который может объединить две фотографии в одну и тем самым он создаёт фотоколлаж. Работать с ним достаточно просто. Для начала откроем его главную страницу по этому адресу – (pixlr.com/express). (Скажу, что этот сервис не будет работать, если у Вас включены блокировщики рекламы).
Чтобы создать фотоколлаж нажмите на кнопку – Collag. Далее у нас открывается панель редактирования. Откроются четыре панели, на них можно нажать и выбрать с компьютера те фотографии, которые мы хотим соединить. (Рисунок 1)
Итак, у нас появились две фотографии. Теперь, чтобы их соединить в одну, нажимаем на кнопку Layout, выбираем двойной слой и «Finished», для сохранения картинки. (Рисунок 2)
Впоследствии, появляются две функции Save, что означает сохранить. Нажмите на эту функцию два раза и сохраняем фотоколлаж на компьютер. Итак, мы создали фотоколлаж (Рисунок 3).
Этот инструмент, поможет Вам объединять множество других различных картинок.
Объединить две фотографии в одну в фотошопеИтак, чтобы объединить две фотографии в одну используем второй вариант – программу фотошоп. Открываем фотошоп нажимаем на кнопку «файл», далее «открыть» и выбираем с компьютера ту картинку, которую надо изменить.
Затем так же добавляем второе фото. В фотошпе появились две вкладки картинок. Нам нужно перейти на вторую, чтобы переместить изображение на первое фото. Нажимаете на «слои» затем на два раза щёлкаете левой кнопкой мыши и нажмите «ок». Это необходимо сделать, чтобы была возможность редактирования картинки. (Рисунок 4).
После данного действия, с этого фона картинка удалиться и её можно вставить на другой фон. Для вставки картинки опять переходим на первую картинку в раздел «редактирование» «вставить» В этом случае, у Вас точно должно получиться объединить две фотографии в одну. Если Вам будет мешать фон на второй фотографии, то его можно убрать. Заходим во вкладку «слои» выбираем «векторную маску» затем нажимаем на кисть и потихоньку убираем ненужный фон. Таким образом, картинки полностью соединяться.
ЗаключениеИтак, в этой статье мы рассмотрели вопрос – как объединить две фотографии в одну в фотошопе и с помощью сервиса Pixlr. Этот метод объединения фотографий поможет многим пользователям, особенно в плане заработка через Интернет.
Созданные коллажи, уникальные картинки можно разместить для продажи в Интернете на специальных сервисах – фотостоках и на этом заработать. Удачи Вам!
С уважением, Иван Кунпан.
Получайте новые статьи блога прямо себе на почту. Заполните форму, нажмите кнопку «Подписаться»
3 способа объединить фотографии с помощью Photoshop • Оки Доки
Творчество — это объединение двух или более элементов во что-то прекрасное. Научиться комбинировать фотографии с помощью Photoshop — это базовый навык. Более крутая кривая обучения действительно начинается после этого, когда вам нужно создавать привлекательные эффекты из простого сочетания изображений.
Adobe Photoshop — мощное программное обеспечение, поэтому есть много способов редактировать фотографии с помощью Photoshop. Давайте начнем с самых простых способов перенести две фотографии на холст и объединить их в новую фотографию менее чем за пять минут.
Вот три метода:
- Создайте составной макет.
- Совместите одну фотографию с другой.
- Объедините определенную часть фотографии.
1. Перетащите и объедините фотографии в составной макет.
Вы, наверное, видели эти причудливые макеты страниц журнала с красиво расположенными изображениями. Это самый простой способ объединить фотографии в фотошопе.
- Запустите Photoshop. Начните с нового изображения. Выберите «Файл»> «Создать».
- В диалоговом окне просмотрите типы документов, такие как Интернет или Печать. Вы можете использовать измерения ширины и высоты вашей базовой фотографии. В раскрывающемся списке установите для фона значение «Прозрачный». Щелкните ОК.
- Вставьте первую фотографию с вашего компьютера в документ, а затем расположите ее так, как вам нравится.
- Нажмите Ctrl + T для маркеров Free Transform. Щелкните и перетащите ручки по краям, чтобы изменить размер изображения, если оно не умещается в документе. Нажмите Enter, чтобы зафиксировать преобразование, или щелкните галочку на панели инструментов.
- Добавьте другое изображение в документ перетаскиванием. Каждое изображение находится на отдельном слое. Если панель слоев не отображается, перейдите в Window> Layers.
- Перетащите слои с помощью панели слоев, чтобы переместить изображения друг на друга или друг на друга. Используйте инструмент «Перемещение» (клавиша «V»), чтобы изменить положение изображений по своему усмотрению.
- Теперь настройте свой дизайн так, чтобы он выглядел идеально. Чтобы изменить размер изображений и сделать так, чтобы их края касались друг друга (не сильно искажая их), вы всегда можете использовать Ctrl + T (Windows) или Command + T (Mac OS) для маркеров Free Transform.
Ваш окончательный макет будет зависеть от количества изображений, которые вы хотите объединить. Попробуйте расположить их по-разному, пока вам не понравится внешний вид. Вы также можете улучшить композицию кадра, добавив к фотографиям красивые границы.
2. Объедините фотографии с помощью режимов наложения.
Режимы наложения изменяют способ взаимодействия одного слоя со слоем под ним. Это дает вам множество возможностей объединить две фотографии в творческие композиции.
Есть несколько способов использовать их творчески, но вот простое пошаговое руководство по добавлению элементов одной фотографии к другой.
- Начните с двух фотографий, каждая на отдельном слое. Основное изображение должно быть нижним слоем. Изображение (песчаные дюны), которое вы хотите совместить, должно быть сверху.
- На панели «Слои» выберите верхний слой. Используйте раскрывающийся список в верхнем левом углу панели «Слои», чтобы изменить режим наложения.
- Режим наложения по умолчанию — Нормальный, что означает, что два слоя не смешиваются. После изменения режима наложения цвета верхнего слоя будут взаимодействовать с цветами нижележащего слоя.
В финальном изображении здесь используется режим затемнения. Теперь видна часть верхнего изображения (песчаные дюны), которая темнее нижнего слоя. Та часть, которая светлее деревьев, не появляется. Режим наложения «Осветлить» делает обратное.
Перебирайте другие режимы наложения, чтобы найти тот, который лучше всего подходит для ваших изображений. Умножение, Экран и Наложение — три распространенных режима наложения. Вы также можете использовать ползунок «Непрозрачность» для точной настройки текстуры изображения.
Совет: хотите быстро переключаться между режимами наложения? Сначала нажмите букву V, чтобы выбрать инструмент «Перемещение». Затем нажмите и удерживайте клавишу Shift и используйте клавиши плюс (+) и минус (-) для перехода вверх или вниз по списку. Это более быстрый способ визуально сравнить режимы наложения.
Для новичков это может быть немного сложно. Итак, узнайте больше о режимах наложения и продолжайте экспериментировать, чтобы понять, как это работает визуально.
3. Объедините любую часть фотографии с помощью маски слоя.
Слой-маска помогает объединить две фотографии, если вы хотите объединить часть одной фотографии в другую.
- Принесите два изображения, которые вы хотите объединить, в Photoshop и разместите их как два слоя. Основное изображение (рука) должно быть внизу, а изображение, которое вы хотите объединить (лампочка), должно быть вверху.
Вы также можете принести второе изображение из «Файл»> «Поместить внедренное», чтобы добавить его как смарт-объект (как использовать смарт-объекты в Photoshop). Но давайте не будем усложнять этот урок. - Перейдите на панель Layers и выберите верхний слой.
- Щелкните значок Добавить маску слоя (прямоугольник с черным кружком). Маска слоя связана с верхним слоем и отображается в виде белого эскиза рядом с ним. Белая часть маски показывает все, что находится под ней на связанном слое. Черная часть скрывает все остальное. Вы должны использовать эти черно-белые свойства, чтобы скрыть и объединить части верхнего слоя со слоем под ним.
- Выберите инструмент «Кисть» на панели «Инструменты». Нажмите D на клавиатуре, чтобы установить цвета по умолчанию как черный и белый на панели инструментов. В Windows нажмите Alt + Правая клавиша мыши, а затем перетащите влево или вправо, чтобы уменьшить или увеличить размер кисти. Перетащите вверх или вниз, чтобы уменьшить или увеличить жесткость кисти.
- Щелкните миниатюру маски, чтобы оставить ее выделенной. Выберите черный цвет в качестве цвета кисти и начните рисовать по маске на изображении, чтобы создать области, которые вы хотите скрыть. В этом случае мы скрываем все, кроме лампочки. Вы можете изменить цвет на белый и подправить области, которые хотите скрыть.
- Нажмите Ctrl + T для свободного преобразования. Используйте угловые ручки, чтобы изменить размер изображения лампочки пропорционально руке.
Маска слоя контролирует прозрачность или количество света, которое она пропускает. В отличие от ползунка «Непрозрачность», который применяется ко всему изображению, маска слоя более избирательна с взаимодействием черного и белого, как мы видим выше.
Это простая иллюстрация масок слоя, поскольку в Photoshop есть более эффективные способы выбора и маскировки объекта.
Объединяйте фотографии в широкие панорамы
Если вы увлекаетесь пейзажной фотографией, то панорамы — лучший способ получить больше визуальной недвижимости. Если вы не берете с собой цифровую зеркальную камеру или широкоугольный объектив, не отчаивайтесь, так как с простым объективом вы тоже многое можете сделать.
Просто сделайте несколько фотографий и объедините их с помощью функции Photoshop Photomerge. Конечно, Photomerge — не единственный инструмент, который может сшить их за вас. Так почему бы не попробовать эти бесплатные инструменты для создания панорамы из нескольких фотографий.
Как объединить картинки в Фотошопе
Плавный переход одного изображения в другое
В некоторых случаях нужно сделать так, чтобы одно изображение плавно переходило в другое или какая-то часть картинки становилась прозрачной, и сквозь нее был виден фон.
Чтобы наложить одну картинку на другую в программе Photoshop открывают обе исходные фотографии и перетягивают слой из одного открытого изображения в другой документ. Верхний слой делают полупрозрачным (на панели Layers (Слои) параметр Opacity (Непрозрачность) уменьшают до 50-60%) чтобы видеть сквозь него нижний и перемещают на каждом слое изображение так, чтобы части будущего вашего творения хорошо компоновались друг с другом.
Если нужно сделать быстро и высокого качества не требуется, можно использовать мягкую резинку – инструмент Eraser (Ластик) для быстрого стирания части слоя. Инструмент Brush (Кисть) задает размер, форму, плотность, жесткость для резинки, поэтому в настройках кисти обязательно должен быть установлен параметр Hardness (Жесткость) равным 0, на панели параметров кисти Opacity (Непрозрачность) установите значение 20-30%.
Резинкой сотрите в нужных местах части верхнего изображения и, когда закончите, для этого слоя верните параметр Opacity (Непрозрачность) 100%. Слой станет непрозрачным, но те места, где прошлись резинкой будут полностью или частично прозрачными.
Если нужно хорошее качество, лучше применить маску слоя. В отличие от резинки, маска не изменяет основного изображения, а только скрывает некоторые его части. Маску можно отключить или удалить без всякого ущерба для основного фото.
Чтобы добавить маску перейдите в слой с верхней картинкой и внизу панели Layers (Слои) нажмите кнопку Add Leyer Mask (Добавить маску слоя).
На панели инструментов Photoshop установите цвета черный и белый (основной и фоновый). Выберите инструмент градиент, в настройках градиента установите переход от черного к белому. Кликните мышкой на маске, чтобы сделать ее активной, и создайте градиентный переход в области, где перекрываются ваши картинки. Край верхней картинки станет прозрачным. Ближе к середине прозрачность уменьшится.
Чтобы добавить реалистичности изображению выберите мягкую кисть, убедитесь, что маска активна и дорисуйте в маске черные и белые области. Помните, что в маске черным цветом следует рисовать там, где нужно скрыть часть слоя, а белым там, где открыть какую-то область.
Напоследок два простых способа плавного перехода изображения в фон.
1 способ. Картинку разместить поверх фона и добавить к этому слою маску. В этом примере маска создана с помощью градиентной радиальной заливки
Важно, чтобы маска полностью скрывала края картинки, тогда не будет виден переход от изображения к фону
2 способ. Выделяем нужную область в изображении, выполняем команду меню Select (Выделение) > Modify (Изменение) > Feather (Растушевка).В открывшемся окне нужно установить в поле Feather (Растушевка) ширину области растушевки. Эта величина зависит от размера изображения и подбирается для каждого фото отдельно – экспериментируйте!
После этого скопируйте выделенную растушеванную область и вставьте на подходящий фон. Края вставленного фрагмента будут полупрозрачными, причем прозрачность у края будет больше.
Объединить две фотографии в одну в фотошопе
Итак, чтобы объединить две фотографии в одну используем второй вариант – программу фотошоп. Открываем фотошоп нажимаем на кнопку «файл», далее «открыть» и выбираем с компьютера ту картинку, которую надо изменить.
Затем так же добавляем второе фото. В фотошпе появились две вкладки картинок. Нам нужно перейти на вторую, чтобы переместить изображение на первое фото. Нажимаете на «слои» затем на два раза щёлкаете левой кнопкой мыши и нажмите «ок». Это необходимо сделать, чтобы была возможность редактирования картинки. (Рисунок 4).
Далее нужно выбрать прямоугольное выделение обвести им всю картинку и нажать на кнопку «редактирование» «вырезать». (Рисунок 5)
После данного действия, с этого фона картинка удалиться и её можно вставить на другой фон. Для вставки картинки опять переходим на первую картинку в раздел «редактирование» «вставить» В этом случае, у Вас точно должно получиться объединить две фотографии в одну. Если Вам будет мешать фон на второй фотографии, то его можно убрать. Заходим во вкладку «слои» выбираем «векторную маску» затем нажимаем на кисть и потихоньку убираем ненужный фон. Таким образом, картинки полностью соединяться.
Вставка в изображение фрагмента из другой картинки
Гораздо чаще нужно вырезать только часть одной фотографии и наложить этот фрагмент на другую фотографию. Такие композиции из частей разных изображений называют фотомонтаж или фотоколлаж.
Открываете изображение, из которого будете вырезать, выделяете любым подходящим инструментом выделения требуемый фрагмент, копируете Edit (Редактирование)> Copy (Копировать), затем переходите в основной документ и вставляете скопированную часть изображения Edit (Редактирование)> Paste (Вставить). Вставленный фрагмент располагается в отдельном слое и размеры его можно изменить так, как вам нужно.
Основная сложность в этом случае состоит в том, чтобы качественно выделить нужную часть из картинки. Чтобы избежать проблем с выделением часто используют изображения из коллекций клипарта – картинки на прозрачном фоне, или изоляты – предметы на белом или черном фоне. Однородный фон легко выделить волшебной палочкой и удалить.
Не забывайте, что фотомонтаж должен выглядеть реалистично, поэтому выполняйте основные требования к подбору изображений для фотомонтажа.
Как объединить две фотографии?
Как объединить две фотографии или вставить вырезанную часть одного изображения в другое задача простая для всех, кто немного знаком с фотошопом. Но, во-первых, не все умеют работать в программе Adobe Photoshop, во-вторых, и опытные пользователи не всегда умеют наложить одно изображение на другое хорошо. Рассмотрим несколько вариантов соединения нескольких картинок в одно изображение.
В этом примере картинки маленького размера наложены целиком, как они есть, на изображении побольше, которое служит фоном. Каждая маленькая картинка расположена в отдельном слое и частично перекрывает слои, которые располагаются ниже.
Как это делается? Нужно открыть в фотошопе все нужные фотографии. В зависимости от версии Photoshop у вас будут видны в окне программы несколько окон с картинками, несколько вкладок или в верхней части окна рядом с меню вот такая кнопка с открывающимся меню.
В меню выбираете кнопку с изображением 2, 3, 4 горизонтальных или вертикальных окон и видите сразу выбранное Вами количество картинок.
Изображения накладываются полностью, поэтому переходите в окно с той маленькой фотографией, которую первой будете накладывать на фон. В панели слоев видите один только фоновый слой с этой картинкой. Мышкой тянете этот слой в другое окно на картинку с фоном. Щелкаете на изображении с фоном, оно становится активным, и в панели слоев вы видите уже два слоя – фоновый и над ним слой с маленькой картинкой. Точно так же перетягиваете на фоновый слой другие картинки и располагаете их в нужном порядке.
Что делать, если вставляемое изображение слишком большое или слишком маленькое? Нужно его увеличить или уменьшить. Для этого щелкаете на слое с вставленной картинкой, выбираете в меню Edit (Редактирование) > Free Transform (Свободная трансформация) или нажимаете сочетание клавиш CTRL+T и тянете за маркеры или поворачиваете вставленное изображение.
Загрузка…Как в фотошопе соединить несколько фотографий в одну | Pixelbox.ru — Дополнения и уроки по Фотошопу
Урок по фотошопу в котором вы узнаете как соединять несколько фотографий в одну, используя программу фотошопа. На самом деле все очень просто и я специально для вас написал этот подробный пошаговый инструктаж.
Мы будем составлять такую композицию из фотографий. Здесь 6 фотографий соединены в одно изображение.
- Конечно, это уменьшенная копия, специально чтобы уместилась на сайте показать для примера.
- Конечно, поняв всю суть метода, вы сможете создавать свои коллажи и шаблоны. Размещать фотографии как угодно, где угодно и сколько угодно в одном изображении.
С чего начать? С планирования. Большинство пользователей фотошопа чтобы создать такой небольшой коллаж делают много лишних действий. Как обычно это происходит — на глаз раскидают фотографии по рабочему полю, тут уменьшат, там уменьшат, тут подрежут, там подрежут и так далее. Я стараюсь так не работать, чтобы экономить своё время и повышать производительность.
Поэтому для начала нужно подготовить шаблон. Что это даст? Во первых, вы сразу и с точностью сможете расположить фотографии по задуманному шаблону. Во вторых, при необходимости вы быстро и с легкостью сможете вставить новые другие фотографии используя шаблон. По моему, плюсы очевидны.
Создайте новый документ в фотошопе размером 989х676 пикселей.
Кроме того, сразу откройте все 6 фотографий которые вы будете использовать в фотошопе. Вы увидите, что все они открылись в разных вкладках. Оставьте включенную вкладку нового созданного документа, где мы будем создавать шаблон. Всего получится 7 вкладок.
Теперь будем создавать места для фотографий. Мы будем использовать инструмент Прямоугольник (Rectangle), его можно найти на панели инструментов слева.
Используйте любой цвет для прямоугольника, лишь бы не цвет фона, чтобы не сливался.
Расположите первый прямоугольник на изображении. Здесь вы можете сделать, собственно на глаз, его длину, ширину и место расположение на рабочем поле. Но постарайтесь придерживаться той схемы которую мы задумали в самом начале.
Первый прямоугольник это главная большая фотография. Я обозначил границы изображения в виде рамки, чтобы вы понимали как я расположил прямоугольник на белом фоне.
Таким же методом рисуем остальные прямоугольники.
Как видите я их расположил на одинаковом расстояние друг от друга, чтобы было все ровненько и красиво.
Располагайте прямоугольники не обращая внимания на пустые участки изображения которые остаются в разных местах. После того как вы расположите все прямоугольники как задумали вы можете обрезать изображение (рабочее поле) от ненужного — используя инструмент Рамка. Найти его можно также на панели слева.
Список слоев будет выглядеть так:
Вот и всё, шаблон готов. Вы можете его сохранить у себя на компьютере в формате PSD, чтобы использовать его в будущем.
Теперь будем добавлять фотографии.
Переходим во вкладку с любой фотографией, выделяем её всю с помощью инструмента Прямоугольная область или же просто нажав CTRL+A. Нажимаем CTRL+C чтобы скопировать в буфер обмена.
Переходим во вкладку с нашим шаблоном и выбираем в слоях слой с тем прямоугольником вместо которого мы хотим вставить фотографию. В данном случае это самый большой прямоугольник. Нажимаем CTRL+V и фотография вставиться на новый слой который будет выше прямоугольника — это важно.
Теперь правой кнопкой мышки щелкаем на слой с фотографией и выбираем Создать обтравочную маску.
Создалась обтравочная маска из фотографии и она действует на слой ниже. А слой ниже это наш прямоугольник. Что это значит? Это значит, что фотография будет отображаться только в границах прямоугольника.
Вот как это выглядит на данный момент.
Осталось только уменьшит в масштабе фотографию, чтобы было видно её всю. Это можно делать в режим обтравочной маске, никакого сбоя не произойдет.
Что нужно сделать. Выбрать слой с фотографией и нажать CTRL+T — так мы сможем трансформировать фотографию.
Появились квадратики по границам фотографии — за них мы тянем мышкой и фотография будет уменьшаться. Например с зажатым SHIFT тянем за нижний квадрат по диагонали вверх, фото будет уменьшаться пропорционально.
Уменьшаем фотографию и перемещаем немного наверх, так чтобы фотография была максимально отображена в видимой области.
Жмем ENTER и первая фотография готова.
Таким же методом сделайте все остальные фотографии. Выбирайте прямоугольники, вставляйте на новый слой фотографии и делайте обтравочные маски, после этого корректируйте размер фото. Все как с этой фотографией.
Постепенно вы сделаете все фотографии. Тем самым мы выполнили задачу поставленную ранее — соединили несколько фотографий в одно изображение. Тем самым создали собственный простенький коллаж из фотографий.
Вы можете скачать шаблон PSD этой работы. Чтобы посмотреть как все устроено.
Автор урока — Александр Акимов.
Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Как в фотошопе объединить две картинки
Фотошоп дает нам массу возможностей по обработке изображений. К примеру, можно объединить несколько снимков в один при помощи очень простого приема.
Объединение фотографий в Photoshop
Нам понадобятся две исходных фотографии и самая обычная маска слоя.
Сейчас мы соединим зимний и летний пейзажи в одну композицию. Для начала необходимо увеличить размер холста в два раза для того, чтобы поместить на него второй снимок.
- Переходим в меню «Изображение – Размер холста».
Поскольку мы будем добавлять фото по горизонтали, нужно увеличить ширину холста в два раза.
400х2=800.
В настройках необходимо указать направление расширения холста.
В данном случае руководствуемся скриншотом (пустая область появится справа).
Затем простым перетаскиванием помещаем в рабочую область второй снимок. При помощи «Свободного трансформирования» (CTRL+T) изменяем его размер и помещаем в пустое место на холсте.
Читайте также: «Свободное трансформирование» в Фотошопе
Теперь нам нужно увеличить размер обоих фото таким образом, чтобы они заходили друг на друга «внахлест». Желательно произвести данные действия над двумя снимками, чтобы граница оказалась примерно посередине холста. Сделать это можно при помощи все того же «Свободного трансформирования» (CTRL+T). Если ваш фоновый слой заблокирован и не поддается редактированию, нужно кликнуть по нему дважды и в диалоговом окне нажать ОК.
Далее переходим на верхний слой и создаем для него маску белого цвета.
Затем выбираем инструмент «Кисть» и настраиваем ее.
Форма «Мягкая круглая».
«Непрозрачность» 20 – 25%.
Кистью с данными настройками аккуратно стираем границу между снимками (находясь на маске верхнего слоя). Размер кисти подбираем под размер границы. Кисть должна быть немного больше участка перекрытия.
При помощи данного несложного приема мы соединили два снимка в один. Этим способом можно совмещать различные изображения без видимых границ.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Научитесь объединять две фотографии в одно изображение с помощью Photoshop. Пошаговое руководство для Photoshop CC и CS6.
В примере используем фотографии в портретной (вертикальной) ориентации, чтобы составное изображение не получилось широким. Желательно чтобы оба изображения были одинаковой высоты и ширины.
Как разместить рядом две фотографии
Я использую последнюю версию Photoshop CC . Но описанные ниже действия верны и для версии программы CS6.
Шаг 1: выбираем команду «Загрузить файлы в стек»
Сначала нужно открыть изображения. По умолчанию Photoshop открывает изображения в отдельном документе. Но нам нужно поместить два изображения в один документ.
Поэтому идем в меню Файл , выбираем пункт « Сценарии», « Загрузить файлы в стек » :
Путь: Файл (File) > Сценарии (Scripts) > Загрузить файлы в стек (Load Files into Stack).
Шаг 2: выбираем изображения
В диалоговом окне «Загрузить слои» выбираем пункт «Применить к файлам» и затем кликаем по кнопке «Обзор»:
Диалоговое окно «Загрузить слои» (Load Layers).
Указываем фотографии, которые хотим открыть. Далее кликаем по кнопке « Открыть ».
Выбираем изображения и кликаем «Открыть» (Open).
Шаг 3: загружаем изображения в Photoshop
Возвращаемся к диалоговому окну «Загрузить слои».
Две опции внизу «Попытка автоматически выровнять исходные изображения» и «Создать смарт-объект после загрузки слоев» оставляем неотмеченными. Затем загружаем изображения в Photoshop, кликнув по кнопке OK :
Кликаем «OK» для загрузки изображений в Photoshop.
Photoshop загружает оба изображения в один документ. В панели слоев каждое изображение расположено на отдельном слое. При этом имена файлов используются в названии слоев:
Панель «Слои» показывает каждое изображение на отдельном слое.
Просмотр двух изображений
Изображение, расположенное на верхнем слое ( фотография мамы и дочки из фото-банка Adobe Stock):
Первое из двух изображений.
Отключим видимость верхнего слоя, кликнув по иконке глаза:
Прячем изображение верхнего слоя.
После этого мы увидим изображение, расположенное на нижнем слое ( фотография футболиста из фото-банка Adobe Stock):
Включим видимость верхнего слоя:
Включаем видимость верхнего слоя.
Шаг 4: Используем инструмент «Перемещение»
Сейчас два изображения находятся в одном документе. Но как разместить их рядом друг с другом?
Одним из способов является увеличение размера рабочей области документа с помощью команды «Размер холста» и перетаскивание одного из изображений на новое пространство. Но можно проделать обе операции одновременно. Для этого используем инструмент «Перемещение »:
Выбираем инструмент «Перемещение» (Move Tool).
Шаг 5: Убедитесь, что «Привязка» (Snap) и «Привязать к границам документа» (Snap To Document Bounds) активны
Чтобы использовать данный способ, нужно привязать изображение к краям документа. Для этого необходимо активировать несколько параметров.
Переходим в меню « Просмотр » и проверяем, активна ли опция « Привязка »:
Проверяем активность опции «Привязка» (Snap).
Ниже включаем параметр « Привязать к » и проверяем активность опции « Границы документа »:
Убедитесь, что опция «Привязать к границам документа» активна.
Шаг 6: выбираем верхний слой
В панели «Слои» выделяем верхний слой:
Кликаем по верхнему слою, чтобы выбрать его.
Шаг 7: перетаскиваем изображение к краю другого изображения
С помощью инструмента «Перемещение» перетаскиваем изображение в документе влево или вправо относительно изображения, которое находится под ним. При перетаскивании нажмите и удерживайте клавишу Shift, чтобы ограничить направление, в котором можно двигаться.
Перетаскивание верхнего изображения вправо от нижнего изображения.
Привязка изображения к краю документа
Как только вы подойдете достаточно близко к краю документа, ваше изображение резко притянется к краю. Верхнее изображение сейчас скрыто, так как оно находится с края холста:
Верхнее изображение скрыто за краем холста.
Шаг 8: выбираем опцию «Показать все»
Чтобы активировать видимость обоих изображений, в меню « Изображение » выбираем опцию « Показать все ».
Идем в меню «Изображение» (Image) > «Показать все» (Reveal All).
При этом Photoshop изменяет размер холста, чтобы разместить два изображения:
Результат после использования опции «Показать все» (Reveal All).
Как поменять изображения местами
Но что делать, если нужно поменять изображения местами?
Шаг 1: Активируем инструмент «Перемещение»
Убедитесь, что инструмент « Перемещение » все еще активен:
Проверяем, активен ли инструмент «Перемещение» (Move Tool).
Шаг 2: Выделяем весь холст
Мы не собираемся использовать сам инструмент «Перемещение». Необходимо, чтобы он был активен. Так мы получаем доступ к опциям выравнивания. Мы поменяем изображения местами, совместив их края с краями холста. Для этого необходимо выделить весь холст. В меню « Выделение » выбираем пункт « Все ». После этого по краям документа появится контур выделения:
Идем в «Выделение» (Select) > «Все» (All).
Шаг 3: Выбираем верхнее изображение
В панели слоев выбираем верхнее изображение, кликая по нему:
Выбираем верхний слой.
Шаг 4: Кликаем по иконке «Выравнивание по левому краю» или «Выравнивание по правому краю»
После этого в панели параметров кликаем по иконке «Выравнивание по левому краю» или «Выравнивание по правому краю» .
Мне нужно переместить изображение справа налево, поэтому я кликаю по иконке «Выравнивание по левому краю» :
Кликаем по иконке «Выравнивание по левому краю» ( Align Left Edges ) .
После этого Photoshop выровняет левый край изображения по левому краю холста:
Результат после перемещения верхнего изображения справа налево.
Шаг 5: Выбираем нижнее изображение
Выделите нижний слой:
Для выделения нижнего изображения кликаем по нижнему слою.
Шаг 6: Кликаем по иконке «Выровнять края»
Чтобы переместить нижнее изображение вправо, я кликаю по иконке « Выравнивание по правому краю »:
Кликаем по иконке «Выравнивание по правому краю» (Align Right Edges).
После этого Photoshop выравнивает правый край изображения по правому краю холста. Чтобы отменить выделение холста, в меню « Выделение » выбираем пункт « Отменить выделение »:
Результат после перемещения нижнего изображения слева направо.
Мы научились загружать два изображения в один документ Photoshop, размещать изображения рядом и менять их местами!
Данная публикация представляет собой перевод статьи « Photoshop Quick Tip: How to Place Two Images Side by Side » , подготовленной дружной командой проекта Интернет-технологии.ру
Здравствуйте, уважаемые читатели моего блога. Сегодня мы поговорим об одной очень простой манипуляции, благодаря которой можно создавать довольно красивые объекты. Здорово, когда всего одной функции достаточно, чтобы делать нечто полноценное, уникальное и полезное. Это именно такой случай.
Сегодня я расскажу вам как в фотошопе соединить две картинки. Вы получите не только пошаговую инструкцию, но и сумеете в будущем, благодаря этой статье, обрабатывать края изображения: выделять контуром границы, а также создавать плавные переходы. Все это добавит вашей работе изящества и позволит ей выгодно смотреться на стене, если захотите распечатать коллаж.
Такие портреты можно даже продавать, если у вас есть доля амбициозности, предпринимательская жилка и подписка на мой блог. Я часто рассказываю о простых способах раскрутить свой бизнес в интернете, вам остается только выбирать подходящие советы и пользоваться ими.
Ну а теперь давайте перейдем непосредственно к работе над фотографиями. Как же их объединить?
Сливаем фото воедино
Для работы я скачал 2 фотографии из бесплатного банка изображений. У вас может быть несколько картинок, это не так важно. Сохраните их в папке, откройте Photoshop и будьте готовы к дальнейшим действиям.
Существует несколько способов добавления изображения в программу. К примеру, пункт «Файл» — «Открыть» в верхнем меню. Я люблю иной метод, который идеально подходит для создания коллажа. Просто перетаскиваю одно изображение в рабочее поле программы из папки, а затем другое.
Вообще, этот способ для данной работы считается «правильным». В статье как уменьшить фото с сохранением качества я рассказывал почему. Если вы добавляете картинку обычным способом, то несколько манипуляций с размером могу привести к тому, что пиксели на фото побьются и качество пострадает. Если вы вставляете рисунок из папки, то Photoshop воспринимает его как смарт-объект и препятствует пиксельной поломке.
Если вы перетаскиваете несколько картинок сразу, то они открываются в соседних окнах. Если же сначала добавляете в рабочее поле одну, а затем вторую-третью и так далее, то они накладываются на исходное изображение.
Не составит большого труда уменьшить, увеличить или перетащить новое фото. Все это делается при помощи мыши. Единственное, могу раскрыть несколько полезных секретов. Если вы зажмете Shift, а затем начинаете манипулировать курсором, то пропорции сохранятся. Картинка не будет «вытянута» по горизонтали или вертикали.
Еще одно полезное сочетание клавиш – Ctrl+T. Если вы, предположим, уже поработали над изображением и нажали enter, чтобы применить форматирование, а потом снова захотели поменять размер картинки или ее местоположение, то эти горячие кнопки помогут вам снова вызвать ту же самую функцию.
Вы вообще хорошо разбираетесь в термине «новый слой»? Если знаний недостаточно, рекомендую прочитать публикацию в моем блоге, в котором я досконально рассказываю об этой возможности фотошопа. Никаких белых пятен в знаниях не останется.
Сейчас я напомню лишь основные моменты. Не забывайте, что клик по одному из слоев активирует его, вы можете работать с выбранным, а оставшиеся останутся не тронутыми. Однако, если вы сейчас захотите это сделать, то многие функции будут для вас закрыты. В чем причина?
Верхний слой (под цифрой «2») не растрирован, а второй («Фон») закрыт от редактуры. Щелкните по замочку справа, чтобы разблокировать опции нижнего.
С тем, что я назвал «2» придется поступить иначе. Кликните правой кнопкой мыши, а затем в появившемся меню выберите функцию «Растрировать слой».
Все, теперь вы получили доступ ко всем функциям фотошопа и можете применять их на обеих фотографиях.
Обводка
В этом блоге уже есть подробная инструкция по созданию обводки, в ней вы сможете узнать как работать со сложными контурами. Сейчас, думаю, нам понадобится простой вариант оформления рамки для изображения.
Для этого кликаю в правом меню на функцию Fx и в появившемся окне выбираю «Обводка». Не забывайте, что она будет применена к тому слою, по которому вы кликнули, а он впоследствии подсветился. В данном случае «2».
Разобраться в настройках просто. Размер определяет ширину рамки, можете выбрать положение (из центра, снаружи или внутри картинки), оттенок сделайте более или менее насыщенным – за это отвечает параметр «Непрозрачность», ну и, собственно, сам цвет, который при желании можно заменить на градиент или узор в меню «Тип».
Поиграйтесь с этими настройками самостоятельно. Не забывайте включить «Просмотр», для этого поставьте соответствующую галочку под кнопками «Новый стиль» справа.
Применю обводку для обеих картинок, расположенных рядом.
Как объединить два фото в фотошопе
Фотошоп дает нам массу возможностей по обработке изображений. К примеру, можно объединить несколько снимков в один при помощи очень простого приема.
Объединение фотографий в Photoshop
Нам понадобятся две исходных фотографии и самая обычная маска слоя.
Сейчас мы соединим зимний и летний пейзажи в одну композицию. Для начала необходимо увеличить размер холста в два раза для того, чтобы поместить на него второй снимок.
- Переходим в меню «Изображение – Размер холста».
Поскольку мы будем добавлять фото по горизонтали, нужно увеличить ширину холста в два раза.
400х2=800.
В настройках необходимо указать направление расширения холста.
В данном случае руководствуемся скриншотом (пустая область появится справа).
Затем простым перетаскиванием помещаем в рабочую область второй снимок. При помощи «Свободного трансформирования» (CTRL+T) изменяем его размер и помещаем в пустое место на холсте.
Читайте также: «Свободное трансформирование» в Фотошопе
Теперь нам нужно увеличить размер обоих фото таким образом, чтобы они заходили друг на друга «внахлест». Желательно произвести данные действия над двумя снимками, чтобы граница оказалась примерно посередине холста. Сделать это можно при помощи все того же «Свободного трансформирования» (CTRL+T). Если ваш фоновый слой заблокирован и не поддается редактированию, нужно кликнуть по нему дважды и в диалоговом окне нажать ОК.
Далее переходим на верхний слой и создаем для него маску белого цвета.
Затем выбираем инструмент «Кисть» и настраиваем ее.
Форма «Мягкая круглая».
«Непрозрачность» 20 – 25%.
Кистью с данными настройками аккуратно стираем границу между снимками (находясь на маске верхнего слоя). Размер кисти подбираем под размер границы. Кисть должна быть немного больше участка перекрытия.
При помощи данного несложного приема мы соединили два снимка в один. Этим способом можно совмещать различные изображения без видимых границ.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Доброго всем времени суток, мои уважаемые читатели! Как всегда с вами Дмитрий Костин, тут всё без изменений). Я вот смотрю, многие интересуются как объединить две фотографию в одну в фотошопе. Просто бывают, что люди хотят сделать сравнение, например ДО и ПОСЛЕ, или что-нибудь еще.
Вы же наверное видели, что когда люди выкладывают свои достижения в похудении, тоже выкладывают объединенные в одну фотографии ДО и ПОСЛЕ. Кстати я тоже так делал, когда писал статью про свое похудение. В общем сегодня я покажу как это можно легко сделать. Так что хрустните пальцами и поехали!
Хотел рассказать вам самый быстрый способ, но решил, что не стоит повторяться, так как я уже о нем рассказывал в уроке про инструмент «Перемещение» в фотошопе. Получится так, что у вас будет одна фотография в другой. Лучше сосредоточимся на других способах.
Соединение двух изображений
В этом примере я решил сделать объединение фотографий в стиле «До и после». Вы только не говорите мне, что эти люди не похожи. Это два разных человека). В общем откройте две фотографии в photoshop, а дальше по порядку. Я взял фоточки двух людей: худого и рельефного.
- Для начала давайте сделаем изображения одинаковой высоты. Для этого находясь на каждой фотографии в отдельности, зайдите в меню «Изображение» — «Размер изображения» . Посмотрите количество пикселей по высоте. У меня получилось, что у худышки 680 пикселей, а у подкаченного 1329.
- В этом случае лучше уменьшить размер изображения подкаченного до 680 пикселей в высоту, дабы приравнять их и не потерять в качестве. Знаете как это делается? Если нет, то смотрим мою статью про изменение размера изображения (правда всё и так должно быть понятно). И кстати запомните размер изображения качка по горизонтали. У меня получилось 487.
- Теперь переходите на фотографию худышки и идите опять в меню «Изображение» , только на сей раз выберете «Размер холста» . Здесь мы просто увеличим рабочую область без увеличения самой фотки. Итак размер фотки худого по горизонтали составляет 453 пикселя. Прибавляем мысленно 487 пикселей (размер по горизонтали фотки качка) и получаем 940. Именно это число мы и пишем в ячейку ширина. Высоту при этом не меняем и оставляем 680.
- Теперь нам нужно выбрать с какой стороны появятся эти новые дополнительные 487 пикселей по горизонтали. Если оставим как есть, то холст увеличится в обоих сторон на 243 и 244 пикселя (487/2). Но мы хотим сделать «До и после», а значит худышка должен быть слева, следовательно пустой кусок холста справа. Тогда в расположении жмем на стрелку влево, чтобы центр сместился левее. также можете выбрать цвет фона, но в нашем случае это не нужно, подойдет любой, так как все равно мы его закроем. Затем нажимаем ОК.
- Видите? Теперь у нас появился огромный кусок белого фона. Теперь переходим на фотографию накаченного, берем инструмент «Перемещение» , зажимаем левую кнопку мыши на фотографии и перетягиваем на вкладку с фотографией худыша.
- Дело за малым. Осталось передвинуть фотографию прямо на белый фон. Мы точно рассчитали ширину и подогнали высоту, так что всё должно встать ровно.
Вот такой незамысловатый и легкий способ совместить два изображения).
Объединение с плавным переходом
Есть еще один интересный эффект, когда переход от одной фотографии к другой осуществляется плавно. Давайте я сделаю это на примере двух животных: льва и сайгака.
- Откройте изображение льва и сайгака в нашем редакторе, но на разных вкладках.
- Перейдите на слой со львом и выберете режим быстрой маски.
- Теперь выберете инструмент «Градиент» и убедитесь, что переход стоит от черного к белому. И теперь этим градиентом проведите линию примерно в середине, как показано у меня на рисунке.
- У вас часть изображения со львом должна закраситься красным оттенком. Отлично. Это нам и нужно. Теперь посмотрите на панель слоев и на наш активный слой со львом. Он основной? Т.е. замочек на нем стоит? Если да, то нажмите на него левой кнопкой мыши, чтобы он исчез, иначе мы просто не сможем редактировать данный слой.
- Теперь уберите режим быстрой маски, нажав на ее значок еще раз. У вас должна будет выделиться часть изображения пунктирной линией. После этого нажмите клавишу DELETE и убедитесь, что содержание стоит «С учетом содержимого» , затем нажмите ОК. У вас должна убраться правая часть изображения, причем с плавным прозрачным переходом. Только снимите выделение (просто кликните один раз любым инструментом выделения, например прямоугольной областью).
- Теперь переходите на вкладку с сайгаком (блин, смешное все таки животное и название). Желательно сравнять высоту (в пикселях) этих двух изображений, как и в предыдущем примере. Теперь берем инструмент «Перемещение» и тащим бедного сайгака прямиком ко льву.
- А теперь фокус (шучу, конечно это не фокус). Зажимаем слой с сайгаком на панели слоев (бедное животное, опять мы его зажимаем) левой кнопкой мыши, после чего перетаскиваем его вниз так, что бы он оказался ниже льва.
- Видите, что получилось? Царь зверей и антилопа соединены в единое фото. Круто! Можно немного подвигать антилопу с помощью «Перемещения» . Смотрим. Плавный переход удался. По моему вполне неплохо получилось. Симпатично и ненапряжно.
Ну в общем как-то так.
Конечно это фотошоп. И еще найдется немало способов, чтобы соединить несколько фоток в одну. Но я думаю, что для начала вам будет вполне достаточно этих способов. Причем в последнем варианте мы не просто связали 2 фотки в одну, а сделали простенький коллаж, т.е. используем несколько разных изображений в одном.
Кстати, если вы хотите делать потрясающие коллажи, то я очень рекомендую вам посмотреть отличный курс по этой тематике . Досконально рассмотрено множество примеров. Из нескольких простых изображений вы научитесь делать просто шедевры, так что вперед!
Ну а я с вами на сегодня прощаюсь. рад был вас видеть на свое блоге и надеюсь, что вам все понравилось. Не забудьте подписаться на обновления моего блога и поделиться с друзьями в социальных сетях. Ну а я желаю вам удачи. Пока-пока!
Научитесь объединять две фотографии в одно изображение с помощью Photoshop. Пошаговое руководство для Photoshop CC и CS6.
В примере используем фотографии в портретной (вертикальной) ориентации, чтобы составное изображение не получилось широким. Желательно чтобы оба изображения были одинаковой высоты и ширины.
Как разместить рядом две фотографии
Я использую последнюю версию Photoshop CC . Но описанные ниже действия верны и для версии программы CS6.
Шаг 1: выбираем команду «Загрузить файлы в стек»
Сначала нужно открыть изображения. По умолчанию Photoshop открывает изображения в отдельном документе. Но нам нужно поместить два изображения в один документ.
Поэтому идем в меню Файл , выбираем пункт « Сценарии», « Загрузить файлы в стек » :
Путь: Файл (File) > Сценарии (Scripts) > Загрузить файлы в стек (Load Files into Stack).
Шаг 2: выбираем изображения
В диалоговом окне «Загрузить слои» выбираем пункт «Применить к файлам» и затем кликаем по кнопке «Обзор»:
Диалоговое окно «Загрузить слои» (Load Layers).
Указываем фотографии, которые хотим открыть. Далее кликаем по кнопке « Открыть ».
Выбираем изображения и кликаем «Открыть» (Open).
Шаг 3: загружаем изображения в Photoshop
Возвращаемся к диалоговому окну «Загрузить слои».
Две опции внизу «Попытка автоматически выровнять исходные изображения» и «Создать смарт-объект после загрузки слоев» оставляем неотмеченными. Затем загружаем изображения в Photoshop, кликнув по кнопке OK :
Кликаем «OK» для загрузки изображений в Photoshop.
Photoshop загружает оба изображения в один документ. В панели слоев каждое изображение расположено на отдельном слое. При этом имена файлов используются в названии слоев:
Панель «Слои» показывает каждое изображение на отдельном слое.
Просмотр двух изображений
Изображение, расположенное на верхнем слое ( фотография мамы и дочки из фото-банка Adobe Stock):
Первое из двух изображений.
Отключим видимость верхнего слоя, кликнув по иконке глаза:
Прячем изображение верхнего слоя.
После этого мы увидим изображение, расположенное на нижнем слое ( фотография футболиста из фото-банка Adobe Stock):
Включим видимость верхнего слоя:
Включаем видимость верхнего слоя.
Шаг 4: Используем инструмент «Перемещение»
Сейчас два изображения находятся в одном документе. Но как разместить их рядом друг с другом?
Одним из способов является увеличение размера рабочей области документа с помощью команды «Размер холста» и перетаскивание одного из изображений на новое пространство. Но можно проделать обе операции одновременно. Для этого используем инструмент «Перемещение »:
Выбираем инструмент «Перемещение» (Move Tool).
Шаг 5: Убедитесь, что «Привязка» (Snap) и «Привязать к границам документа» (Snap To Document Bounds) активны
Чтобы использовать данный способ, нужно привязать изображение к краям документа. Для этого необходимо активировать несколько параметров.
Переходим в меню « Просмотр » и проверяем, активна ли опция « Привязка »:
Проверяем активность опции «Привязка» (Snap).
Ниже включаем параметр « Привязать к » и проверяем активность опции « Границы документа »:
Убедитесь, что опция «Привязать к границам документа» активна.
Шаг 6: выбираем верхний слой
В панели «Слои» выделяем верхний слой:
Кликаем по верхнему слою, чтобы выбрать его.
Шаг 7: перетаскиваем изображение к краю другого изображения
С помощью инструмента «Перемещение» перетаскиваем изображение в документе влево или вправо относительно изображения, которое находится под ним. При перетаскивании нажмите и удерживайте клавишу Shift, чтобы ограничить направление, в котором можно двигаться.
Перетаскивание верхнего изображения вправо от нижнего изображения.
Привязка изображения к краю документа
Как только вы подойдете достаточно близко к краю документа, ваше изображение резко притянется к краю. Верхнее изображение сейчас скрыто, так как оно находится с края холста:
Верхнее изображение скрыто за краем холста.
Шаг 8: выбираем опцию «Показать все»
Чтобы активировать видимость обоих изображений, в меню « Изображение » выбираем опцию « Показать все ».
Идем в меню «Изображение» (Image) > «Показать все» (Reveal All).
При этом Photoshop изменяет размер холста, чтобы разместить два изображения:
Результат после использования опции «Показать все» (Reveal All).
Как поменять изображения местами
Но что делать, если нужно поменять изображения местами?
Шаг 1: Активируем инструмент «Перемещение»
Убедитесь, что инструмент « Перемещение » все еще активен:
Проверяем, активен ли инструмент «Перемещение» (Move Tool).
Шаг 2: Выделяем весь холст
Мы не собираемся использовать сам инструмент «Перемещение». Необходимо, чтобы он был активен. Так мы получаем доступ к опциям выравнивания. Мы поменяем изображения местами, совместив их края с краями холста. Для этого необходимо выделить весь холст. В меню « Выделение » выбираем пункт « Все ». После этого по краям документа появится контур выделения:
Идем в «Выделение» (Select) > «Все» (All).
Шаг 3: Выбираем верхнее изображение
В панели слоев выбираем верхнее изображение, кликая по нему:
Выбираем верхний слой.
Шаг 4: Кликаем по иконке «Выравнивание по левому краю» или «Выравнивание по правому краю»
После этого в панели параметров кликаем по иконке «Выравнивание по левому краю» или «Выравнивание по правому краю» .
Мне нужно переместить изображение справа налево, поэтому я кликаю по иконке «Выравнивание по левому краю» :
Кликаем по иконке «Выравнивание по левому краю» ( Align Left Edges ) .
После этого Photoshop выровняет левый край изображения по левому краю холста:
Результат после перемещения верхнего изображения справа налево.
Шаг 5: Выбираем нижнее изображение
Выделите нижний слой:
Для выделения нижнего изображения кликаем по нижнему слою.
Шаг 6: Кликаем по иконке «Выровнять края»
Чтобы переместить нижнее изображение вправо, я кликаю по иконке « Выравнивание по правому краю »:
Кликаем по иконке «Выравнивание по правому краю» (Align Right Edges).
После этого Photoshop выравнивает правый край изображения по правому краю холста. Чтобы отменить выделение холста, в меню « Выделение » выбираем пункт « Отменить выделение »:
Результат после перемещения нижнего изображения слева направо.
Мы научились загружать два изображения в один документ Photoshop, размещать изображения рядом и менять их местами!
Данная публикация представляет собой перевод статьи « Photoshop Quick Tip: How to Place Two Images Side by Side » , подготовленной дружной командой проекта Интернет-технологии.ру
Как объединить фотографии в фотошопе cs6
Научитесь объединять две фотографии в одно изображение с помощью Photoshop. Пошаговое руководство для Photoshop CC и CS6.
В примере используем фотографии в портретной (вертикальной) ориентации, чтобы составное изображение не получилось широким. Желательно чтобы оба изображения были одинаковой высоты и ширины.
Как разместить рядом две фотографии
Я использую последнюю версию Photoshop CC . Но описанные ниже действия верны и для версии программы CS6.
Шаг 1: выбираем команду «Загрузить файлы в стек»
Сначала нужно открыть изображения. По умолчанию Photoshop открывает изображения в отдельном документе. Но нам нужно поместить два изображения в один документ.
Поэтому идем в меню Файл , выбираем пункт « Сценарии», « Загрузить файлы в стек » :
Путь: Файл (File) > Сценарии (Scripts) > Загрузить файлы в стек (Load Files into Stack).
Шаг 2: выбираем изображения
В диалоговом окне «Загрузить слои» выбираем пункт «Применить к файлам» и затем кликаем по кнопке «Обзор»:
Диалоговое окно «Загрузить слои» (Load Layers).
Указываем фотографии, которые хотим открыть. Далее кликаем по кнопке « Открыть ».
Выбираем изображения и кликаем «Открыть» (Open).
Шаг 3: загружаем изображения в Photoshop
Возвращаемся к диалоговому окну «Загрузить слои».
Две опции внизу «Попытка автоматически выровнять исходные изображения» и «Создать смарт-объект после загрузки слоев» оставляем неотмеченными. Затем загружаем изображения в Photoshop, кликнув по кнопке OK :
Кликаем «OK» для загрузки изображений в Photoshop.
Photoshop загружает оба изображения в один документ. В панели слоев каждое изображение расположено на отдельном слое. При этом имена файлов используются в названии слоев:
Панель «Слои» показывает каждое изображение на отдельном слое.
Просмотр двух изображений
Изображение, расположенное на верхнем слое ( фотография мамы и дочки из фото-банка Adobe Stock):
Первое из двух изображений.
Отключим видимость верхнего слоя, кликнув по иконке глаза:
Прячем изображение верхнего слоя.
После этого мы увидим изображение, расположенное на нижнем слое ( фотография футболиста из фото-банка Adobe Stock):
Включим видимость верхнего слоя:
Включаем видимость верхнего слоя.
Шаг 4: Используем инструмент «Перемещение»
Сейчас два изображения находятся в одном документе. Но как разместить их рядом друг с другом?
Одним из способов является увеличение размера рабочей области документа с помощью команды «Размер холста» и перетаскивание одного из изображений на новое пространство. Но можно проделать обе операции одновременно. Для этого используем инструмент «Перемещение »:
Выбираем инструмент «Перемещение» (Move Tool).
Шаг 5: Убедитесь, что «Привязка» (Snap) и «Привязать к границам документа» (Snap To Document Bounds) активны
Чтобы использовать данный способ, нужно привязать изображение к краям документа. Для этого необходимо активировать несколько параметров.
Переходим в меню « Просмотр » и проверяем, активна ли опция « Привязка »:
Проверяем активность опции «Привязка» (Snap).
Ниже включаем параметр « Привязать к » и проверяем активность опции « Границы документа »:
Убедитесь, что опция «Привязать к границам документа» активна.
Шаг 6: выбираем верхний слой
В панели «Слои» выделяем верхний слой:
Кликаем по верхнему слою, чтобы выбрать его.
Шаг 7: перетаскиваем изображение к краю другого изображения
С помощью инструмента «Перемещение» перетаскиваем изображение в документе влево или вправо относительно изображения, которое находится под ним. При перетаскивании нажмите и удерживайте клавишу Shift, чтобы ограничить направление, в котором можно двигаться.
Перетаскивание верхнего изображения вправо от нижнего изображения.
Привязка изображения к краю документа
Как только вы подойдете достаточно близко к краю документа, ваше изображение резко притянется к краю. Верхнее изображение сейчас скрыто, так как оно находится с края холста:
Верхнее изображение скрыто за краем холста.
Шаг 8: выбираем опцию «Показать все»
Чтобы активировать видимость обоих изображений, в меню « Изображение » выбираем опцию « Показать все ».
Идем в меню «Изображение» (Image) > «Показать все» (Reveal All).
При этом Photoshop изменяет размер холста, чтобы разместить два изображения:
Результат после использования опции «Показать все» (Reveal All).
Как поменять изображения местами
Но что делать, если нужно поменять изображения местами?
Шаг 1: Активируем инструмент «Перемещение»
Убедитесь, что инструмент « Перемещение » все еще активен:
Проверяем, активен ли инструмент «Перемещение» (Move Tool).
Шаг 2: Выделяем весь холст
Мы не собираемся использовать сам инструмент «Перемещение». Необходимо, чтобы он был активен. Так мы получаем доступ к опциям выравнивания. Мы поменяем изображения местами, совместив их края с краями холста. Для этого необходимо выделить весь холст. В меню « Выделение » выбираем пункт « Все ». После этого по краям документа появится контур выделения:
Идем в «Выделение» (Select) > «Все» (All).
Шаг 3: Выбираем верхнее изображение
В панели слоев выбираем верхнее изображение, кликая по нему:
Выбираем верхний слой.
Шаг 4: Кликаем по иконке «Выравнивание по левому краю» или «Выравнивание по правому краю»
После этого в панели параметров кликаем по иконке «Выравнивание по левому краю» или «Выравнивание по правому краю» .
Мне нужно переместить изображение справа налево, поэтому я кликаю по иконке «Выравнивание по левому краю» :
Кликаем по иконке «Выравнивание по левому краю» ( Align Left Edges ) .
После этого Photoshop выровняет левый край изображения по левому краю холста:
Результат после перемещения верхнего изображения справа налево.
Шаг 5: Выбираем нижнее изображение
Выделите нижний слой:
Для выделения нижнего изображения кликаем по нижнему слою.
Шаг 6: Кликаем по иконке «Выровнять края»
Чтобы переместить нижнее изображение вправо, я кликаю по иконке « Выравнивание по правому краю »:
Кликаем по иконке «Выравнивание по правому краю» (Align Right Edges).
После этого Photoshop выравнивает правый край изображения по правому краю холста. Чтобы отменить выделение холста, в меню « Выделение » выбираем пункт « Отменить выделение »:
Результат после перемещения нижнего изображения слева направо.
Мы научились загружать два изображения в один документ Photoshop, размещать изображения рядом и менять их местами!
Данная публикация представляет собой перевод статьи « Photoshop Quick Tip: How to Place Two Images Side by Side » , подготовленной дружной командой проекта Интернет-технологии.ру
Доброго всем времени суток, мои уважаемые читатели! Как всегда с вами Дмитрий Костин, тут всё без изменений). Я вот смотрю, многие интересуются как объединить две фотографию в одну в фотошопе. Просто бывают, что люди хотят сделать сравнение, например ДО и ПОСЛЕ, или что-нибудь еще.
Вы же наверное видели, что когда люди выкладывают свои достижения в похудении, тоже выкладывают объединенные в одну фотографии ДО и ПОСЛЕ. Кстати я тоже так делал, когда писал статью про свое похудение. В общем сегодня я покажу как это можно легко сделать. Так что хрустните пальцами и поехали!
Хотел рассказать вам самый быстрый способ, но решил, что не стоит повторяться, так как я уже о нем рассказывал в уроке про инструмент «Перемещение» в фотошопе. Получится так, что у вас будет одна фотография в другой. Лучше сосредоточимся на других способах.
Соединение двух изображений
В этом примере я решил сделать объединение фотографий в стиле «До и после». Вы только не говорите мне, что эти люди не похожи. Это два разных человека). В общем откройте две фотографии в photoshop, а дальше по порядку. Я взял фоточки двух людей: худого и рельефного.
- Для начала давайте сделаем изображения одинаковой высоты. Для этого находясь на каждой фотографии в отдельности, зайдите в меню «Изображение» — «Размер изображения» . Посмотрите количество пикселей по высоте. У меня получилось, что у худышки 680 пикселей, а у подкаченного 1329.
- В этом случае лучше уменьшить размер изображения подкаченного до 680 пикселей в высоту, дабы приравнять их и не потерять в качестве. Знаете как это делается? Если нет, то смотрим мою статью про изменение размера изображения (правда всё и так должно быть понятно). И кстати запомните размер изображения качка по горизонтали. У меня получилось 487.
- Теперь переходите на фотографию худышки и идите опять в меню «Изображение» , только на сей раз выберете «Размер холста» . Здесь мы просто увеличим рабочую область без увеличения самой фотки. Итак размер фотки худого по горизонтали составляет 453 пикселя. Прибавляем мысленно 487 пикселей (размер по горизонтали фотки качка) и получаем 940. Именно это число мы и пишем в ячейку ширина. Высоту при этом не меняем и оставляем 680.
- Теперь нам нужно выбрать с какой стороны появятся эти новые дополнительные 487 пикселей по горизонтали. Если оставим как есть, то холст увеличится в обоих сторон на 243 и 244 пикселя (487/2). Но мы хотим сделать «До и после», а значит худышка должен быть слева, следовательно пустой кусок холста справа. Тогда в расположении жмем на стрелку влево, чтобы центр сместился левее. также можете выбрать цвет фона, но в нашем случае это не нужно, подойдет любой, так как все равно мы его закроем. Затем нажимаем ОК.
- Видите? Теперь у нас появился огромный кусок белого фона. Теперь переходим на фотографию накаченного, берем инструмент «Перемещение» , зажимаем левую кнопку мыши на фотографии и перетягиваем на вкладку с фотографией худыша.
- Дело за малым. Осталось передвинуть фотографию прямо на белый фон. Мы точно рассчитали ширину и подогнали высоту, так что всё должно встать ровно.
Вот такой незамысловатый и легкий способ совместить два изображения).
Объединение с плавным переходом
Есть еще один интересный эффект, когда переход от одной фотографии к другой осуществляется плавно. Давайте я сделаю это на примере двух животных: льва и сайгака.
- Откройте изображение льва и сайгака в нашем редакторе, но на разных вкладках.
- Перейдите на слой со львом и выберете режим быстрой маски.
- Теперь выберете инструмент «Градиент» и убедитесь, что переход стоит от черного к белому. И теперь этим градиентом проведите линию примерно в середине, как показано у меня на рисунке.
- У вас часть изображения со львом должна закраситься красным оттенком. Отлично. Это нам и нужно. Теперь посмотрите на панель слоев и на наш активный слой со львом. Он основной? Т.е. замочек на нем стоит? Если да, то нажмите на него левой кнопкой мыши, чтобы он исчез, иначе мы просто не сможем редактировать данный слой.
- Теперь уберите режим быстрой маски, нажав на ее значок еще раз. У вас должна будет выделиться часть изображения пунктирной линией. После этого нажмите клавишу DELETE и убедитесь, что содержание стоит «С учетом содержимого» , затем нажмите ОК. У вас должна убраться правая часть изображения, причем с плавным прозрачным переходом. Только снимите выделение (просто кликните один раз любым инструментом выделения, например прямоугольной областью).
- Теперь переходите на вкладку с сайгаком (блин, смешное все таки животное и название). Желательно сравнять высоту (в пикселях) этих двух изображений, как и в предыдущем примере. Теперь берем инструмент «Перемещение» и тащим бедного сайгака прямиком ко льву.
- А теперь фокус (шучу, конечно это не фокус). Зажимаем слой с сайгаком на панели слоев (бедное животное, опять мы его зажимаем) левой кнопкой мыши, после чего перетаскиваем его вниз так, что бы он оказался ниже льва.
- Видите, что получилось? Царь зверей и антилопа соединены в единое фото. Круто! Можно немного подвигать антилопу с помощью «Перемещения» . Смотрим. Плавный переход удался. По моему вполне неплохо получилось. Симпатично и ненапряжно.
Ну в общем как-то так.
Конечно это фотошоп. И еще найдется немало способов, чтобы соединить несколько фоток в одну. Но я думаю, что для начала вам будет вполне достаточно этих способов. Причем в последнем варианте мы не просто связали 2 фотки в одну, а сделали простенький коллаж, т.е. используем несколько разных изображений в одном.
Кстати, если вы хотите делать потрясающие коллажи, то я очень рекомендую вам посмотреть отличный курс по этой тематике . Досконально рассмотрено множество примеров. Из нескольких простых изображений вы научитесь делать просто шедевры, так что вперед!
Ну а я с вами на сегодня прощаюсь. рад был вас видеть на свое блоге и надеюсь, что вам все понравилось. Не забудьте подписаться на обновления моего блога и поделиться с друзьями в социальных сетях. Ну а я желаю вам удачи. Пока-пока!
Здравствуйте, уважаемые читатели моего блога. Сегодня мы поговорим об одной очень простой манипуляции, благодаря которой можно создавать довольно красивые объекты. Здорово, когда всего одной функции достаточно, чтобы делать нечто полноценное, уникальное и полезное. Это именно такой случай.
Сегодня я расскажу вам как в фотошопе соединить две картинки. Вы получите не только пошаговую инструкцию, но и сумеете в будущем, благодаря этой статье, обрабатывать края изображения: выделять контуром границы, а также создавать плавные переходы. Все это добавит вашей работе изящества и позволит ей выгодно смотреться на стене, если захотите распечатать коллаж.
Такие портреты можно даже продавать, если у вас есть доля амбициозности, предпринимательская жилка и подписка на мой блог. Я часто рассказываю о простых способах раскрутить свой бизнес в интернете, вам остается только выбирать подходящие советы и пользоваться ими.
Ну а теперь давайте перейдем непосредственно к работе над фотографиями. Как же их объединить?
Сливаем фото воедино
Для работы я скачал 2 фотографии из бесплатного банка изображений. У вас может быть несколько картинок, это не так важно. Сохраните их в папке, откройте Photoshop и будьте готовы к дальнейшим действиям.
Существует несколько способов добавления изображения в программу. К примеру, пункт «Файл» — «Открыть» в верхнем меню. Я люблю иной метод, который идеально подходит для создания коллажа. Просто перетаскиваю одно изображение в рабочее поле программы из папки, а затем другое.
Вообще, этот способ для данной работы считается «правильным». В статье как уменьшить фото с сохранением качества я рассказывал почему. Если вы добавляете картинку обычным способом, то несколько манипуляций с размером могу привести к тому, что пиксели на фото побьются и качество пострадает. Если вы вставляете рисунок из папки, то Photoshop воспринимает его как смарт-объект и препятствует пиксельной поломке.
Если вы перетаскиваете несколько картинок сразу, то они открываются в соседних окнах. Если же сначала добавляете в рабочее поле одну, а затем вторую-третью и так далее, то они накладываются на исходное изображение.
Не составит большого труда уменьшить, увеличить или перетащить новое фото. Все это делается при помощи мыши. Единственное, могу раскрыть несколько полезных секретов. Если вы зажмете Shift, а затем начинаете манипулировать курсором, то пропорции сохранятся. Картинка не будет «вытянута» по горизонтали или вертикали.
Еще одно полезное сочетание клавиш – Ctrl+T. Если вы, предположим, уже поработали над изображением и нажали enter, чтобы применить форматирование, а потом снова захотели поменять размер картинки или ее местоположение, то эти горячие кнопки помогут вам снова вызвать ту же самую функцию.
Вы вообще хорошо разбираетесь в термине «новый слой»? Если знаний недостаточно, рекомендую прочитать публикацию в моем блоге, в котором я досконально рассказываю об этой возможности фотошопа. Никаких белых пятен в знаниях не останется.
Сейчас я напомню лишь основные моменты. Не забывайте, что клик по одному из слоев активирует его, вы можете работать с выбранным, а оставшиеся останутся не тронутыми. Однако, если вы сейчас захотите это сделать, то многие функции будут для вас закрыты. В чем причина?
Верхний слой (под цифрой «2») не растрирован, а второй («Фон») закрыт от редактуры. Щелкните по замочку справа, чтобы разблокировать опции нижнего.
С тем, что я назвал «2» придется поступить иначе. Кликните правой кнопкой мыши, а затем в появившемся меню выберите функцию «Растрировать слой».
Все, теперь вы получили доступ ко всем функциям фотошопа и можете применять их на обеих фотографиях.
Обводка
В этом блоге уже есть подробная инструкция по созданию обводки, в ней вы сможете узнать как работать со сложными контурами. Сейчас, думаю, нам понадобится простой вариант оформления рамки для изображения.
Для этого кликаю в правом меню на функцию Fx и в появившемся окне выбираю «Обводка». Не забывайте, что она будет применена к тому слою, по которому вы кликнули, а он впоследствии подсветился. В данном случае «2».
Разобраться в настройках просто. Размер определяет ширину рамки, можете выбрать положение (из центра, снаружи или внутри картинки), оттенок сделайте более или менее насыщенным – за это отвечает параметр «Непрозрачность», ну и, собственно, сам цвет, который при желании можно заменить на градиент или узор в меню «Тип».
Поиграйтесь с этими настройками самостоятельно. Не забывайте включить «Просмотр», для этого поставьте соответствующую галочку под кнопками «Новый стиль» справа.
Применю обводку для обеих картинок, расположенных рядом.
Плавный переход
Чтобы одно изображение сливалось с другим необходимо поступить несколько иначе. Сейчас я покажу простой способ для новичков.
Сперва выберу прямоугольное выделение, все об инструментах для выделения сложных объектов вы можете прочитать в прошлой публикации. Затем выделяю границы картинки, которые будут размыты, ну а затем параметр «Выделение и маска».
Чтобы было лучше видно результат, выберите вид «На слоях».
Здесь также много настроек, но нам сейчас понадобится только «Растушевка» и, возможно, «Сместить край». Подергайте за ползунки, а затем нажмите «Инвертировать».
Теперь, чтобы все получилось в лучшем виде, выберите в верхнем меню пункт «Выделение», а затем «Инверсия». Можно просто использовать горячие клавиши Shift+Ctrl+I.
Готово, нажмите кнопку Del на клавиатуре. Если бы вы не применили параметр «Инверсия», то сейчас удалились бы не края вашей картинки, а все, что находится по центру.
Можно поступить несколько иначе, чем в предыдущем примере. Сначала выделите слой (теперь я работаю с фоном), затем обведите изображение при помощи прямоугольного выделения, после примените инверсию, а уж в конце открывайте функцию «Выделение и маска».
Готово. Вот так выглядит теперь фото. Вы забывайте нажать Del. Кстати, чтобы избавиться от выделительных муравьев по кайме картинки используйте сочетание Ctrl+D.
Рисунок у нас получился полупрозрачным. Почитайте, если хотите более подробно о PNG-формате и методах работы с ним. Я же предлагаю вам создать новый слой в качестве подложки. Рядом с иконкой «Корзина» в меню справа вы находите кнопку для создания нового слоя. Затем перетаскиваете его под фоновое изображение.
Выбираете подходящий цвет и инструмент заливка и применяете его к картинке. Кстати, думаю, что сейчас вам может понадобиться статья о том, как создать красивый черный фон для изображения. В этой публикации есть много интересных простых способов и методик сотворения вручную.
Вот в принципе и все.
Видео инструкция
Если у вас остались вопросы, вы можете посмотреть видео о том, как объединять две картинки рядом.
Ну, а этот обучающий урок, подойдет вам в том случае, если вы захотите сделать фотографию с плавным переходом. В этом видео есть настройки, о которых я не говорил в тексте этой статьи, так что не проходите мимо.
Ну и мне осталось лишь напомнить, что если вы захотите узнать больше об инструментах, которые есть в фотошопе, то в этом вам поможет курс « Фотошоп с нуля в видеоформате ». Очень много подробной информации для начинающего пользователя, особенно если в будущем вы задумываетесь о том, чтобы зарабатывать на своем умении.
Ну а для тех, кто хочет добиться максимальных результатов в своем хобби – курс « Волшебный коллаж ». Невероятно полезная штука, в которой больше внимание уделено художественной составляющей работы: свет, тени и так далее, а также максимум профессиональных секретов обработки рисунка.
На этом у меня все. Не забывайте подписываться на группу Старт-Лак Вконтакте , чтобы не пропустить нечто полезное. До новых встреч и удачи.
Учебное пособие по Photoshop 6.01 — Использование слоев для объединения изображений
Учебное пособие по Photoshop 6.01 — Использование слоев для объединения изображенийВаза для фруктов
1. Нажмите кнопку «Пуск», а затем перейдите в «Программы». Перейдите в Adobe, Photoshop 6.0 и щелкните Adobe Photoshop 6.0. Если его нет в списке в меню «Пуск», вам необходимо установить программу. с помощью значка установки программного обеспечения на рабочем столе.
2. Сохраните справа три фотографии, перечисленные ниже. щелкнув по каждому из них, а затем левой кнопкой мыши «Сохранить изображение как».Сохраните их в вашу сетевую папку в виде файлов .jpg.
3. В Adobe Photoshop нажмите «Файл», а затем «Открыть». Выберите вашу сетевую папку, в которой вы сохранили изображения фруктов. Выберите каждый из трех изображений и нажмите «Открыть». Примечание: нажмите Ctrl + левый щелчок, чтобы выбрать более одного файла за раз.
4. Вы увидите изображение яблока, винограда. и таз. Мы объединим эти изображения в другую картинку.Чтобы создать Новое рабочее пространство, щелкните Файл, затем Новый. Назовите новое рабочее пространство Fruit Bowl.psd. Установите ширину 400 пикселей и высоту. до 300 пикселей.
5. Выберите изображение apple.jpg. Используйте волшебную палочку инструмент выделения (см. снимок экрана) и выделите все яблоко. Вы хотите, чтобы контур яблока был выделен в мигающая пунктирная линия. Примечание: вам нужно будет нажать shift + щелкнуть левой кнопкой мыши несколько раз. раз на разных частях яблока, чтобы добиться этого.
6.После того, как яблоко выбрано, перейдите в Edit, затем Copy. Выберите свой Fruit Bowl.psd
изображение, а затем перейдите в Редактировать, затем Вставить. Это должно вставить дубликат изображения
яблоко в пустое рабочее место. Если по каким-то причинам это не так. Зайдите в Edit,
затем «Отменить» или «Шаг назад» и повторите попытку.
7. Повторите шаги 5 и 6 для винограда и миски.
8. Обратите внимание, что каждое изображение, которое вы вставили в Fruit Bowl, представляет собой отдельный слой.
Каждый слой можно перемещать или редактировать, не влияя на другие слои.Слой
в верхней части списка находится слой, расположенный поверх изображения.
9. Используйте инструмент Magic Wand и
Инструмент «Перемещение» (четырехсторонняя стрелка)
установить миску и фрукты в желаемое положение. Используйте ластик
инструмент для удаления фруктов, торчащих из дна чаши
10. Перейдите в Layer, затем Flatten Image. Это позволит вам сохранить файл как
файл jpg. После этого вы сможете перейти в «Файл», «Сохранить».
Как, выберите тип изображения jpeg или jpg и убедитесь, что вы находитесь в своей сети.
папку и нажмите «Сохранить».На следующем экране будут запрашиваться уровни детализации и другие
опции. Параметры по умолчанию в порядке, просто нажмите ОК. Окончательное изображение должно выглядеть
нравится.
Как объединить фотографии с помощью Adobe Photoshop
Время от времени нам может понадобиться объединить изображения , чтобы они выглядели лучше. Не каждая картинка, на которую мы нажимаем, идеальна. Иногда изображение может иметь правильный цвет и освещение, но человек закрывает глаза. В других случаях объект может идеально позировать, но на заднем плане есть животные или люди.Однако все эти недостатки могут быть устранены, если вы знаете, как комбинировать фотографии в Photoshop . Да! Мы сказали Photoshop, потому что что может быть лучше, чем использование самого мощного программного обеспечения для редактирования фотографий для выполнения этой задачи? Действительно, было бы здорово!
Adobe Photoshop — самая мощная и популярная программа для редактирования изображений. Фактически, одна из его ключевых особенностей — это способность объединять разные изображения и создавать одну исключительную фотографию. Технически это называется сшиванием изображений.Техника выполняется с помощью компьютерного программного обеспечения и требует точного наложения изображений с разной экспозицией для получения изображения с высоким разрешением. Звучит интересно?
Позвольте нам познакомить вас с различными методами слияния изображений, чтобы вы могли реализовать их в соответствии с вашими потребностями. Эта статья научит вас лучшим способам комбинировать изображения в Photoshop . Мы рекомендуем вам использовать это программное обеспечение для этой задачи, так как с его помощью легче достичь бесшовных результатов.
Шаги по объединению фотографий в Photoshop
Ниже приведены шаги, которые помогут вам, , совмещать изображения в Photoshop тремя различными способами. Для выполнения работы можно использовать все три метода. Первые два способа немного проще третьего. Третий метод обычно делится на три разных раздела и немного длиннее. Тем не менее, если вы хотите идеально скомбинировать изображения, оно того стоит.
Первый методШаг 1:
Откройте программу Photoshop.Щелкните и нажмите кнопку мыши или перо Wacom на желаемое изображение, которое вы хотите объединить с другим.
Шаг 2:
Перейдите на вкладку документа, чтобы скопировать в него фотографию. Теперь на экране появится место назначения документа.
Шаг 3:
Перейти к началу новой фотографии. Нажмите левую кнопку мыши, удерживая клавишу Shift, и отпустите.
Шаг 4:
Вы найдете оба изображения друг на друге в пределах двух слоев и готовы к объединению.
Второй МетодШаг 1:
Если вы используете MAC, перейдите в окно меню и выберите Application Frame.
Если вы используете Windows, перейдите в окно меню, выберите «Упорядочить», а затем нажмите «Переместить все».
Шаг 2:
Выключите фрейм приложения, как только увидите, что окна документов плавающие.
Шаг 3:
Теперь возьмите желаемый снимок и перетащите его на другой, чтобы объединить.
Третий МетодШаг 1:
Выберите «Окно», а затем «Упорядочить». Вы увидите, что оба документа расположены бок о бок.
Шаг 2:
Щелкните изображение и перетащите его. Теперь переместите курсор к другой фотографии и нажмите Shift. Наконец, отпустите его. Это вернет вас к опции «Упорядочить». Теперь объедините вкладки. Вы вернетесь к тому, что было раньше.
Следующий шаг — научиться делать быстрый композит. Хотите знать, что такое композит в Photoshop? Это процесс, в котором вы объединяете более двух изображений, чтобы сформировать новое.
Как создать композицию в Photoshop?Вот как можно быстро создать композит.
Шаг 3:Начните с объединения двух изображений, используя шаги 1 и 2.
Шаг 4:Нажмите Ctrl / Cmd + T, чтобы вызвать Free Transform.Однако вы увидите, что изображения выглядят крупнее, что делает невозможным поиск ручек. В этом случае попробуйте уменьшить масштаб, чтобы увидеть маркеры, или нажмите Ctrl / Cmd + 0.
Шаг 5:Переместите курсор в угол. Нажмите Shift и перетащите его. Обязательно перетащите пропорционально. Кроме того, вы также можете нажать Option и перетащить его из центра. Теперь нажмите Enter.
Шаг 6:
Объедините изображения вместе.Теперь выберите инструмент быстрого выбора и перетащите нужную область, чтобы сделать выбор.
Шаг 7:
Теперь нажмите «Выбрать», а затем выберите «Обратное выделение». Альтернативный способ — нажать Ctrl / Cmd + Shift + I.
Шаг 8:
Перейдите на панель «Слои» и выберите значок новой маски слоя. Это поможет вам выделить выделенную область и замаскировать область, которая не выделена наверху слоя.
Шаг 9:
На фотографии могут появиться резкие края.Чтобы исправить это, выберите маску слоя и перейдите в Windows. Теперь нажмите «Свойства» и выберите ползунок «Растушевка». Для смягчения краев нужно немного сдвинуть ползунки пера.
Как сочетать разные цвета на слоях?Если вы видите, что цвета не совпадают, не паникуйте. Для этого тоже есть небольшая хитрость. В этом примере вы можете увидеть оттенок теплого и синего цвета на изображении. Выполните следующие шаги, чтобы устранить его.
Шаг 10:
Перейдите к фону желаемого изображения, которое вы хотите изменить. Теперь нажмите на Image Adjustment и спуститесь, чтобы выбрать опцию Match Color.
Шаг 11:Выберите желаемый источник. Выбранный вами источник будет выступать в качестве рабочего изображения.
Шаг 12:Выберите нужный слой, из которого вы хотите получить цвета. Однако имейте в виду, что слой, который вы собираетесь использовать сейчас, станет слоем 1 на вашем изображении.
Шаг 13:В основном он применит цвет из выбранного вами к другому слою. При нанесении поначалу он может иметь яркий цвет. Однако вы можете устранить это позже с помощью ползунка Fade.
Как связать слои цветами?Но что вам нужно сделать, если вы хотите объединить разные слои вместе с помощью цветов? Ниже приводится небольшая хитрость, с помощью которой вы можете выполнить работу безупречно.Это поможет вам совмещать изображения вещей вместе с разными слоями, имеющими разные цвета.
Шаг 14:Если вы ищете лучший способ соединить слои с разными цветами, сначала перейдите к корректирующему слою. Щелкните по нему и выберите сплошной цвет по вашему выбору. Здесь мы выбрали разновидность оранжевого цвета.
Шаг 15:Теперь перейдите в режим наложения цветов.
Шаг 16:Как только вы дойдете до этого места, уменьшите его непрозрачность до максимально возможной степени. Он капает на оба слоя и объединяет их вместе, чтобы придать им привлекательный вид. Наконец, вы успешно скомбинировали изображения, придав им идеальный вид.
В дополнение к описанным выше шагам для комбинирования фотографий в Photoshop убедитесь, что вы сделали несколько снимков. Поскольку получить хорошие изображения за 2-3 клика бывает редко, сделайте больше снимков, чем вы думаете.Этот метод еще более выгоден в случае редактирования фотографий недвижимости . Он может предоставить вам больше возможностей для слияния изображений и получения результатов звездного качества. Объединение фотографий — обычная практика, применяемая отдельными фотографами и компаниями, предлагающими услуги редактирования фотографий . Итак, если вы тоже принадлежите к той же области, изучение этого было бы преимуществом для вашей работы.
Как объединить фотографии в Photoshop
Вы знаете, как объединить фотографии в PhotoShop или любом другом фоторедакторе?
Знаете ли вы, почему эти знания важны для вас как художника?
Не существует такого понятия, как «идеальная эталонная фотография».«Близко к совершенству, да, но большинство из нас находят что-то, что могло бы быть лучше почти на каждой исходной фотографии, которую мы рассматриваем.
Даже для тех из нас, кто занимается собственной фотографией, наступает время, когда лучшая фотография была бы еще лучше — если бы одна вещь была изменена.
Сегодня я расскажу вам, как комбинировать фотографии в Photoshop.
Как объединить фотографии в Photoshop
Эта демонстрация была создана с помощью Photoshop 7.0 на Mac G4. Процесс может отличаться в зависимости от версии Photoshop, которую вы используете, и типа компьютера.
Вы также можете комбинировать фотографии со многими другими фоторедакторами, включая GIMP, и онлайн-редакторами фотографий, включая Photoshop. GIMP загружается бесплатно и имеет множество тех же функций, что и Photoshop 7. Если вы хотите просмотреть учебное пособие по GIMP, дайте мне знать.
Теперь давайте посмотрим, как объединить фотографии в Photoshop.
Шаг 1: Выберите фотографии, которые хотите объединить.
Будет полезно, если источник света находится в одном и том же месте (слева вверху, справа вверху и т. Д.) На всех фотографиях, но это не обязательно. Если одна из фотографий, которые вы хотите использовать, показывает противоположное освещение, одно простое исправление — перевернуть фотографию по горизонтали, чтобы она соответствовала остальным. Дополнительные исправления могут быть внесены на этапе рисования или раскрашивания, но это не входит в объем данной статьи.
Шаг 2: Выберите изображение, которое вы хотите использовать в качестве основного изображения.
В большинстве случаев это будет фоновое изображение или пейзаж.
Сохраните его под новым именем и поместите в папку с названием картины или рисунка (или с рабочим названием).
Шаг 3: Создайте новый слой поверх основного изображения.
Щелкните раскрывающееся меню СЛОЙ и выберите НОВЫЙ СЛОЙ. Новый слой не будет виден, потому что он прозрачный. Вы можете «увидеть» его, щелкнув раскрывающееся меню ПРОСМОТР и нажав СЛОИ.
Вы можете назвать слой, если хотите, но не обязательно.
Шаг 4: Выберите изображение для объединения с основным изображением.
Выберите изображение, которое вы хотите объединить с первым, чтобы создать новую композицию.
На иллюстрации ниже я уменьшил размер фотографии лошади, затем нажал CONTROL + A (вы также можете выбрать ВЫБРАТЬ ВСЕ в раскрывающемся меню ПРАВКА), чтобы выбрать все изображение. Пунктирная линия вокруг изображения лошади показывает, что она выбрана.
Нажмите CONTROL + C, чтобы скопировать, или выберите копию в раскрывающемся меню ПРАВКА.
Щелкните фоновое изображение, чтобы сделать его активным, затем вставьте скопированное изображение в основное изображение, набрав CONTROL + V или выбрав ВСТАВИТЬ в раскрывающемся меню ПРАВКА.
Скопированное изображение будет вставлено в новый слой, который вы создали на шаге 3. Вы сможете перемещать его, стирать его часть и вносить другие изменения, не меняя фоновый слой.
Шаг 5: Сотрите ненужные части изображения.
Сначала сотрите большие области.
Все, что мне нужно от изображения меньшего размера, — это белая лошадь. Все остальное нужно удалить. Я использую ластик, чтобы удалить ненужные части рисунка.
В версии Photoshop, которую я использую (7.0), ластик — шестой инструмент внизу слева на панели инструментов. См. Заштрихованную рамку в левой части рисунка ниже.
Если вы используете другую версию Photoshop, ваш ластик может быть немного в другом месте, но значок будет аналогичным.
Наведите курсор на ту часть изображения, которую хотите удалить. Удерживая правую кнопку мыши, наведите курсор на изображение. Все, на что указывает курсор, стирается.
Хотя стирание идеально подходит для небольших участков и работы с деталями, оно может быть утомительным при удалении больших участков. В этом примере небо представляет собой большую область с довольно ровным цветом. Такие области намного проще удалить, выбрав инструмент «Палочка» (второй инструмент сверху в правой части панели инструментов — см. Затененное поле в левой части рисунка ниже.) Щелкните в любом месте области, которую вы хотите удалить.
Чтобы выбрать несколько областей, как показано выше, щелкните первую область, затем, удерживая клавишу Shift, щелкните дополнительные области.
Когда вы выбрали все области, нажмите CONTROL + X, чтобы вырезать эти области, или выберите ОЧИСТИТЬ в раскрывающемся меню ПРАВКА в верхней части экрана.
Затем сотрите меньшие области.
Для некоторых небольших участков, например вокруг головы лошади, я увеличил изображение до 50% или больше, выделив число в нижнем левом углу и набрав большее число.Это дает мне гораздо больший обзор изображения. Я могу прокручивать из стороны в сторону или сверху вниз, чтобы увидеть небольшие части изображения и стереть все, что мне не нужно в композиции.
Вот как выглядят два изображения, когда я заканчиваю убирать фотографию белой лошади.
Шаг 6: Повторите шаги 3, 4 и 5 для каждой дополнительной фотографии, которую вы хотите добавить.
Одна лошадь на открытом ландшафте может быть интересной, но я хочу добавить немного больше интереса.Поэтому я скопировал вторую фотографию лошадей и добавил ее в свою композицию.
Но второе изображение лошадей находится не там, где мне нужно, потому что Photoshop автоматически вставляет новые изображения в центр основного изображения. Каждое новое изображение автоматически закрывает предыдущее.
Чтобы изменить порядок этих изображений, щелкните раскрывающееся меню СЛОЙ и выберите упорядочить. Это раскроет ваши варианты. Перемещение слоя назад переместит его на один слой назад. Выбор ПЕРЕМЕСТИТЬ НАЗАД переместит его назад к первому слою над фоном (пейзажем).
Шаг 7: Расположите изображения, чтобы найти хорошую композицию.
Вы также можете перемещать каждое изображение по картинной плоскости, выбирая каждый слой. Для этого откройте раскрывающееся меню Окно и щелкните СЛОИ. Откроется диалоговое окно «Слои», которое вы можете увидеть в нижней части рисунка ниже.
Выбран слой 2. Это слой с красными лошадьми. Пока выбран слой 2, я могу щелкнуть в любом месте изображения и схватить красных лошадей.Удерживая кнопку мыши и перетаскивая ее, я могу перемещать этих рыжих лошадей куда захочу.
Даже в небо, чтобы я мог лучше их рассмотреть, убрал все лишние частицы, которые мне не нужны, и проделал любую другую работу, которая может потребоваться.
Чтобы упростить задачу, переименовывайте каждый слой по мере его создания. В этом примере я мог бы переименовать первый слой в White Horse, а второй — в Red Horses. Это устраняет путаницу, если вы добавляете более одного или двух слоев.
Повторите шаги 3-5 для каждого слоя, с которым хотите работать.
Шаг 8: Настройте свою лучшую композицию или попробуйте новые композиции.
Теперь у вас есть одно изображение (пейзаж), в которое скопировано несколько других изображений (белая лошадь, красные лошади).
Теперь вы можете немного повеселиться и расположить элементы как хотите. Очевидно, что чем больше элементов вы добавляете, тем больше различных аранжировок вы можете придумать.
Две возможные композиции для этой демонстрации: белый конь впереди…
… и с красными лошадьми впереди.
Вы также можете сделать лошадей совсем маленькими по сравнению с ландшафтом или попробовать что-то еще.
Сохраняйте каждую композицию отдельно как файл .PSD (Photoshop). Файл .psd сохраняет слои и позволяет перемещать их в любое время.
Я также сохраняю каждый файл как .JPG (.JPEG), то есть файл гораздо меньшего размера. Иллюстрации в этой статье представляют собой файлы в формате jpg.
Шаг 9: Приготовьте лучшую композицию.
Прежде чем вы сможете сохранить файл.psd файл в формате .jpg, вам необходимо сгладить слои.
Выберите раскрывающееся меню СЛОЙ и нажмите внизу на ПЛОСКОЕ ИЗОБРАЖЕНИЕ. Все слои объединены в один слой.
Как только вы это сделаете, вы можете сохранить свою лучшую композицию в виде файла jpg на цифровом устройстве, и оно будет готово для рисования.
Вот как я комбинирую фотографии в фотошопе.
Для меня это только начало процесса.
Еще я использую фоторедакторы, чтобы выбирать лучшие композиции.Иногда я сохраняю их в своей экранной заставке, чтобы какое-то время их можно было изучить.
Выбрав дизайн, я создаю сетку для рисования на изображении для более традиционных этапов создания искусства.
Нравится:
Нравится Загрузка …
СвязанныеКак плавно совмещать фотографии в фотошопе
Возьмите ваше первое изображение. Я использую фотографию горизонта Торонто, найденную в Google. В качестве подсказки, если есть область с пустым пространством, например, над линией горизонта.Это очень помогает процессу смешивания.
Мое второе изображение взято с http://taenaron.deviantart.com.
Открыть фотошоп. Все версии будут работать с этим руководством!
Откройте новый документ в Photoshop, чтобы у нас был холст для обоих наших изображений. Command + N на Mac и Control + Shift + N на ПК. Для этого руководства я использую холст 1024 x 768.
Мой холст. Пора перетащить мои фотографии!
Я уже имею представление о своей смеси. Планета за горизонтом.Поэтому я сначала помещаю свой горизонт на свой холст.
Теперь важная и часто упускаемая из виду часть, которая может во многом помочь бесшовному смешиванию, — это подбор цвета с помощью пипетки. Выберите пипетку и перенесите ее на базовое изображение.
Выберите место, где, по вашему мнению, будут встречаться два изображения. Инструмент «Пипетка» выбирает цвет из спектра, который соответствует выбранной области.
Как видите, пипетка автоматически добавляет его в вашу цветовую палитру.
Теперь возьмите инструмент «Ведро с краской» и залейте фон с клетчатым слоем цветом, выбранным пипеткой.
Примечание: при создании нового документа клетчатый (прозрачный) слой будет указан как фон, а ваше изображение автоматически станет новым слоем. Так что залейте фоновый слой выбранным цветом!
Результат заливки фона! Уже отлично выглядит. Теперь возьмите другое фото!
Теперь выгляжу уродливо. Но скоро все станет лучше.Пришло время добавить маску слоя!
Внизу раздела слоев вы увидите прямоугольник с кружком внутри. Убедитесь, что ваш слой, который вы хотите исчезнуть, выбран. Как видите, фото моей планеты есть.
Я добавил маску слоя к фотографии моей планеты. Маска слоя — это то, что позволяет нам смешиваться. Это самое главное.
Возьмите свой инструмент градиента. Помните, где находится ведро с краской из предыдущего шага? Ну, инструмент градиента тоже есть! Щелкните ведро с краской и удерживайте его, чтобы получить доступ ко второму варианту.
Важным шагом является выбор образца градиента от черного к белому и выбор отраженного стиля режимов. Как видно выше. Отраженный режим — это маленький значок справа от образцов.
Теперь с выбранным градиентом. Перетащите его снизу фотографии, которую вы смешиваете вертикально с фотографией, как показано здесь.
Регулируйте градиент столько, сколько вам нужно, пока продукт не удовлетворит вас!
СОВЕТ: вы также можете использовать кисть с выбранным оттенком черного, чтобы добавить более тонкие точки перехода, если градиент не выполняет желаемую работу.
Как у меня получилось.Выглядишь хорошо!
Мой готовый продукт после некоторых корректировок цвета!
Помните: это потребует практики, но это отличная фундаментальная техника. Я знаю, что это было долго, и фотографии могут быть лучше, поскольку они не на моем экране. Не торопитесь и получайте удовольствие !!
Я отвечу на столько комментариев, сколько смогу, в разделе комментариев. Я прояснил это настолько ясно, насколько мог. Удачи и помните, что вы можете сделать это с любым количеством фотографий! Воображение — ключ к успеху!
Как использовать Photoshop Elements для комбинирования изображений как профессионал
Один из самых интересных проектов, который вы можете реализовать в программном обеспечении для редактирования изображений, которое поддерживает наложение слоев — Adobe Photoshop, Photoshop Elements, Pixelmator и т. Д.- интересно комбинировать изображения. Создаете ли вы сюрреалистическое произведение искусства или меняете головы, процесс одинаков в каждой программе. В этой колонке вы узнаете, как с помощью Photoshop Elements объединить фотографию итальянской виллы и бокал красного вина, чтобы создать версию Италии, которую вы можете выпить.
Объедините изображения в один документ, поверните и измените размер
- Запустите редактор элементов и нажмите кнопку «Эксперт» в верхней части рабочего пространства.
- Выберите «Файл»> «Открыть» и найдите изображение, на котором вы хотите создать композицию, например, бокал для вина, показанный здесь.
- Вызовите панель «Слои», нажав кнопку «Слои» в нижней части рабочего пространства.
- Если изображение нужно повернуть, выберите «Изображение»> «Преобразовать»> «Свободное преобразование». Наведите курсор на один из угловых маркеров, и когда он превратится в изогнутую стрелку (в кружке), перетащите, чтобы повернуть изображение по своему вкусу. Чтобы изменить положение изображения, щелкните и перетащите внутрь поля.Когда вы закончите, нажмите зеленую галочку под изображением, чтобы принять преобразование (или нажмите клавишу Return на клавиатуре).
- Добавьте еще одно изображение в документ, выбрав «Файл»> «Поместить». Перейдите к месту на жестком диске, где находится другой образ, и нажмите «Поместить».
- Когда изображение открывается, Elements окружает его маркерами изменения размера. Если вам нужно изменить его размер, загляните в панель «Параметры инструмента» и убедитесь, что параметр «Сохранить пропорции» включен, а затем перетащите любой угловой маркер, чтобы изменить размер изображения.При необходимости перетащите курсор в поле, чтобы изменить положение изображения. По завершении нажмите зеленую галочку под изображением.
Маска и настройка цвета
Чтобы скрыть часть изображения, вы можете использовать маску слоя. В этом примере мы скроем небо на изображении виллы. Иногда проще выбрать то, что вам не нужно, а затем инвертировать выделение, чтобы выбрать то, что вы действительно хотите.
- Активировав нужный слой, возьмите инструмент «Быстрое выделение» на панели инструментов (обведено).
- На панели «Параметры инструмента» отрегулируйте размер кисти и включите «Авто-улучшение» (также обведено).
- Наведите указатель мыши на изображение и щелкните или щелкните и перетащите по области, которую вы хотите скрыть (небо). Размер области, которую выбирают элементы, напрямую зависит от размера вашей кисти. Если вы выбрали слишком много, удерживая клавишу Option, перетащите эту область, чтобы вычесть ее из выделения.
- Переверните выделение, выбрав «Выделение»> «Инвертировать», а затем добавьте маску слоя, щелкнув значок круга в квадрате в верхней части панели «Слои».Когда вы это сделаете, Elements скрывает выбранную область.
- Чтобы настроить цвет одного слоя так, чтобы он больше походил на другой, щелкните наполовину черный / наполовину белый значок в верхней части панели «Слои» (в кружке) и выберите «Оттенок / Насыщенность». На открывшейся панели включите Colorize (также обведен кружком), а затем отрегулируйте ползунок Hue по своему вкусу. Вы также можете использовать ползунок «Насыщенность» для регулировки интенсивности цвета. Чтобы ограничить изменение цвета одним слоем ниже, щелкните значок в левом нижнем углу панели (он тоже обведен).Теперь изменение цвета влияет только на слой с виллой.
Вы также можете использовать режимы наложения слоев, чтобы управлять тем, как цвета на каждом слое смешиваются или нейтрализуют друг друга. Чтобы как можно больше травянистого переднего плана исчезло, активируйте слой с виллой и в меню в верхней части панели «Слои» выберите другой режим наложения. Здесь использован более темный цвет, так как он смотрит на цвета на всех слоях и оставляет только самые темные; он не смешивает цвета.
Поскольку вино темнее большей части переднего плана, часть его исчезает, но это легко исправить.
- Щелкните маску, которую вы создали ранее (обведена кружком), и активируйте инструмент «Кисть» в разделе «Рисование» на панели инструментов.
- Взгляните на цветные чипы в нижней части панели инструментов (также обведены) и нажмите D, чтобы сбросить их до значений по умолчанию для черного и белого, а затем нажмите клавишу X, чтобы перевернуть их так, чтобы черный был сверху .
- На панели «Параметры инструмента» выберите кисть с мягкими краями в меню «Кисть», отрегулируйте размер кисти и затем установите непрозрачность на 100 процентов.Наведите указатель мыши на изображение и проведите кистью по областям изображения, которые вы хотите скрыть. Если вы напортачили и слишком много прячете, нажмите клавишу X, чтобы перевернуть цветные фишки так, чтобы белый оказался сверху, а затем проведите кистью по этой области. Помните, что в области масок слоя, рисование черным скрывает, а белый раскрывает.
Добавить текстуру
Текстура — отличный способ сделать несколько изображений похожими друг на друга, а в Elements есть множество текстур, встроенных в программу.
- Чтобы получить к ним доступ, нажмите кнопку «Графика» в нижней части рабочего пространства и прокрутите вниз, пока не найдете тот, который вам нравится (здесь использовалось «Oh So Dusty»). Щелкните эскиз, чтобы загрузить и добавить его в свой документ.
- Нажмите кнопку «Слои» в нижней части рабочего пространства, чтобы снова открыть панель «Слои». Найдите добавленную текстуру и перетащите ее в верхнюю часть стопки слоев.
- Используйте меню в верхней части панели «Слои», чтобы изменить режим наложения слоя текстуры.Если текстура кажется слишком темной, убедитесь, что слой активен, а затем отрегулируйте параметр «Непрозрачность» в верхней части панели «Слой». В этом примере это показывает пару пустых углов в документе, созданных ранее вращением изображения. Чтобы исправить это, щелкните наполовину черный / наполовину белый кружок в верхней части панели «Слои» и выберите «Сплошной цвет». В открывшейся палитре цветов выберите белый цвет и нажмите OK. Перетащите слой заливки в самый низ стопки слоев.
Если вы довольны композицией — отлично.Если нет, продолжите настройку цвета, дважды щелкнув миниатюру корректирующего слоя «Цветовой тон / насыщенность», чтобы снова открыть панель «Цветовой тон / насыщенность» и / или поэкспериментировать с различными режимами наложения для каждого слоя.
Вот последняя часть вместе с панелью «Слои».
Как видите, композитинг требует времени, но результаты могут стоить затраченных усилий. До следующего раза да пребудет со всеми вами творческая сила!
Как комбинировать изображения и смешивать слои в Photoshop
Иногда одного изображения недостаточно.В некоторых случаях две фотографии могут создать одну гораздо лучшую композицию. В этом уроке я научу вас совмещать изображения в Photoshop. Мы рассмотрим, как создавать творческие композиции с текстурами, а также с эффектами двойной экспозиции. Вам понадобится подписка Creative Cloud для Adobe Photoshop и несколько изображений для работы.
В этом посте мы будем использовать некоторые изображения из наших пакетов макетов Divi, чтобы показать вам три различных метода смешивания. С помощью этих инструментов вы сможете создавать в Photoshop всевозможные удивительные композиции.
Настройка рабочего процесса
Первое, что нужно сделать, — это подготовить рабочий процесс.
1. Начните новый проект и поместите две фотографии на холст.
У каждого изображения должен быть свой слой, назовите его как хотите. На данный момент порядок слоев не имеет значения, но позже, когда вы начнете видеть, как все работает, вы должны попробовать изменить порядок, чтобы увидеть, как все меняется. В этом уроке мы помещаем женщину внизу, а город вверху.
Затем сделайте копию каждого изображения и заблокируйте оригиналы.Фактически, это практика, которую вы должны делать всегда. Вы можете переборщить с эффектом, и у вас не будет возможности вернуться к началу. Да, конечно, вы можете использовать Command + Z для отмены, но вы также можете отменить другие эффекты, которые хотите сохранить на другом слое.
На изображении ниже два изображения, я немного передвинул город, чтобы показать вам изображение женщины внизу.
Давайте начнем изучать, как смешивать изображения в Photoshop.
Как совмещать изображения в Photoshop с параметрами непрозрачности
Во-первых, давайте посмотрим на инструмент непрозрачности.Это кнопка-переключатель, доступная для каждого слоя на панели слоев. Он активируется при выборе слоя.
Определенно, самый простой способ смешивать изображения в Photoshop — использовать элементы управления непрозрачностью. По умолчанию непрозрачность установлена на 100%, что означает, что изображение вообще не имеет прозрачности. Регулируя непрозрачность для смешивания изображений, убедитесь, что вы работаете с верхним слоем. Следовательно, при проведении собственных экспериментов по смешиванию попробуйте разные уровни непрозрачности и посмотрите, насколько они по-разному выглядят.
Ниже вы можете увидеть три разных уровня непрозрачности.
1. Во-первых, непрозрачность 70%
Сначала выберите изображение в верхнем слое. Затем установите непрозрачность 70%.
2. Затем установите непрозрачность 50%
Снова выберите изображение в верхнем слое и установите непрозрачность на 50%.
3. В-третьих, непрозрачность 30%
На этот раз выберите изображение в верхнем слое и установите непрозрачность на 30%.
Как вы можете видеть выше, каждый процент непрозрачности выглядит немного иначе.В зависимости от того, для чего вы хотите использовать это изображение, выберите окончательный результат, который вам нравится, и экспортируйте изображение, чтобы использовать его в любом месте.
Как совмещать изображения в Photoshop с режимами наложения слоев
Еще один практический метод смешивания изображений в Photoshop — использование режимов наложения слоев.
Начнем с того, что каждый слой имеет 27 вариантов режимов наложения слоев. Способ смешивания слоев работает с числовым уравнением, которое контролирует, как пиксели верхнего слоя взаимодействуют с нижним слоем.Для облегчения выбора режимы наложения разделены на группы по возможностям. Следовательно, все режимы наложения внутри одной группы создают одинаковый общий эффект, но с творческими различиями. Кроме того, все режимы наложения можно настроить с помощью переключателя «Непрозрачность» для получения различной силы или эффекта.
Вот практический список для справки. Кроме того, в каждом режиме наложения есть сочетание клавиш, это Shift + Option + буква. Таким образом, я добавил соответствующую букву к каждому режиму наложения в списке ниже.
Это 27 режимов наложения:
Нормальные режимы наложения
Это обычные режимы наложения, которые технически ничего не делают.
Режим наложения «Растворение» меняется вместе с элементами управления непрозрачностью.
Режимы наложения затемнение
Режимы наложения в этой группе затемняют изображение.
- Темнее K
- Умножить M
- Цветное затемнение B
- Линейный прожиг A
- Более темный цвет
Осветление режимов наложения
Осветлит изображение.
- Светлее G
- Экран S
- Цвет Dodge D
- Линейный Додж (Добавить) Вт
- Цвет светлее
Контрастные режимы наложения
Эта группа режимов наложения добавляет контрастности изображению.
- Накладка O
- Мягкий свет F
- Жесткий свет H
- Яркий свет В
- Линейный свет J
- Пин светильник Z
- Жесткая смесь л
Инверсия режимов наложения
Они создают различные эффекты, используя вариации базового и смешанного слоев.
- Разница D
- Исключение X
- Вычесть
- Разделить
Режимы наложения компонентов
Режимы наложения в этой группе представляют собой визуальные эффекты, основанные на компонентах основного цвета.
- Оттенок U
- Насыщенность T
- Цвет C
- Светимость Y
По общему признанию, чтобы узнать все режимы наложения, нужно много экспериментировать.Когда дело доходит до объединения изображений вместе, лучший режим наложения действительно зависит от двух изображений, которые вы хотите совместить. Для дальнейшего изучения, вот видео, которое объясняет все 27 режимов наложения, включая 8 специальных, подробно и очень легко для понимания.
Специальные режимы наложения
Я сказал 8 особенных? Да, есть 8 режимов наложения, которые можно настроить с помощью переключателя «Заливка», а также переключателя «Непрозрачность».
Это:
- Затемнение цвета.
- Linear Burn.
- Color Dodge.
- Linear Dodge (добавить)
- Яркий свет.
- Линейный свет.
- Hard Mix.
- Разница.
При такой возможности мы не будем рассматривать все 27 режимов наложения. В этом уроке мы рассмотрим те, которые лучше всего подходят для наших двух изображений. Позже, когда вы будете смешивать свои собственные изображения, попробуйте все режимы наложения, а также настройки прозрачности и заливки, чтобы действительно почувствовать, чего вы можете достичь.
Как применить режим наложения для объединения изображений
1. Настройте рабочий процесс, как описано выше, с двумя изображениями.
Сначала, как всегда, настройте рабочий процесс с двумя изображениями и их дубликатами.
2. Примените режим наложения «Умножение».
Теперь выберите верхний слой и выберите Multiply Blend Mode из выпадающего меню. Изображение ниже имеет непрозрачность 60% и заливку 80%. Как видите, этот режим наложения сохраняет красивый темный город в нижней части композиции, в то время как лицо женщины не выглядит размытым.
3. Примените режим наложения Hard Light
На этот раз выберите Hard Light Blend Mode в раскрывающемся меню. Как вы можете видеть ниже, этот режим наложения добавляет контраст фотографии города и волосам женщины. Однако цвета немного меняются и теряют естественность.
4. Нанесите Luminosity Blend
.Наконец, выберите режим наложения слоя яркости. Этот режим придает свету и яркости светлым частям верхнего изображения, придавая всей композиции красивый летний вид.
5. Не переусердствуйте (и не делайте этого)
Знание того, когда вы закончите, зависит от вашего желаемого результата. Например, смешивание слоев ниже называется «Разница», это одна из 8 специальных смешанных слоев, которые меняются с помощью переключателя «Заливка» вместо прозрачности. Мы устанавливаем заливку t0 100% для этого эффекта наверху . Этот визуальный элемент может оказаться слишком большим для фона в модуле веб-сайта, но подойдет для плаката музыкального фестиваля.
6.Завершение и экспорт
Для большей производительности используйте разные слои для каждого режима наложения. Не забывайте всегда хранить копию оригинала. Перетащите новый дубликат в верхнюю часть списка и скройте все остальные, щелкнув значок глаза. Когда вы выбрали режим наложения, который хотите использовать, нажмите только на него и выберите «Файл»> «Экспорт»> «Сохранить для Интернета». Или используйте сочетание клавиш Option + Shift + Command + S
.Маски слоя
Третий и последний метод, который мы рассматриваем сегодня, — это использование масок слоя.
Маска слоя — это дополнительный уровень управления объединением изображений. С помощью маски слоя вы можете контролировать, какая часть верхнего слоя видна или невидима. Это достигается с помощью любого инструмента в черно-белом цвете. Черный цвет делает слой невидимым, а белый цвет делает его видимым.
Как объединить два изображения с помощью маски слоя
В отличие от режимов наложения слоев, маски слоя будут работать лучше, если у вас есть план. Этот метод не столько об экспериментах с возможностями, сколько о настройке параметров для достижения цели.Мы собираемся воссоздать изображение ниже с двумя разными изображениями. Помимо маски слоя, мы также будем использовать цвет градиента. Дополнительно несколько эффектов кисти для последних штрихов.
1. Откройте оба изображения на холсте.
Сначала настройте рабочий процесс. Затем поместите два изображения на свой холст и назначьте каждому свой слой. Поместите идущего человека нижним слоем, а лес — верхним.
2. Добавьте маску слоя к верхнему слою
Теперь внутри панели слоев щелкните значок маски слоя, который выглядит как белый прямоугольник и черный круг.Это добавит связанный белый прямоугольник к слою с лесом.
3. Выберите инструмент «Градиент».
Сначала убедитесь, что маска слоя выбрана в слое леса, затем щелкните инструмент градиент на панели инструментов. В раскрывающемся меню на верхней панели выберите градиент от черного к белому.
4. Примените градиент к слою с лесом
Еще раз убедитесь, что маска слоя выбрана на слое леса, затем примените градиент к изображению.Вот как: нажмите на нижний правый квадрант и перетащите в верхний левый квадрант. Начало и конец линии, по которой вы перетаскиваете инструмент, будут иметь разные эффекты с градиентом. Я хочу, чтобы часть леса оставалась нетронутой, а также плиточный пол, поэтому я не перетаскивал градиент из угла в угол.
5. Примените режим наложения Hard Light к слою Forest.
Не забудьте убедиться, что выбран лес, а не маска слоя, и в раскрывающемся меню выберите Hard Light Blend Mode.С другой стороны, если вы хотите увидеть другой эффект, непременно попробуйте другие режимы наложения слоев.
6. Добавьте несколько креативных штрихов с помощью инструмента «Кисть».
А теперь пора придать изображению немного индивидуальности.
Выбрав маску слоя в слое леса, откройте инструмент кисти с белым цветом на переднем плане. Рисование белым цветом на маске слоя делает части слоя невидимыми.
Чтобы «стереть» некоторые черные области градиента Layer Mask, мы будем использовать кисти разного размера и немного другую непрозрачность.Тщательно смажьте участки круглой плитки для пола, чтобы создать креативную композицию. Если вы допустили ошибку, просто нажмите X, чтобы переключить черный цвет на передний план, и закрасьте ошибку. После этого просто нажмите X еще раз и продолжайте использовать белый цвет.
7. Сохранение и экспорт
Когда вы закончите смешивать изображения, нажмите «Файл»> «Экспорт»> «Сохранить для Интернета» и вставьте композицию в любое место.
Заключение
Как вы видели выше, только с этими тремя методами вы уже знаете, как смешивать изображения в Photoshop.Когда у вас будет больше практики с этими инструментами, вы сможете больше экспериментировать и искать новые способы творческого совмещения изображений. Также помните, что цвета в изображениях, с которыми вы выбираете для работы, режимы наложения слоев будут работать по-разному. Технику маски слоя можно использовать как с градиентом, так и с кистью. Эффективно делает инструмент действительно полезным и универсальным.
Рекомендуемое изображение через jiunn / shutterstock.com
Учебное пособие по Photoshop: объединение двух фотографий
Статья обновлена в феврале 2012 г.
Здесь мы покажем вам, как использовать маску слоя Photoshop, чтобы вы могли создать перекрывающиеся и плавные переходы двух фотографий.
Шаг 1 — Откройте две фотографии
Откройте изображения в Photoshop и настройте их так, чтобы они располагались рядом в разных окнах.
Шаг 2 — Расширьте холст одной из фотографий
Мы собираемся расширить холст фотографии, которая появится слева, как минимум в два раза больше исходного изображения, но прежде чем мы это сделаем, мы собираемся дважды щелкнуть слой в палитре слоев, чтобы повернуть его. от фона к слою.
Когда мы это сделаем, откроется окно, в котором мы сможем переименовать слой и назовем наш «левый портрет». После этого мы можем увеличить размер холста. Для этого перейдите в меню «Изображение»> «Размер холста» (Alt + Ctrl + C) и щелкните внутри центрального левого квадрата привязки, чтобы развернуть холст справа (как показано на изображении выше). Нажмите ОК, и теперь у вашего изображения будет больше места справа от него.
Шаг 3. Сместите фотографии вместе
Выбрав инструмент «Перемещение», щелкните фотографию справа и перетащите ее на фотографию слева.Или, активировав правое окно фотографии, выберите «Выделить»> «Выбрать все», а затем выберите «Правка»> «Копировать». Затем нажмите на фотографию слева и выберите «Правка»> «Вставить». Используйте инструмент перемещения, чтобы расположить фотографии рядом друг с другом.
Обе фотографии теперь будут в одном окне, и вы увидите, что палитра слоев теперь показывает слой 1 (фотография, которую мы перетащили) и левый портрет (снимок, на который мы перетащили другую). Мы собираемся переименовать слой 1, чтобы упростить изучение руководства, но вам не нужно этого делать, если вы не хотите.
Шаг 4 — Добавьте маску слоя к каждому слою
Наши два изображения теперь расположены рядом друг с другом, однако они еще не смешиваются плавно, поскольку вы можете видеть, что серый фон имеет немного другой оттенок.
Чтобы исправить это, нам нужно создать две маски слоя, по одной на каждом слое, чтобы мы могли применить градиент, который заставит два слоя смешаться вместе. Чтобы добавить маску слоя, щелкните по очереди каждый слой в палитре слоев и щелкните значок, который показывает круг внутри прямоугольника.Когда вы это сделаете, на каждом из ваших слоев появится белый прямоугольник, это маска слоя.
Шаг 5 — Применение градиента
Щелкните внутри белого прямоугольника одного из слоев, чтобы активировать маску слоя для слоя (мы собираемся начать с левого портрета), затем выберите инструмент «Градиент». Выберите фон для прозрачного градиента. Вы можете сделать это в параметрах редактирования, которые находятся на верхней панели инструментов. Убедитесь, что выбран первый вариант градиента, «Линейный», чтобы при применении градиент был прямым и однородным, и оставьте режим «Нормальный» и непрозрачность на 100%.
Возможно, вам будет проще скрыть слой, над которым вы не работаете, чтобы вам было легче увидеть изменения, внесенные градиентом. Чтобы скрыть слой, просто щелкните значок глаза на палитре слоев рядом со слоем, который вы хотите «выключить», и вы больше не сможете его видеть.
Щелкните и удерживайте снаружи справа от левой фотографии и перетащите указатель мыши обратно к ней. Вам нужно будет немного пройти по левой фотографии, чтобы создать бесшовное сочетание, которое мы ищем.Отпустите, и вы увидите границу градиента в правой части фотографии (обратите внимание, насколько она мягче).
Если он выглядит не совсем правильно, или он отнял слишком большую часть вашего выстрела, отмените последний шаг и повторите его, каждый раз регулируя начало и положение, пока не получите правильное решение.
Шаг 6 — Применение второго градиента
Теперь нам нужно проделать то же самое с правой фотографией. Если вы скрыли слой, сделайте его видимым, щелкнув там, где был значок глаза, и скройте другой слой, если хотите.
Щелкните и удерживайте снаружи слева от правой фотографии и перетащите назад вправо, чтобы создать линию. Отпустите, и вы увидите границу градиента в левой части фотографии. Опять же, если что-то не так, повторяйте, пока не станет.
Шаг 7. Сдвиньте фотографии ближе друг к другу
Теперь снова включите оба слоя и используйте инструмент перемещения, чтобы перетащить правую фотографию на левую, пока смесь не будет выглядеть правильно, и вы не увидите никаких прозрачных изображений внизу.
Шаг 8 — Обрезать и сохранить
Используйте инструмент кадрирования, чтобы удалить лишний холст и сохранить изображение.
Окончательное изображение:
Другой пример:
Примечание: По мере того, как вы ближе познакомитесь со слоями, вы можете делать маску градиента со слоями в этом перекрывающемся состоянии и использовать кисти для более сложного маскирования, расширяя некоторые области первого изображения над изображением два, чтобы получить более точное смешивание.