Колаж накладення однієї фотографії на іншу. Як вставити картинку в зображення різними способами? Набір засобів для фотомонтажу на вибір

Працюючи з Photoshop, найчастіше вам доведеться працювати з вже наявними зображеннями. Або вам знадобиться щось у них виправити, або ви захочете взяти частину в зображенні, щоб використовувати в іншому зображенні, та мало чого ще.

Відкриття зображення

Спочатку необхідно відкрити саме зображення у програмі Phoroshop. Для цього виберіть команду меню Файл -> Відкрити (File -> Open). У вікні виберіть необхідне зображення.

Зверніть увагу, у пункті Тип файлу величезний список файлів, що підтримуються. Якщо ви виберете певний тип файлу (наприклад, gif), у вікні вибору будуть відображені лише файли з цим розширенням. Тому, якщо ви точно знаєте, що даний файллежить у цій папці, а у вікні вибору зображення ви його не бачите, отже ви вибрали не той тип файлу.

Постановка задачі

Як завжди розглянемо на прикладі. Припустимо, у нас є дві ось такі фотографії:

А ми хочемо, щоб конячка скакала берегом моря. Що нам потрібно зробити:

  • Створити новий файлдля нового зображення (кінь на березі моря).
  • Розмістити на різних шарах нового файлу зображення коня та моря.
  • Вирізати коня. Для цього його потрібно спочатку виділити.
  • Додати природність до нового зображення.

Розберемо всі пункти кроків. Ви можете підібрати свої фотографії або завантажити тут.

Створення нового файлу

Отже, створимо новий файл, розміром 500 Х 375 (такі розміри фотографії з морем, хоча ми могли зробити і менше зображення).

Створимо два нових шари: один назвемо "кінь", інший - "море", причому шар -Море- повинен знаходиться під шаром -Кінь-. Щоб шару дати назву, клацніть правою кнопкою миші по шару, у контекстному меню виберіть -Параметри шару- (Layer Properties). Відкриється вікно параметрів, де потрібно задати ім'я:

Зараз у нас у програмі відкрито три файли, тобто три вікна з різними файлами(з морем, з конем і щойно створений, який називатимемо робочим вікном). Причому активним вікном (з яким працюємо) є останнє.



У ньому, на шарі -Море-ми розташуємо наше море. Для цього:

  • Зробимо активним вікно з морем (просто клацніть на ньому).
  • Виділимо все зображення, для цього в меню виберемо команду Виділення -> Все (Select -> All) або натисніть комбінацію клавіш Ctrl+A. Навколо зображення з'явиться рамочка виділення у вигляді мурах, що біжать.
  • Скопіюємо це зображення (Ctrl+C). Тепер зробимо активним наше робоче вікно (клацніть по ньому), переконаємося, що активним є шар -Море- (якщо ні, то клацніть по ньому) і вставимо зображення (Ctrl + V). Тепер на шарі море зображено море.

Виконайте все те саме, щоб розташувати на шарі -Кінь-зображення коня. Таким чином, ми маємо обидві необхідні складові для майбутнього зображення. Тому файли з фотографіями моря та коня можна закрити.

Виділення коня

У Photoshop передбачено кілька інструментів виділення зображення, один із них (прямокутне виділення) ми розглядали на першому уроці. Але тут воно не підійде, тому що наш кінь має складну форму.

Для його виділення ми скористаємось двома інструментами на панелі інструментів:

Натисніть лівою кнопкою миші на інструмент -швидке виділення-, відкриється вікно вибору інструмента:

Виберіть інструмент -чарівна паличка-. Якщо клацнути по якомусь пікселі шару цим інструментом, то буде виділено суміжні пікселі одного відтінку. На панелі параметрів цього інструмента виберіть наступне:

У полі -Допуск- (Tolerance) можна вводити значення від 0 до 255. Якщо встановити значення 0, то буде виділено лише один відтінок, якщо встановити 32, то інструмент виділятиме пікселі в діапазоні від кольору на 16 одиниць темніше і до кольору на 16 одиниць світліше за те, яким ви клацнули. У разі ми встановили значення 100.

