Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Спочатку я планував написати в цій статті про те, як створити ретро 3D-ефект. який раніше можна було бачити в старих 3D-фільмах. коміксах і на постерах. Але потім я задумався, чому б не спробувати зробити анагліфние 3D-зображення?

Налаштуйте себе на створення старого 3D-ефекту і дотримуйтесь цього керівництву, щоб дізнатися, як створювати в Photoshop власні анагліфние 3D-зображення:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Для того щоб ефект, вам потрібно буде придбати 3D-окуляри з червоною і блакитною лінзами:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Анагліфние 3D-зображення можна створювати двома способами. Перший передбачає з'єднання двох окремих знімків з камери, які разом дають дійсно приголомшливе зображення:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

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

Створення анагліфа з двох фото

Метод двох зображень дозволить нам зрозуміти теорію, яка лежить в основі стереоскопічних зображень. Анагліфов створюються шляхом об'єднання двох зображень з різних кутів (подібно до того, як працюють наші очі). Спробуйте подивитися на об'єкт спочатку одним, а потім іншим оком. Зверніть увагу, як виглядає об'єкт. Він переміщається, чи не так? Цей метод використовує той же принцип.

Зробіть пару знімків, змістивши камеру на кілька дюймів в сторону або пройшовши кілька кроків убік, якщо об'єкт знаходиться на далекій відстані:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Відкрийте обидва знімки в Photoshop. Я взяв два зображення з Shutterstock - це вже готові для перетворення в стереопару фото. Скопіюйте та вставте фон однієї фотографії в іншу. Двічі клікніть по фону, щоб перетворити його в звичайний шар. Запам'ятайте, яке зображення є «лівим», а яке «правим». Назвіть шари відповідно:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Двічі клацніть по шару "лівого" фото, щоб відкрити вікно «Стилі шару». Приберіть прапорець біля «Червоного каналу» і натисніть «ОК»:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Відкрийте вікно «Стилі шару» для шару "правого" зображення і приберіть прапорець біля «Зеленого» і «Синього» каналів. Ви відразу побачите проявився анагліфние ефект:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Вирівняйте шари, орієнтуючись на який-небудь об'єкт на передньому чи задньому плані. Це робиться, щоб зменшити ефект роздвоєння об'єктів:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

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

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

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

Створення анагліфа з одного зображення

Анагліфов можна створювати і з одного зображення. Цей метод вимагає додаткової обробки в Photoshop. але він дає більший контроль над кінцевим зображенням. Для цього використовується карта глибини Photoshop з фільтром «Зсув». З його допомогою ми можемо змістити друге зображення і створити ефект 3D:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Відкрийте зображення в Photoshop. Спочатку нам потрібно створити карту глибини, яка використовує чорно-білі тони. З її допомогою ми визначимо, наскільки потрібно змістити кожну конкретну область зображення. Створіть новий шар, виділіть довгу тонку прямокутну область і залийте її чорно-білим градієнтом. Це буде наш зразок діапазону тонів:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Ми почнемо з виділення області, яка була розташована найближче до камери. Створіть новий шар і обведіть всі елементи на передньому плані за допомогою інструменту «Магнітне ласо» (або «Перо»), потім залийте виділення білим кольором:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Виберіть інструмент "Випалювання", встановіть для «Діапазон» значення «Світлі тони» і зменшіть непрозорість до 50%. Зафарбуйте область білої фігури, яка розташована трохи далі від камери, м'якою щіткою, змінивши, її колір на світло-сірий. Така зміна тону визначатиме поступову зміну глибини:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

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

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Останній шар в самому низу палітри повинен бути чорним, так як він буде видно на далеких областях зображення:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Натисніть Ctrl + A. щоб вибрати все, а потім Ctrl + Shift + C. щоб скопіювати об'єднаний шар. Вставте (Ctrl + V) об'єднане зображення поверх всіх шарів і застосуєте до нього фільтр «Розумієте по Гауса», «Радіус» - 10 пікселів. Його дія згладить жорсткість країв після переміщення зображення:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Збережіть документ у форматі .PSD і назвіть файл "displace.psd":

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Потім знову відкрийте вихідну фотографію і натисніть Ctrl + Shift + U. щоб знебарвити її. Це необов'язковий етап, але він надає анагліфние ефекту ретро стиль:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Натисніть Ctrl + J. щоб продублювати шар, потім двічі клацніть по фону, щоб перетворити його в звичайний шар:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Двічі клікніть на верхньому шарі, щоб відкрити вікно «Стилі шару». Приберіть прапорець для «Червоного каналу» і натисніть «ОК»:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Відкрийте вікно «Стилі шару» для нижнього шару, і приберіть прапорці для зеленого і синього каналів:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Виберіть верхній шар, потім перейдіть в Фільтр> Спотворення> Зсув. Задайте 10 пікселів для «Масштаб по горизонталі» і 0 - для «Масштаб по вертикалі». Натисніть «ОК», а потім перейдіть до файлу displace.psd:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Області шару будуть зміщуватися відповідно до чорно-білої картою глибини. Одягніть 3D-окуляри і ви побачите, що різні елементи сцени здаються розташованими на деякій відстані:

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

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

Як створити анагліфние 3d-зображення, яке буде реально працювати, photoshop

Перевага даного методу полягає в тому, що ви можете повністю контролювати обробку зображення. Попередньо ми зберегли шари в карті зміщення, тому ви завжди можете повернутися і підібрати інші кольори і ступінь розмиття, щоб змінити 3D-ефект.

Переклад статті «How To Create Anaglyph 3D Images That Really Work» був підготовлений дружною командою проекту Сайтобудування від А до Я.