Как не совместить из 2 фотографий 1. Как соединить две фотографии в одну
Приветствую вас! Покажу, как легко и быстро наложить одно фото на другое с помощью отличного фоторедактора Fhotofiltre. Он очень удобен, функционален - позволяет без фотошопа выполнять многие задачи. И, что важно - фоторедактор (далее сокращенно — ФР) бесплатный.
Урок будет особенно полезен тем, кто готовит мастер-классы (или другие обучающие материалы).
Внимание!
Данный урок рассчитан на то, что вы уже имеете навыки пользования этим фоторедактором. Если же вы впервые попали сюда, или какие-то задачи вам будут непонятны, рекомендую просмотреть занятия, начиная с первого ,
В уроках детально, по шагам показано и расписано, как скачать Fhotofiltre на русском языке, как начать на нем работать и пр.
Краткое описание урока
Вначале вкратце объясню, что предстоит сделать. Для того, чтобы наложить одно фото на другое, откроем в ФР поочередно две фотографии.
Первой придадим красочный фон, на который будет накладываться вырезанное изображение из второго. А на второй создадим вокруг изображения прозрачный фон (ссылка на урок 11, в котором показано, как это сделать, дана ниже ).
Затем, вырежем из прозрачного фона часть картинки и наложим на первую фотографию с нужным фоном.
Освоив этот способ, в дальнейшем вы сможете добавлять к изображениям отдельные фрагметы. Допустим, к туловищу одного зверя голову другого и т.п.
По сути, создаем фотоколлаж — легко и быстро! Показываю на примере вязаной повязки:
- как просто перенести изображение повязки, надетой на манекен, на красивый фон;
- как ее «надеть» на игрушечного медвежонка, изображенного на другой картинке.
Если вас заинтересовала повязка, МК по ней .
Итак, приступаем.
Первое: накладываем повязку на другом фоне
Допустим, я готовлю обложку для мастер-класса. И мне нужно расположить манекен с повязкой на фоне вязаного полотна.
Шаг 1. Подготовим фотографию с выбранным фоном
Открываем фоторедактор, кликнув по его файлу дважды ЛКМ (левой кнопкой мыши). Затем, открыли в ФР картинку, на которое хотим поместить повязочку.
Разберем по пунктам скриншот-снимок, приведенный выше.
1. Открыли нужную фотографию, кликнув в верхнем левом углу «Файл» (затем «Открыть»).
2. Фото загрузилось.
Обратите внимание!
Здесь важны два момента:
а) обратите внимание на название фотографии - при сохранении лучше задать другое название. Так как, если этого не сделать, прежняя фотография заменится на новую.
б) смотрите, у этой фотографии формат ipg (непрозрачный). У второго, накладываемого изображения, обязательно должен быть формат png (прозрачный).
3. Сразу надо задать нужный размер картинки, где фон. Тут также два варианта:
а) если фотография вас полностью устраивает (т.е. ничего лишнего на нем нет) просто задайте нужные размеры, нажав в верхней панели фоторедактора на кнопки «Рисунок» - «Размер изображения» - «Ширина-высота» - «Ок».
б) но, бывает, что на фотографиях имеются ненужные детали. Допустим, из моей фотографии мне нужен тот фрагмент, где нет размытости. Или, например, вы нашли в интернете картинку с природным пейзажем и хотите использовать лишь какую-то часть (небо, траву и др.).
Тогда, поступим иначе.
4. Жмем ЛКМ по маленькому окошку «Выделение» (текст появится, когда вы подведете мышку на окошко). Ниже выскочит новое окно с разными геометрическими фигурками.
5. Нажмем по фигуре «Прямоугольник».
Делаем один щелчок левой мыши по «прямоугольнику». Отрываем мышку от него и переводим ее в поле изображения. Ставим в любом месте так, чтобы очерчить нужную область (я поставила вверху, справа от середины).
Не отрывая мышки, обводим ту часть рисунка, что хотим оставить. Сразу появится пунктирная линия, показывающая ее границы.
Теперь отрываем мышку - не бойтесь, пограничная линия не исчезнет. Ставим мышь внутри границ «бегущих» линий. Жмем ПКМ (правой кнопкой мыши), затем — в открывшемся окне выбираем команду «Обрезать изображение».
Видим, что картинка обрезалась так, что осталась только нужная область. Но, ее размеры соответственно уменьшились. Задаем нужный размер, используя функцию «Рисунок». У меня заданы размеры: 600×451 px.
Все, фото с фоном готово. Сразу сохраните его на рабочем столе компьютера. На тот случай, если что-то дальше сделаете не так. Во всяком случае, я всегда сохраняю рабочии копии изображений. Как правильно сохранять, посмотрите ниже.
Шаг 2. Подготовка 2-го изображения
Итак, часть работы выполнена. Теперь, не удаляя из фоторедактора первое , открываем второе изобр-е (у меня это — повязка на манекене).
Сделаем прозрачный фон для второй картинки. Как это сделать, подробно показано в уроке, поэтому, повторяться не буду. Сохранять его следует в формате PNG (чтобы не потерять прозрачность фона).
Пройдемся по пунктам следующего снимка.
В фоторедактор можно одновременно загружать несколько изображений. По мере загрузки они будут накладываться друг на дружку, как в карточной колоде. Ничего страшного - каждое фото легко передвигается кликом ЛКМ.
1 Поставьте мышку в область, указанную стрелками, и перетащите фото в другое место. То изображение, у которого в данный момент более яркое поле голубого цвета, является «активным». Т.е. в нем будут производиться ваши действия. Чтобы активировать другую фотографию, надо кликнуть по ней в голубой области рамки.
2 Задаем второй фотографии подходящие размеры: к примеру, 280×373 Но! Учтите, что в следующем шаге оно еще будет обрезаться, так что, задайте параметры «с запасом».
3 - 5. Обрезаем картинку, повторив действия, как для первой фотографией (показано стрелками).
Шаг 3. Накладываем одно фото на второе, с нужным фоном
Для этого кликаем ПКМ внутри выделенной пунктиром области. Выбираем команду «Вырезать». Изображ-е тут же исчезнет с данной фотографии - не пугайтесь.
Жмем мышкой в любом месте картинки с фоном. Она тут же выскочит поверх первой, из которой вырезали. Делаем клик ПКМ, жмем «Вставить».
Готово - мы наложили первое изображение на другое, с красивым фоном! Кликните мышкой в любом месте картинки - пунктирная линия исчезнет.
Если вас не устраивает, в каком месте наложилась картинка, кликайте по ней ЛКМ и передвигайте, куда потребуется.
Шаг 4. Сохранение готовой фотографии
Перед сохранением я немного подредактировала свое фото - обрезала лишнее по краям тем же способом, что показывала выше.
Покажу один важный момент сохранения. Кликнули «Файл» - «Сохранить как...».
Для чего нажмите на черный треугольник (выделен зеленым окошком). И выберите в предложенном списке вариант «IPG» или «PNG».
Не забудьте вписать новое название для фото в поле «Имя файла». Продолжайте сохранение. Появится окно: «Данный формат не поддерживает слои. Все равно сохранить файл?» Отметьте: «Да».
В следующем окне поставьте курсор справа, у максимального значения 100 (чтобы получить яркое изображение). Затем кликнем «Ок».
23.06.2015 27.01.2018
Урок по фотошопу в котором вы узнаете как соединять несколько фотографий в одну, используя программу фотошопа. На самом деле все очень просто и я специально для вас написал этот подробный пошаговый инструктаж.
Мы будем составлять такую композицию из фотографий. Здесь 6 фотографий соединены в одно изображение.
- Конечно, это уменьшенная копия, специально чтобы уместилась на сайте показать для примера.
- Конечно, поняв всю суть метода, вы сможете создавать свои коллажи и шаблоны. Размещать фотографии как угодно, где угодно и сколько угодно в одном изображении.
С чего начать? С планирования. Большинство пользователей фотошопа чтобы создать такой небольшой коллаж делают много лишних действий. Как обычно это происходит — на глаз раскидают фотографии по рабочему полю, тут уменьшат, там уменьшат, тут подрежут, там подрежут и так далее. Я стараюсь так не работать, чтобы экономить своё время и повышать производительность.
Поэтому для начала нужно подготовить шаблон. Что это даст? Во первых, вы сразу и с точностью сможете расположить фотографии по задуманному шаблону. Во вторых, при необходимости вы быстро и с легкостью сможете вставить новые другие фотографии используя шаблон. По моему, плюсы очевидны.
Создайте новый документ в фотошопе размером 989х676 пикселей.
Кроме того, сразу откройте все 6 фотографий которые вы будете использовать в фотошопе. Вы увидите, что все они открылись в разных вкладках. Оставьте включенную вкладку нового созданного документа, где мы будем создавать шаблон. Всего получится 7 вкладок.
Теперь будем создавать места для фотографий. Мы будем использовать инструмент Прямоугольник (Rectangle ), его можно найти на панели инструментов слева.
Используйте любой цвет для прямоугольника, лишь бы не цвет фона, чтобы не сливался.
Расположите первый прямоугольник на изображении. Здесь вы можете сделать, собственно на глаз, его длину, ширину и место расположение на рабочем поле. Но постарайтесь придерживаться той схемы которую мы задумали в самом начале.
Первый прямоугольник это главная большая фотография. Я обозначил границы изображения в виде рамки, чтобы вы понимали как я расположил прямоугольник на белом фоне.
Таким же методом рисуем остальные прямоугольники.
Как видите я их расположил на одинаковом расстояние друг от друга, чтобы было все ровненько и красиво.
Располагайте прямоугольники не обращая внимания на пустые участки изображения которые остаются в разных местах. После того как вы расположите все прямоугольники как задумали вы можете обрезать изображение (рабочее поле) от ненужного — используя инструмент Рамка . Найти его можно также на панели слева.
Список слоев будет выглядеть так:
Теперь будем добавлять фотографии.
Переходим во вкладку с любой фотографией, выделяем её всю с помощью инструмента Прямоугольная область или же просто нажав CTRL+A . Нажимаем CTRL+C чтобы скопировать в буфер обмена.
Переходим во вкладку с нашим шаблоном и выбираем в слоях слой с тем прямоугольником вместо которого мы хотим вставить фотографию. В данном случае это самый большой прямоугольник. Нажимаем CTRL+V и фотография вставиться на новый слой который будет выше прямоугольника — это важно.
Теперь правой кнопкой мышки щелкаем на слой с фотографией и выбираем Создать обтравочную маску.
Создалась обтравочная маска из фотографии и она действует на слой ниже. А слой ниже это наш прямоугольник. Что это значит? Это значит, что фотография будет отображаться только в границах прямоугольника.
Вот как это выглядит на данный момент.
Осталось только уменьшит в масштабе фотографию, чтобы было видно её всю. Это можно делать в режим обтравочной маске, никакого сбоя не произойдет.
Что нужно сделать. Выбрать слой с фотографией и нажать CTRL+T — так мы сможем трансформировать фотографию.
Появились квадратики по границам фотографии — за них мы тянем мышкой и фотография будет уменьшаться. Например с зажатым SHIFT тянем за нижний квадрат по диагонали вверх, фото будет уменьшаться пропорционально.
Уменьшаем фотографию и перемещаем немного наверх, так чтобы фотография была максимально отображена в видимой области.
Жмем ENTER и первая фотография готова.
Таким же методом сделайте все остальные фотографии. Выбирайте прямоугольники, вставляйте на новый слой фотографии и делайте обтравочные маски, после этого корректируйте размер фото. Все как с этой фотографией.
Постепенно вы сделаете все фотографии. Тем самым мы выполнили задачу поставленную ранее — соединили несколько фотографий в одно изображение. Тем самым создали собственный простенький коллаж из фотографий.
Вы можете скачать шаблон PSD этой работы. Чтобы посмотреть как все устроено.
В процессе работы с имеющимися изображениями пользователю может понадобиться соединить фото в одно в режиме онлайн. Это может быть создание коллажа, фотомонтаж и другие задачи, вызывающие необходимость склеивания нескольких фото в цельную визуальную композицию. В реализации задуманного ценную помощь окажут специализированные сетевые сервисы, созданные специально для объединения нескольких фотографий.
В сети существуют достаточное количество сервисов, позволяющих буквально за пару минут объединить два фото онлайн. Часть таких ресурсов специализируется на создании различных типов коллажей, в которых можно соединять по 5-7 различных фото в одно цельное изображение.
Другие специализируется исключительно на добавление фото друг к другу, обладают простым и удобным интерфейсом.
Работа с инструментами по склеиванию изображений строится шаблонным образом. Вы переходите на такой сервис, загружаете на него два (или более фото), определяетесь с рядом настроек, и запускаете процесс добавления. После этого просматриваете полученный результат, и сохраняете его на ПК.
В случае же ресурсов специализирующихся на создании коллажей вам будет необходимо сначала выбрать подходящий шаблон коллажа (или создать его самому), а затем следовать шагам, описанным выше.
Полученный результат обычно не помечается водяными знаками, потому вы можете смело использовать его для различных задач.
Если вы желаете добавить к вашему фото какой-либо текст, то вам будет полезен соответствующий на нашем сайте.
Давайте мы пристальнее рассмотрим сервисы для склейки фотографий в режиме онлайн.
Croper.ru – специализированный фоторедактор
Ресурс croper.ru являет собой полифункциональный сетевой фоторедактор, позволяющий выполнять различные операции над фото (обрезка, изменение размера, поворот, автообработка, наложение эффектов и др.). В его функционал входит и склейка пользовательских фото, которую мы и задействуем для наших задач.
Чтобы воспользоваться функционалом фоторедактора выполните следующее:
Сервис imgonline.com.ua – простое объединение фото онлайн
Особенностью украинского сервиса imgonline.com.ua является преимущественно текстовый интерфейс, с минимальным включением графической составляющей. Все операции проводятся с помощью выбора необходимых текстовых опций, а уже в самом конце пользователь получает возможность оценить полученный результат.
Mycollages.ru – удобное создание коллажей
Сервис предназначен для быстрого и удобного создания коллажей из имеющихся у пользователя фото. Для облегчения процесса ресурс обладает рядом стандартизированных шаблонов, но при желании пользователь может создать и свой.
Quickpicturetools.com — англоязычный онлайн-ресурс для работы с изображениями
Сервис quickpicturetools.com – умеет выполнять различные простейшие операции при работе с фото – обрезка, добавление текста и рамок к фото, создание на основе фото календаря и другое. Имеется там и функция комбинирования и склейка изображений онлайн, которой мы воспользуемся.
- Перейдите на quickpicturetools.com ;
- Нажмите на «Add» и загрузите первое фото на ресурс;
- Вновь нажмите на «Add» рядом в соседней ячейке и загрузите второе фото;
- С помощью опций «Width» (ширина) и «Height» (высота) установите необходимые размеры первого и второго изображения, определитесь с другими настройками;
- Для получения результата выберите «Generate Image» внизу;
- Сохраните результат на ваш PC.
Если вас интересует, как сделать слайд-шоу из фотографий с музыкой, то для вас может быть актуален .
Photojoiner.net – генерация коллажей на английском онлайн
Сервис photojoiner.net по своему функционалу похож на уже упоминавшийся мной сервис mycollages.ru. Несмотря на англоязычный интерфейс, работа с данным сайтом происходит аналогичным образом.
- Вы переходите на ресурс, выбираете количество ячеек коллажа, жмёте на «Apply».
- С помощью кнопки «Open» загружаете два фото на ресурс, и перетаскиваете их в соответствующие ячейки коллажа.
- Кнопка «Save» служит для сохранения результата.
Заключение
Для выполнения склейки 2 фото онлайн стоит использовать сервисы, перечисленные мной выше. Из перечисленных аналогов хотел бы акцентировать внимание читателя на ресурсе croper.ru, обладающим довольно разнообразным инструментарием для работы с изображениями. В целом же все перечисленные сервисы имеют бесплатный характер, простой и удобный интерфейс, и могут быть рекомендованы для быстрого объединения нужных вам фото онлайн.
.
Снимаем блокировку со слоя, дважды кликнув по замочку в находящейся справа вкладке "Слои". Вместо замочка появится галка. Если же галку снять, то у слоя будет отключена видимость.
Если мы хотим, чтобы фото имели одинаковый размер, то уменьшаем это изображение по ширине до размеров второй. Сделать это можно, пройдя по вкладке главного меню редактора (горизонтальное меню вверху страницы), как показано на картинке.
В открывшемся новом окне вводим значение ширины, равное ширине второй, меньшей фотки. Также, ставим галку, если она не проставлена, у "Сохранить пропорции". Кликаем по кнопке "Да".
Если Вы не хотите, чтоб в итоге у Вас получились фото одинакового размера, то этот пункт опускаем.
Затем надо увеличить размер холста рабочего документа по высоте на значение, равное высоте второму изображению (или на большее, если Вы хотите, чтобы между фото был интервал). Сделать это можно, пройдя по вкладке Изображение --> Размер холста, как показано на рисунке:
В результате открывается такое окно:
В моём случае высота второго фото равна 420 пикселям, это значение я и прибавляю к высоте документа 450 пикселей, и получившийся результат 970 пикселей ввожу в строку "Высота".
Положение якоря выставите, как на рисунке, тогда к холсту прибавится новый участок снизу. Если же Вам надо вставить фотографию сверху, тогда выставите такое положение якоря:
Но я присоединяю фотку снизу, поэтому якорь у меня будет сверху.
Итак, ввожу значение 970 в строку "Высота", жму кнопку "Да". Для удобства просмотра можно уменьшить масштаб отображения документа вращением колёсика мыши. Документ принял следующий вид:
Теперь надо загрузить второе изображение на свободный участок внизу. Для этого проходим по вкладке Слой --> Открыть изображение как слой, как показано на рисунке:
Откроется новое окно, в котором Вам надо выбрать нужное изображение на своём компьютере, жмём ОК. Изображение открылось в документе в новом слое по середине:
Теперь остаётся только переместить фотографию точно вниз документа, используя инструмент "Перемещение".
Ну и сохраняем получившийся документ на свой компьютер, кликнув по вкладке Файл --> Сохранить изображение, в открывшемся новом окне клик на кнопку "Да"
Смотрите видеоурок , демонстрирующий данные действия.
Практически каждый начинающий «фоторедактор» пробовал создавать коллажи. Любой коллаж начинается с самого простого действия – соединения двух фотографий в одну. Причем профессионал может сделать это за пару минут, а обычному пользователю придется потратить на создание коллажа несколько часов драгоценного времени. Но всему нужно учиться, ведь каждый профессионал некогда был таким же новичком. Первым делом перейдем к вопросу, как соединить две фотографии в одну.
Собственно говоря, в соединении двух фотографий нет ничего сложного. Соединить две фотки можно как стандартным Paint, так и мощным фоторедактором. Впрочем, можно воспользоваться специальным сервисом или онлайн-фотошопом.
Онлайн-сервисы
Чтобы соединить две фотографии в одну онлайн-сервисом, нужно открыть в браузере сайт http://croper.ru/join . Данный онлайн-сервис позволяет склеивать фотографии прямо в браузере, не устанавливая никаких программ. Для корректной работы сервиса лучше использовать Google Chrome.
Читаем информацию о возможностях сервиса и проходим по ссылке «загрузите файлы».
После чего поочередно загружаем на сервис две фотографии, которые нужно склеить.
Загруженные фотографии отобразятся в верхней части страницы. Кликаем поочередно на обе фотографии. Они переместятся из категории «файлы» в категорию «выбранные». Слева внизу отображены способы склеивания фоток: по вертикали или по горизонтали.
Нажимаем на нужный нам способ и ждем загрузки склеенной фотографии. В браузере отобразится склеенная фотография. Для продолжения работы кликаем по ссылке «Принять».
В новом окне выбираем вкладку «Файлы» и переходим по ссылке «Сохранить на диск».
Скачиваем готовую склеенную фотографию по ссылке «Скачать файл».
Принципы работы всех сервисов по работе с фотографиями одинаковы. Но Кропер хорош тем, что не требует регистрации на проекте.
Соединение фоток с помощью фоторедактора
Большинство обычных пользователей знают только о существовании Фотошопа. Но есть куча других фоторедакторов, среди которых выделяется Paint.Net. Разработанная на базе обычного Paint, модификация представляет собой отличный фоторедактор для начинающих. Разобраться в Paint.Net сможет практически любой пользователь, а русскоязычный интерфейс позволит быстрее освоить азы фотомонтажа.
Соединить две фотографии в одну в Фотошопе или в другой программе так же просто, как и в случае с онлайн-сервисом. Скачиваем модификацию Paint и устанавливаем на компьютер.
Выбираем две фотографии, которые нужно объединить, и кликаем на одной из них правой кнопкой мыши. В контекстном меню переходим по вкладке «Открыть с помощью» и кликаем Paint.Net.
В открывшемся фоторедакторе переходим по вкладке «Изображение» и жмем «Размер полотна».
Откроется новое окошко, в котором нужно задать размеры нового изображения и направление, в котором будет расширяться полотно. В случае, представленном на изображении снизу, вторая фотография будет расположена справа по горизонтали.
Если две фотографии одинакового размера, то стоит увеличить лишь ширину снимка вдвое. Вбиваем новую цифру в окошко «Ширина» и кликаем «ОK».
Редактор увеличит ширину полотна, и в правой части открытого изображения появится «пустое пространство», которое и нужно будет заполнить второй фотографией.
Перетаскиваем вторую фотографию в открытый редактор и после вопроса, что делать с новой картинкой, кликаем «Добавить слой».
После чего выбираем на панели инструментов «Перемещение выбранной области» (синяя стрелочка с плюсом).
Перетаскиваем второе изображение направо, заполняя второй картинкой пустое пространство.
Поздравляем, склеивание фотки при помощи фоторедактора успешно завершено!
Какой выбрать способ – зависит от вас и ваших умений. Но помните: чем меньше Сеть знает о вас, тем лучше!