Ми також встановимо прапорець згладжування (Anti-aliased), щоб зробити більш гладкими межі виділеної області.

Прапорець -Суміжні пікселі- (Contiguous) виділяє тільки ті пікселі, які знаходяться в сусідніх із вибраним областях.

Заберіть прапорець -Зразок всіх верств- (Sample All Layers), т.к. він розповсюджує свою дію на всі шари, а ми працюємо тільки з шаром -кінь-.

Тепер клацніть інструментом зображення коня, він виділиться.

Саме виділення буде ідеальним (ми його доопрацюємо пізніше), цьому етапі головне виділити контури коня. Якщо вам не подобається те, як виділилося, клацніть ще раз інструментом і виділення пропаде (або Ctrl+Z) і спробуйте знову.

Тепер, коли наш кінь виділено, нам потрібно видалити все зайве. Для цього в меню виберемо команду Виділення -> Інверсія (Select -> Inverse). Тепер буде виділено всю область навколо коня. Тиснемо Del на клавіатурі і отримуємо нашого вирізаного коня на тлі моря:

Приберемо виділення (у меню виберемо команду Виділення -> Прибрати виділення). Погодьтеся дуже добре, тільки траву треба прибрати. Для цього спочатку збільшимо нижню частину зображення (там, де трава). Для цього на панелі інструментів візьміть інструмент "Лупа".

На панелі параметрів цього інструмента клацніть на лупі з плюсиком.

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

Отже, ви збільшили частину, де трава. Натисніть лівою кнопкою миші на інструмент -Ласо-, відкриється вікно вибору інструмента:

Виберіть інструмент -магнітне ласо-. Цей інструмент автоматично створює виділену область, коли ви переміщаєте або перетягуєте курсор. Кордон області «прилипає» до найближчого відмітного відтінку кольору або тіні, що визначає межу фігури.

Натисніть на зображення, щоб створити першу проміжну точку. Переміщуйте курсор уздовж межі фігури, яку ви хочете виділити (у нашому випадку кінцівки коня). Коли ви переміщаєте курсор, лінія виділення буде «прилипати» до межі фігури. З'являються в процесі переміщення курсору тимчасові точкизникнуть, як тільки ви замкнете контур.

Знову Del на клавіатурі, усунути виділення, зменшити розмір до нормального (на панелі інструментів візьміть інструмент -Лупа- на панелі параметрів клацніть по лупі з мінусом).

Для більшої переконливості додамо піску на копита коня. Для цього створіть новий шар, зробіть його найвищим. Тепер візьміть інструмент піпетка на панелі інструментів

Цей інструмент вибирає колір з активного зображення або будь-якої іншої області екрана і призначає його як основний або фоновий. Нам потрібен колір піску, тому клацаємо зображення піску. Перегляньте основний колір змінився.

Тепер візьміть інструмент пензель на панелі інструментів

На панелі параметрів цього інструмента оберіть пензель, що нагадує пісок (тобто з нерівними краями).

Зробіть нею по одному клацанню на кожному копиті. Вийде приблизно ось так:

Все, наше зображення готове, а урок закінчено. У наступному уроці ми розглянемо інші інструменти виділення, а також навчимося змінювати розміри зображень та їх частин.

Photoshop: як накласти одне зображення інше? Photoshop програма з великим набором інструментів для роботи із графікою. Сьогодні ми розглянемо, як вирізати зображення та накласти його на інше.

Однією з переваг Photoshop (фотошоп) є те, що кожен новий елемент, з яким ми працюємо, відобразити окремим шаром і робота над ним не впливає на попередній шар (зображення).

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




Завдяки тому, що дані зображення представлені як окремі шари, ми можемо накладати їх один на одного, робити прозорими, градієнти та проводити багато інших операцій, застосовувати фільтри.

Відкриваємо файл

Запускаємо улюблену програму, а потім через команди Файл Відкрити (File-Open, якщо використовуєте англомовну версію) створюємо чистий файл. Зверніть увагу на ті розширення, з якими працюватимете: краще залишити в типах тільки той, що належить файлу, що шукається. Отже, необхідне зображення відкрилося.

