Часто одна картинка не здатна проілюструвати всю суть проблеми, у зв'язку з чим її доводиться доповнювати ще одним зображенням. Виконати накладення фото можна за допомогою популярних редакторів, проте багато з них складні в розумінні та потребують певних навичок та знань для роботи.
Поєднати дві фотографії в єдине зображення, зробивши всього кілька клацань мишею, допоможуть онлайн-сервіси. Такі сайти просто пропонують завантажити файли та вибрати параметри суміщення, сам процес відбувається автоматично і користувачеві залишається лише завантажити результат.
Сьогодні ми розповімо про онлайн-сервіси, які допоможуть поєднати два зображення. Розглянуті ресурси абсолютно безкоштовні, а з процедурою накладення не виникне проблем навіть у користувачів-початківців.
Спосіб 1: IMGonline
Сайт містить численні інструменти для роботи з картинками у різних форматах. Тут можна легко об'єднати дві фотографії в одну. Користувачеві потрібно завантажити обидва файли на сервер, вибрати, як саме здійснюватиметься накладення, і дочекатися результату.
Зображення можна поєднати з налаштуванням прозорості однієї з картинок, просто вклеїти фото поверх іншого або накласти фото з прозорим фоном на інше.
Одну картинку на іншу ми накладали з параметрами, встановленими за умовчанням, у результаті вийшло досить незвичайне фото гарної якості.
Спосіб 2: Фотовулиця
Російськомовний онлайн-редактор за допомогою якого легко накласти одне фото на інше. Має досить привітний та зрозумілий інтерфейс та безліч додаткових функцій, які дозволять отримати бажаний результат.
Працювати можна з фотографіями, завантаженими на комп'ютер або з картинками з інтернету, просто вказавши на них посилання.
- Клацаємо на кнопку «Відкрити фоторедактор»на головній сторінці сайту
- Потрапляємо у вікно редактора.
- Натискаємо на «Завантажити фото», потім клацаємо на пункт "Завантажити з комп'ютера"і вибираємо ту картинку, на яку накладатиметься друге фото.
- За допомогою бічної панелі, якщо потрібно, змінюємо розміри першої картинки.
- Знову клацаємо на «Завантажити фото»і додаємо друге зображення.
- Поверх першого фото буде накладено друге. Підганяємо його під розміри першого зображення за допомогою лівого бокового меню, як описано в п.4.
- Переходимо у вкладку «Додати ефекти».
- Налаштовуємо необхідну прозорість верхньої фотографії.
- Для збереження результату клацаємо на кнопку «Зберегти».
- Вибираємо відповідний варіант та клацаємо на кнопку "ОК".
- Вибираємо розмір зображення, залишаємо або забираємо логотип редактора.
- Почнеться процес монтування фото та збереження її на сервер. Якщо ви обрали "Висока якість", процес може тривати тривалий час. Не закривайте вікно браузера до завершення завантаження, інакше весь результат буде втрачено.
На відміну від попереднього ресурсу, стежити за параметрами прозорості другого фото щодо іншого можна в режимі реального часу, це дозволяє швидше досягти бажаного результату. Позитивні враження від роботи сайту псує тривалий процес завантаження картинки у високій якості.
Спосіб 3: Фотошоп Онлайн
Ще один редактор, за допомогою якого легко поєднати дві фотографії в єдиний файл. Відрізняється наявністю додаткових функцій та можливістю поєднувати лише окремі елементи зображення. Від користувача потрібно завантажити фонове зображення і додати до нього одну або кілька зображень для суміщення.
Редактор працює на безоплатній основі, підсумковий файл має гарну якість. Функціонал сервісу нагадує роботу десктопного докладання .
Якщо редактором користуватися вперше, досить складно розібратися, де саме є параметри для налаштування прозорості. Крім того, "Онлайн Фотошоп", хоч і працює через хмарне сховище, досить вимогливий до ресурсів комп'ютера та швидкості з'єднання з мережею.
Спочатку виділимо ту область, у яку необхідно вставити інше зображення.
По-перше, відкриваємо зображення-акцептор і створюємо у ньому виділену область, у якій буде розміщено друге зображення. Вибір інструментів, що використовуються, звичайно, буде залежати від форми області, яку ви повинні виділити. У моєму випадку виділення буде мати просту чотирикутну форму, так що я використовуватиму інструмент "Прямолінійне Лассо" (Polygonal Lasso Tool), який за умовчанням розташований за стандартним ласо в панелі інструментів:
Робиться виділення приблизно так:
Відкрийте друге зображення. тобто. те, що Ви хочете вставити, і натисніть Ctrl+A для його повного виділення. Навколо всього зображення з'явиться рамка "мурашки, що марширують":
Тепер натисніть Ctrl+C для копіювання в буфер обміну.
Вставляємо друге зображення у виділену область
Зараз нам не підійде стандартна комбінація Ctrl+V, вона Paste, т.к. нам потрібно не просто вставити зображення, а вставити в задану виділену область. Ми підемо іншим шляхом.
Для вставки зображення в область Photoshop CS6 є спеціальна команда "Вставити в" (Paste Into), відкривається вона через вкладку головного меню Редагування --> Спеціальна вставка (Edit --> PasteSpecial):
Крім того, можна запустити цю команду за допомогою комбінації гарячих клавіш Alt+Shift+Ctrl+V.
Примітка. У Photoshop CS5 і нижче команда "Вставити" розташована відразу в меню "Редагування", без проміжних підпунктів, і має комбінацію гарячих клавіш Shift+Ctrl+V
Після застосування команди "Вставити в" відбуваються три речі:
- Photoshop додає новий шар вище фонового шару до панелі шарів
- він розміщує друге зображення на новому шарі
- і він використовує виділення для створення маски шару, яка приховає всі області вставленого зображення, що виходять за рамки виділеної області, залишаючи видимими тільки ділянки у межах виділення
Погляньмо на панель шарів, щоб зрозуміти, що в нас вийшло. Ми бачимо, що у мене тепер є два шари - фоновий шар унизу, що містить зображення телевізора, і новий шар "Шар 1", розташований над ним, який містить спортивне зображення. Ми також бачимо мініатюру шар-маски, що відображає створену шар-маску . нам маску шару, що була створена. Біла область у центрі мініатюри - це область виділення, тобто екран телевізора, а чорна область навколо білої - це те, що виділення не входило:
І ось як виглядає тепер саме зображення:
Зауважте, що Photoshop навіть створив перспективу для перенесеної картинки! До речі, це стосується тільки версії CS6, ранні версії перспективу не створили б, але, все-таки давайте трохи підсилимо ефект перспективи, для цього скористаємося інструментом "Вільна трансформація", затиснемо клавіші Shift+Ctrl+Alt і опустимо вниз лівий верхній кут. Т.к. клавіші затиснуті, протилежний кут зображення рухатиметься в протилежний бік:
Після завершення трансформації натисніть клавішу Enter. Ось що вийшло в результаті:
Ну і завершальний ефект, додавання до маски стилю шару "Внутрішня тінь" (Inner Shadow) для надання обсягу зображення. Параметри стилю шару Ви можете переглянути в готовому файлі PSD, виконаному за матеріалами цього уроку, завантажити який можна за посиланнями внизу сторінки.
Ось що у нас вийшло в результаті:
Давно мрієте навчитися вирізати об'єкти з фотографій та вставляти їх в інші кадри? Бажаєте створювати прикольні картинки для соцмереж? Виявляйте фантазію і складайте власні унікальні зображення з Фоторедактором Movavi. Програма ідеально підійде навіть якщо ви ніколи не редагували знімки. Вам не доведеться розбиратися годинником, щоб зробити накладення фото на фото. Отримуйте креативні кадри за кілька кліків та ділитесь своїми шедеврами з друзями.
У цій покроковій фотоінструкції ви дізнаєтесь:
Як вставити картинку на картинку
З фоторедактором Movavi ви легко зможете додавати ціле фото на фото або вирізати та переносити об'єкт з одного зображення на інше. Поєднуйте знімки себе з улюбленими акторами. Поміщайте свійських тварин на оригінальне тло. Додайте фірмовий логотип, щоб усі знали автора знімка. Друзі та рідні будуть у захваті від ваших незвичайних фотографій. Все, що вам потрібно – це завантажити версію програми для Windows або Mac і дотримуватися вказівок нижче.
Вітаю вас! Покажу, як легко та швидко накласти одне фотона інше за допомогою чудового фоторедактора 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 (щоб отримати яскраве зображення). Потім натисніть «Ок».
Часто, працюючи у Photoshop, виникає необхідність вирізати одне зображення і накласти на інше. Навіщо? Причин може бути безліч. Наприклад, створюється колаж або не подобається тло об'єкта. Або треба перенести себе на курорт, щоб похвалитися перед колегами.
Відкриваємо зображення для редагування
Насамперед потрібно відкрити картинки. Одну, з якої вирізатимемо і другу, куди накладатимемо.
Щоб це зробити, у верхньому меню натискаємо "Файл", а потім "Відкрити". Або можна зробити простіше і натиснути комбінацію гарячих клавіш, які програма відмінно підтримує "Ctrl+O".
Для зручності, у полі "Тип файлів"вибирайте потрібний формат файлу — з'являться лише зображення, які відповідають. Здійснюйте пошук за назвою картинки, ввівши її в рядок "Ім'я файлу".
Що потрібно зробити
Допустимо, є два зображення. На одному - поле: 
А на іншому - кінь: 
Наше завдання — перенести конячку з нудного та похмурого поля на насичене та гарне:
- Насамперед, створимо новий файл під назвою “Кінь на полі”.
- Далі відкриємо дві картинки та розмістимо їх на різних шарах.
- Наступним кроком потрібно вирізати конячку, здійснивши її виділення.
- Зробити зображення природнішим, натуральнішим.
Тепер у кожному пункті докладніше.
Новий файл
Виділення коня
У Photoshop є багато інструментів для цього завдання:
Якщо є зайві деталі, їх можна забрати, скориставшись інструментом "Ластик". Для зручності можна скористатися інструментом «Лупа». При необхідності, налаштуйте кольори або додайте ще об'єктів.
Зображення готове. 
Висновок
Як можна помітити, нічого складного у вирізці одного зображення та накладення його на інше немає. У деяких випадках доведеться постаратися і використовувати інші, вищеописані інструменти. Практикуйтеся, беріть різні зображення та намагайтеся вирізати їх та переносити на інші. Тоді ви обов'язково навчитеся це робити.
