У цьому підручнику щодо ефектів Photoshop ми дізнаємось, як розмістити зображення всередині іншого зображення за допомогою команди «Вставити в» у Photoshop.
З появою цьогорічного Суперкубка (на той момент я це пишу) усі основні магазини електроніки заповнюють свої веб-сайти та щотижневі листівки зображеннями останнього телевізора високої чіткості, що показує велику гру. Якщо це не велика спортивна подія, яка відображається на екранах, це, як правило, останній реліз фільму на блокбастер DVD або відеоігра великого бюджету.
Звичайно, жодне з цих зображень насправді не відображається на екрані, оскільки поруч із неможливим зробити високоякісну фотографію того, що з’являється на телевізорі. Це все зроблено у Photoshop. Зображення того, що вони хочуть з’являти на телевізорі, просто вставляється у зображення самого телевізора. У цьому підручнику Photoshop ми побачимо, як це робиться, щоб ви могли використовувати ту саму техніку із власними зображеннями!
Зауважте, що ця версія підручника призначена для Photoshop CS4 та новішої версії. Для користувачів Photoshop CS5, CS6 та CC або для іншого прикладу того, як цю техніку можна використовувати, перегляньте нашу повністю оновлену версію.
Тут у мене є зображення типу телевізора, який ви, мабуть, знайдете в флаєрі магазину електроніки:
Зображення телевізора, подібне до того, що ви знайдете на веб-сайті магазину електроніки або у їхньому щорічному листівці.
А ось образ, який я хочу мати на телевізорі:
Фото з футбольної гри.
Ось як це буде виглядати, коли ми закінчимо:
Гра, як видається, відображається на екрані телевізора.
Як розмістити одне зображення всередині іншого
Крок 1: Виберіть область, в яку потрібно вставити друге зображення
По-перше, відкрийте зображення, на яке потрібно розмістити друге зображення, та намалюйте виділення навколо області, де збирається друге зображення. Вибір інструменту, який ви використовуєте, звичайно, залежатиме від форми області, яку потрібно вибрати. Я хочу, щоб моє друге зображення з’явилося на екрані телевізора, що є простою чотиристоронньою формою, тому я збираюся використовувати полігональний інструмент Lasso Photoshop, який за замовчуванням ховається за стандартним інструментом Lasso в палітрі інструментів. Я натискаю на піктограму «Інструмент Лассо», потім натискаю кнопку миші на секунду чи дві, поки не з’явиться меню вильоту, а потім я виберу з списку полігональний інструмент «Лассо»:
Вибір полігонального інструмента Лассо з палітри інструментів у Photoshop.
Полігональний інструмент Лассо дозволяє зробити вибір, просто натиснувши на різні точки, де потрібно змінити напрямок вибору. Кожен раз, коли ви натискаєте нову точку, Photoshop додаватиме пряму лінію між новою точкою та останньою точкою, на яку ви натиснули, подібно до того, як працює інструмент «Перо» під час малювання прямих сегментів шляху. Ви просто продовжуєте клацати навколо області, яку потрібно вибрати, поки ви не окреслили всю область і не пройшли шлях до початку. Коли ви знову натиснете цю першу точку, Photoshop створить виділення.
Вибрати телевізійний екран за допомогою полігонального інструмента Lasso дуже просто. Все, що мені потрібно зробити, це натиснути в кожному з чотирьох кутів. Почну з лівого верхнього кута, потім пройдуся до лівого нижнього кута, потім до правого нижнього кута та до правого верхнього кута. Ми можемо побачити три створені до цього часу рядки:
Клацнувши в кожному куті телевізійного екрана інструментом «Полігональний інструмент Лассо», щоб намалювати вибір.
Щоб завершити вибір, я ще раз натискаю на те саме місце, з якого я почав у верхньому лівому куті екрану телевізора, і Photoshop створить мій вибір для мене:
Клацніть ще раз на початковій точці, щоб завершити вибір.
Крок 2: Скопіюйте друге зображення у буфер обміну
Відкрийте своє друге зображення у Photoshop та натисніть Ctrl + A (Win) / Command + A (Mac), щоб розмістити виділення навколо всього зображення:
Натисніть "Ctrl + A" (Win) / "Command + A" (Mac), щоб розмістити виділення навколо всього зображення.
Потім натисніть Ctrl + C (Win) / Command + C (Mac), щоб скопіювати зображення у буфер обміну.
Крок 3: Вставте друге зображення у вибір
Поверніться до початкового зображення у Photoshop. Ви все ще повинні побачити вибір, який ви створили мить тому. Ми збираємося вставити друге зображення безпосередньо в цей вибір. Для цього перейдіть до меню "Правка" у верхній частині екрана та оберіть "Вставити в":
Виберіть "Вставити в" в меню "Редагувати".
З оригінальним зображенням трапляються три речі, коли ви виберете "Вставити в". Photoshop додасть новий шар над фоновим шаром у палітрі шарів, він розмістить друге зображення на новому шарі, і він використовуватиме виділення, які ми зробили, щоб створити маску шару, яка приховає всі області другого зображення які випадають поза вибором, залишаючи видимою лише область всередині виділення. Іншими словами, єдина частина мого футбольного зображення, яка буде видно, - це область, яка вписується всередину вибору, який я зробив навколо екрану телевізора.
Спочатку давайте подивимось на палітру шарів для оригінального зображення, щоб побачити, що сталося. Ми бачимо, що зараз у мене два шари - оригінальний фоновий шар на дні, який містить моє телевізійне зображення, та новий шар "Шар 1", над ним міститься футбольне фото. Ми також можемо побачити мініатюру маски шару (обведеною червоним кольором), яка показує нам, що створена маска шару. Біла прямокутна форма у центрі мініатюри - обрана область (телевізійний екран), а вся чорна зона навколо неї - область, яку не було вибрано:
Photoshop додає новий шар до вихідного зображення, розміщує друге зображення на новому шарі та створює маску шару на основі виділення, зробленого нами на кроці 1.
А якщо ми подивимось на саме зображення, то тепер можемо побачити футбольний образ, що з’являється на екрані телевізора:
Друге зображення тепер з’являється всередині вибраного нами зображення в оригінальному зображенні.
Крок 4: Змініть розмір другого зображення за допомогою безкоштовного перетворення
Єдиною проблемою на даний момент є те, що телевізор знаходиться під кутом, а фото, яке я вставив у нього, немає, тому перспектива між двома зображеннями не збігається. Щоб виправити це, я натискаю Ctrl + T (Win) / Command + T (Mac), щоб відкрити вікно Photoshop Free Transform і обробляти навколо другого зображення. Перше, що я збираюся зробити, - спробувати помістити якомога більше футбольних фотографій на телевізійний екран, наскільки я можу, тож я затримаю Shift + Alt (Win) / Shift + Option (Mac) і перетягну одну з чотири кутових ручки в напрямку до центру, щоб зменшити зображення. Утримуючи "Shift" обмежує пропорції зображення під час перетягування, щоб я випадково не спотворив зовнішній вигляд зображення, а, утримуючи "Alt / Option", каже Photoshop змінити розмір зображення в центрі, що полегшує роботу:
Змініть розмір зображення за потребою за допомогою команди «Безкоштовна трансформація» Photoshop.
Тепер, коли я задоволений розміром свого другого зображення, я збираюся виправити перспективну проблему. Якщо вільна трансформація все ще активна, я збираюся утримувати Shift + Ctrl + Alt (Win) / Shift + Command + Option (Mac), який тимчасово перетворює Безкоштовну трансформацію в режим перспективного перетворення. Ви також можете перейти до меню "Правка", вибрати "Трансформувати", а потім вибрати "Перспектива", але комбінація клавіш простіше, якщо у вас вже є ручки "Безкоштовна трансформація".
У режимі перспективного перетворення я знову натискаю на ручку у верхньому лівому куті та трохи перетягую її вниз. Коли я перетягую ручку лівого верхнього кута вниз, ручка в нижньому лівому куті одночасно переміститься вгору. Це дозволить мені зменшити висоту лівої частини футбольного зображення, не впливаючи на висоту правої частини зображення, створюючи ілюзію, що зображення знаходиться під тим же кутом, що і телевізор:
Використовуйте режим перетворення "Перспектива", щоб виправити будь-які перспективні проблеми між двома зображеннями.
Тепер, коли я задоволений розміром та кутом другого зображення, натискаю Enter (Win) / Return (Mac), щоб прийняти зміни та вийти з команди Free Transform.
Крок 5: Додайте стиль внутрішнього шару тіней
Щоб закінчити ефект, я збираюся додати невелику тінь до країв футбольного зображення, щоб він виглядав так, ніби він насправді відображається на екрані телевізора, і менш схожий на те, що хтось просто вставив його туди (хоча це саме те, що ми зробила). Якщо вибрано "Шар 1", я натискаю на піктограму Стилі шару в нижній частині палітри Шари і виберу Внутрішню тінь зі списку стилів шару:
Клацніть на піктограмі "Стилі шару" в нижній частині палітри Шари та виберіть зі списку "Внутрішня тінь".
Це відкриває діалогове вікно «Стиль шару» Photoshop, встановлене параметрами Внутрішня тінь у середньому стовпчику. Зменшіть непрозорість Внутрішньої Тіні приблизно до 60%, щоб вона не була настільки інтенсивною, а потім зменшіть і розмір, і відстань до 1 пікс. Можливо, вам також знадобиться відрегулювати кут тіні залежно від вашого зображення. У мене встановлено 120 °:
Змініть параметри стилю шару Внутрішня тінь, обведеного вище.
Натисніть кнопку ОК, щоб вийти з діалогового вікна «Стиль шару» та застосувати тінь, і все закінчено! Ось, після додавання мого ефекту тіні по краях футбольного зображення, щоб він виглядав природніше на екрані телевізора, це мій остаточний результат:
Кінцевий результат.