Завдання:
В наявності мають два зображення. Фон на картинці з конем, що біжить, нас не влаштовує, тому буде робити так, щоб вона опинилася на тлі морського пейзажу. Для цього:
1. Створюємо новий файл для майбутнього зображення;
2. На різних шарах окремо розміщуємо коня та морські види;
3. Вирізаємо після виділення тварину з початкової фотографії;
4. Надаємо нової фотографіїмаксимальну природність.
А тепер пройдемо докладно пунктами.

Новий файл
Розміри нового файлу будуть задані 500 Х 375, такі ж, як і фото з морем. Потім у ньому потрібно створити два шари: "кінь" і "море", причому "морський" шар повинен розташовуватися під "шаром конячки". Назви надаються по клацанню правою кнопкою миші. У контекстному меню в Параметрах шару (Layer Properties) даємо шарам зрозумілі імена.

У програмі є три вікна з файлами: початкові з конем і морем, а також новий. Активним вікномбуде останнє.

Море розташовуємо на однойменному шарі шляхом переведення цього вікна в активний стан - клацаємо по ньому, воно стає останнім. Далі: виділяємо все зображення (адже нам потрібен весь пейзаж) через Виділення -> Все (Select -> All) чи Ctrl+A. Сигналом до того, що вікно виділено, стане поява рамки з «мурах, що біжать».

Потім копіюємо (Ctrl + C) і переносимо його клацанням в робочу область, де кінь буде вже на тлі моря. Тепер на однойменному шарі ми можемо спостерігати пейзаж.
Ті ж самі операції проробляємо з шаром Кінь, а після двох початкових картинок можна закривати: так вони не заважатимуть подальшим діям.

Виділяємо коня

Оскільки кінь – фігура зі складними лініями, виділення можна скористатися такими способами. Можна взяти на озброєння швидке виділення, яке викликається клацанням лівої кнопки миші. Після відкриття вікна вибору інструментарію слід вибрати чарівну паличку: вона виділить усі суміжні області тієї зони, на яку ви клацніть. Причина – паличка розпізнає кольори пікселя та його сусідніх, які стають активними. Нам будуть потрібні такі значення параметром чарівної палички.

Допуску (Tolerance) можна надати значення від 0 до 255. При 0 паличка розпізнає лише один відтінок, при 32 – у діапазоні 32 відтінки тощо. Нам слід виставити значення 100.

Потім слід виставити прапорець на згладжуванні (Anto-aliased), щоб межі фрагмента були гладкими. Обов'язково виділіть суміжні пікселі (Contigous), щоб чарівна паличка захоплювала пікселі в сусідніх із обраною областями. Потрібно усунути виділення Зразка всіх шарів (Sample All Layers), інакше ефект пошириться на все, а нам потрібно працювати тільки з шаром коня.

Після виділення самої конячки ви побачите, що виділення не зовсім ідеальне, але поки що нам важливо отримати контури фігури тварини. Клацніть Ctrl+Z або інструмент доти, доки виділення вас не влаштує.

Для видалення зайвого оточення слід вибрати Виділення - Інверсія (Select-Inverse). Потім тиснемо Del, і у нас для роботи залишається лише вирізаний кінь, але вже на тлі морських хвиль. Забираємо виділення (Виділення - Прибрати виділення), а потім намагаємося прибрати траву, яку захопили разом з конем.

Скористайтеся інструментом Лупа (вона зображена з плюсом), клацнувши на панелі. Наблизивши частину, де залишилася трава, натисніть лівою кнопкою миші Лассо. У панелі цього інструменту вибирає магнітне ласо: воно виділить області разом із перетягуванням курсору. Кордон області буде прив'язана до найближчого відтінку кольору, що відповідає межам нашого коня.

По клацанню вдасться створити проміжну точку, а потім рухаємо мишею вздовж меж кінцівок коня. Проміжні точки зникнуть із замиканням контуру – залишиться лише виділена область. Натискаємо Del, тиснемо по лупі з мінусом, зменшуємо зображення до робочих розмірів.

Для створення природного оточення кінцівок створюємо новий шар, куди ми помістимо зображення піску. Беремо Піпетку та вибираємо нею потрібний нам колір піску. Далі вибираємо в параметрах пензля ту, яка за фактурою нагадуватиме пісок.
Інструментарій у Adobe Photoshopдосить широкий, тому у вас є відразу кілька способів виділити об'єкт на зображенні, кожен з яких підійде для свого випадку. Ми не розглядатимемо їх усі, а лише основні.

1. Виділення за допомогою інструмента «Чарівна паличка»

Чарівна паличка – один із найпростіших у використанні інструментів для виділення об'єктів. Прекрасно підійде в тому випадку, якщо у вас є простий об'єкт для виділення або навпаки простий фон, як у нашому випадку.

Для того, щоб виділити об'єкт за допомогою чарівної палички, клацніть по інструменту «Швидке виділення» правою кнопкою миші і в додатковому меню виберіть чарівну паличку.

Суть чарівної палички така, що вона дозволяє зробити об'єкти на зображенні, максимально близькі за кольором. Наприклад, на нашій картинці присутнє біле тло, відповідно, нам буде зручно саме його виробити за допомогою чарівної палички, а потім інвертувати зображення, щоб виділена була саме квітка.

Для цього просто клацаємо на білому тлі, після чого чарівна паличка акуратно виділяє його. Нам лише залишається інвертувати виділення, тому натискаємо клавіші Ctrl+Shift+I, після чого виділення переноситься на квітку.

Для більш складних об'єктів можна регулювати рівень допуску – показник, який дозволяє включати близькі кольори. Чим більший цей показник, тим, відповідно, більше відтінків виділеного кольору і включатиметься у виділення.

Для того, щоб робити кілька кліків чарівної палички за зображенням і не втрачати виділення, не забудьте встановити режим «Додати до виділеної області», який розташований у лівому верхньому куті вікна або просто затиснути клавішу Ctrl.

2. Виділення за допомогою інструмента "Магнітне ласо"

Ще один корисний інструмент для "розумного" виділення, який є "улюбленцем" багатьох Photoshop-користувачів. Дія його справді магічна: ви вибираєте даний інструмент, починаєте намагатися акуратно обводити по контуру, але навіть якщо у вас будуть промахи, виділення на контур об'єкта лягатиме ідеально рівно, наче примагнічуючись.

Щоб вибрати магнітне ласо, клацніть по інструменту «Ласо» правою кнопкою миші і в меню виберіть потрібний нам інструмент.

У верхній області вікна відобразяться налаштування вибраного інструменту. У «Ширина» виставляється кількість пікселів, тобто. проміжок, через який ласо ставитиме крапку. Чим менше пікселів, тим, відповідно, можна досягти більш точного результату, але й зусиль доведеться докласти більше.

Щоб приступити до виділення за допомогою магнітного ласо, просто затисніть ліву кнопку миші та починайте акуратно обводити зображення. Як тільки ви відпустите кнопку миші, виділення буде використано.

Якщо в процесі обведення магнітне ласо припустилося помилки, просто натисніть клавішу Del, яка видалить останню додану точку. Натискайте цю клавішу стільки разів, поки не буде видалено потрібну кількість точок.

3. Використання функції «Колірний діапазон»

Спосіб, який застосовується вже до складних об'єктів, але знаходяться приблизно в одній кольоровій гамі. Наприклад, за допомогою цієї функції ідеально можна виділити бризки води.

Щоб скористатися цією функцією, клацніть на вкладці «Виділення» та відкрийте розділ «Колірний діапазон».

На екрані з'явиться віконце, а курсор перетвориться на інструмент «Піпетка». Відсуньте віконце убік так, щоб було видно зображення, а потім клацніть по об'єкту, який потрібно виділити.

Наприклад, у нашому прикладі у квітки фіолетові пелюстки. Якщо клацнути піпеткою по найсвітлішій ділянці, то, швидше за все, колірний діапазон захопить і біле тло, тому в нашому випадку нам потрібно клацнути по насиченій ділянці.

Використовуючи повзунок «Розкид», перемістіть його в таке положення, щоб область була максимально світла, а те, що не повинно увійти у виділення, залишилося чорним.

Застосуйте внесені зміни, і на вашому зображення з'явиться виділення.

4. Використання інструмента «Швидке виділення» та функції «Витончити край»

Як випливає з назви "Швидке виділення" - цей інструмент спрямований на виділення простих об'єктів. Але за рахунок того, що ми за допомогою функції «Витончити край» злегка підкоригуємо краї об'єкта, що виділяється, даним способом можна виділяти досить складні об'єкти.

Використовуйте інструмент «Швидке виділення», який знаходиться там же, де і чарівна паличка.

Щоб виділяти даним інструментом, просто починайте клацати по тих ділянках, які мають бути захоплені. Для того, щоб інструмент захоплював додаткову область, натисніть клавішу Shift або встановіть параметр «Додати до виділення». Щоб видалити зайве виділення, яке захопив собою інструмент, затисніть клавішу Alt і клацніть по зайвому виділенню.

Закінчивши виділення об'єкта, переходимо до витончення краю. Для цього клацніть на вкладці «Виділення» та перейдіть до розділу «Витончити край».

На екрані з'явиться вікно, а на зображенні залишиться лише виділений об'єкт для того, щоб вам було простіше оцінювати результат. Використовуючи повзунки, досягайте максимально природного результату виділення, можете орієнтуватися на налаштування, як на скріншоті нижче.

Щоб застосувати налаштування, натисніть кнопку «ОК», після чого вікно буде закрито.

Як перенести виділений об'єкт на інше зображення?

1. Додайте у Photoshop друге зображення, до якого буде вставлено виділений об'єкт.

2. Поверніться до першого зображення та натисніть клавіші Ctrl+C, щоб скопіювати об'єкт.

3. Перейдіть до другого зображення та вставте в нього об'єкт поєднанням Ctrl+V.

4. Застосуйте інструмент «Переміщення» і розташуйте об'єкт у потрібній для вас області картинки.

5. Натисніть клавіші Ctrl+T, щоб, якщо потрібно, змінити розмір об'єкта на зображенні. Щоб зберегти пропорції об'єкта, при зміні розміру не забудьте затиснути клавішу Ctrl.

Привіт дорогі читачі блогу сайт. Дуже часто мені через Зворотній зв'язокприходить багато різноманітних та цікавих питань, пов'язаних із роботою у графічній програмі гімп. І постійно задають прості і елементарні. Одним з найпопулярніших питань, є

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

Оголошую результати конкурсу, який відбувся на 14 лютого. На зображенні зображена актриса Джесіка Альба, яка зіграла одну з головних ролей у фільмі . І ось щасливчики, які перемогли у конкурсі:

І місце- Володимир - 50 рублів
ІІ місце- Олексій - 50 рублів
ІІІ місце- Михайло - 50 рублів

Вітаю переможців! З вами зв'яжуся поштою, щоб уточнити отримання виграних призів. І дякую всім за участь.

Повернемося до уроку. На завершення, ви навчитеся створювати такі красиві колажі, які складаються з декількох фотографій.

Сподобалось? Думаю так. Тоді приступаємо до уроку.

Крок 1. Завантаження та встановлення редактора

Спершу хочу нагадати, що версію графічного редактора gimp російською мовою, ви можете завантажити з .

Крок 2. Як відкрити першу фотографію

Тепер, коли ви ближче ознайомилися з програмою, приступимо безпосередньо до вивчення способу, накладання однієї фото на іншу.

Для початку переходимо в меню "Файл - Відкрити"і в діалоговому вікні, що відкрилося, вибираємо каталог, де у вас розташована перша фотографія і відкриваємо її.

Крок 3. Додаємо до першої фото другу.

Тепер, коли у нас відкрита в редакторі перша картинка, необхідно додати на робоче полотно ще одну фотку.

Для цього переходимо до меню "Файл - Відкрити як шари"і також у вікні вибираємо ще одну фотографію. Натискаємо ОК.

У нас має вийти наступна картина.

Крок 4. Розширюємо робочу область.

Нам необхідно збільшити робочий простір (розмір полотна), щоб мати свободу у своїх діях. Для цього переходимо в «Зображення – Розмір полотна»

і вводимо нові значення у полі «Ширина» та «Висота».

Натисніть на піктограму ланцюжка, щоб вимкнути пропорційну зміну розмірів.

Для кожного проекту ці значення будуть різними. Все залежить від вихідних фотографій, які ви хочете накласти один на одного.(/xtypo_info)

У нашому випадку збільшимо значення ширини до 1000 та висоти до 800 пікселів. Також у цьому діалоговому вікні можна розташувати наші фотографії по центру за допомогою кнопки «Відцентрувати».

І натискаємо кнопку "Змінити розмір". Повинно вийти так.

Крок 5. Розміщення фотографій на полотні

Тепер, коли ми збільшили робочий простір, ми можемо вільно переміщати знімки, як захочемо. Робиться це просто. На панелі інструментів вибираємо "Переміщення".

Для активації переміщення просто клацаємо лівою клавішею миші по фото, яке необхідно пересунути.

Розташуємо знімки, як показано на скріншоті:

За замовчуванням у налаштуваннях інструмента «Переміщення» варто вибрати «Шар/напрямок»

При перемиканні на другий параметр – «Перемістити активний шар».

Всі команди переміщення будуть доступні тільки тому шару, на якому ви перебуваєте в даний момент, тобто. на активному шарі панелі шарів.

Тут же в налаштуваннях ви можете задати, що конкретно ви хочете перемістити - шар, виділення або контур.

Крок 6. Дзеркальне відбиття.

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

Потім виберемо інструмент «Дзеркало»

і для його активації натисніть один раз на робочому просторі.

Крок 7. Кадрування фотографії

Тепер, коли у нас фотографії розташовані правильно на полотні, можна сміливо видалити невикористане місце, а саме зменшити межі полотна до меж фотографій.

Для цього вибираємо "Прямокутне виділення"

і створюємо виділення як на скріншоті:


Вийде так

Знімаємо виділення через «Виділення – Зняти»

Тепер збільшимо межі шару до розмірів зображення. Для цього клацніть правою кнопкою миші по верхньому шару і в контекстному меню виберіть пункт «Шар до розміру зображення». Аналогічну процедуру зробимо з нижнім шаром.

Про результативність цієї дії буде збільшена чорно-жовта рамка

Та забув ще сказати, потрібно додати альфа-канал до кожного шару. Для цього натисніть правою кнопкою миші по шару та виберіть пункт «Додати альфа-канал».

Крок 8. Збільшуємо контрастність першої фото

У панелі шарів вибираємо нижній шар, на якому знаходиться перша фотографія та натискаємо на піктограму «Створити копію шару»

Тепер переходимо в меню «Колір – Колірний баланс» та встановлюємо наступні параметри:

І натискаємо ОК.

Змінюємо режим накладання шару. Для цього клацаємо один раз за написом «Нормальний» і в списку вибираємо пункт «Екран». Докладніше про режими накладання ви можете прочитати в цьому.

Тепер натискаємо один раз по середньому шару правою клавішею миші і в контекстному меню вибираємо «Об'єднати з попереднім»

Крок 9. Накладення фото на фото за допомогою маски шару.

Переходимо на верхній шар. Так само, правою кнопкою миші, викликаємо контекстне менюі вибираємо пункт «Додати маску шару»

Нагадаю!Щоб встановити нові пензлі, ви повинні їх скопіювати в каталог пензлів програми. Щоб дізнатися, де знаходиться цей каталог, перейдіть до меню "Правка ->Параметри -> Каталоги -> Кисті". У першому рядку буде вказано шлях до каталогу.

Для користувачівLinux : Користувальницькі каталоги знаходяться в домашній папці. Але попередньо потрібно зробити їх видимими. Для цього перейдіть до «Вигляд – Показати приховані папки». Після цього знайдіть каталог «.gimp -2.x» і вже в ньому будуть всі каталоги програми, куди необхідно копіювати всі завантажені доповнення.

Ще раз перевіряємо, що вибрано маску шару. Про це свідчить біла рамка навколо маски.

І починаємо акуратно малювати обраним пензлем по межі з'єднання фотографій. Повинно вийти так

Крок 10. Додавання текстури №1 на фото

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

У наступних уроках на блозі будуть показані приклади накладання фото на фото, З використанням методики з поточного уроку. Тож не соромтеся, ставте свої запитання у коментарях до уроку, а я постараюся своєчасно на них відповісти. А ще друзі не втримався і записав для Вас відео-урок. Приємного перегляду.

Як накласти одне фото на інше


І не забувайте друзі, що можна, щоб не пропустити нові уроки.

Спочатку виділимо ту область, у яку необхідно вставити інше зображення.
По-перше, відкриваємо зображення-акцептор і створюємо у ньому виділену область, у якій буде розміщено друге зображення. Вибір інструментів, що використовуються, звичайно, буде залежати від форми області, яку ви повинні виділити. У моєму випадку виділення буде мати просту чотирикутну форму, так що я використовуватиму інструмент "Прямолінійне Лассо" (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, виконаним за матеріалами цього уроку, завантажити який можна за посиланнями внизу сторінки.

Ось що у нас вийшло в результаті:

Варіант 1: IMGonline

На сайті можна працювати з картинками будь-якого формату. Обидві картинки слід завантажити на сервер, а потім вибрати, яким способом буде здійснено накладення, і почекати виконання.

1. Заходимо на сайт IMGonline. Здійснюємо завантаження необхідних файлів на сайт, натиснувши кнопку «Огляд».

2. Потім визначаємося з параметрами накладання та виконуємо налаштування прозорості другої картинки. Якщо потрібно, щоб зображення просто були зверху іншого, то ставимо прозорість на «0».

3. Підганяємо за параметрами одну картинку під іншу.


4. Визначаємось із місцем розташування другого зображення відносного першого.

5. Отриманий файл налаштовуємо за параметрами (формат та відсоток прозорості).

6. Натискаємо на кнопку «Ок», щоб здійснити автоматичну обробку.

7. Перетворену картинку можна подивитися прямо у браузері або зберегти її собі на комп'ютер.

Варіант 2: Фотовулиця

Онлайн-сервіс російською мовою. Інтерфейс приємний та простий. Накладати одне фото на інше можна не тільки завантажені, а й просто з Інтернету (вказавши на них посилання).

1. Заходимо на сайт Фотовулиця. Натискаємо на «Відкрити фоторедактор» (кнопка розміщена на головній сторінцісайту).

2. Відкриється вікно редактора.

3. Клацаємо на кнопку "Завантажити фото", а потім на "Завантажити з комп'ютера".

4. На бічній панелі, яка з'явиться, можна змінити розмір першого зображення.

5. Потім знову натискаємо на "Завантажити фото", щоб додати другу картинку.

6. Зверху першої картинки буде накладено другу. Слід підігнати її під розміри першої на лівому бічному меню (описано у пункті 4). Вирушаємо на вкладку «Додати ефекти».

9. Натискаємо на необхідний варіант та клацаємо на кнопку «ОК».

10. Визначаємося з розміром картинки, прибираємо або залишаємо логотип сервісу. Далі розпочнеться процес монтування та збереження картинки. При виборі "Високої якості" доведеться почекати. Поки завантаження не закінчиться, не закривайте вікно браузера.

Варіант 3: Фотошоп Онлайн

Є можливість поєднувати лише окремі елементи картинки. Функціонал сервера нагадує програму Фотошоп.
1. Заходимо на сайт Фотошоп Онлайн. У вікні, яке з'явиться, натискаємо кнопку «Завантажити фото з комп'ютера».

2. Додаємо другу картинку – заходимо в меню «Файл», клацаємо на «Відкрити зображення».