Как сделать 3D фото Facebook? Руководство.

Псевдо 3D фото в Facebook, что это такое:

3д фото в соц сети Фейсбук появилось уже относительно давно (вроде с ноября 2018 года) и являлось прерогативой владельцев флагманских смартфонов — iPhone: 7 Plus, 8 Plus, X, XS и XS Max (вот вам и равноправие Эпл продукции), но потом ввели поддержку девайсов и на Андройд, главное чтобы было 2 камеры (но это не точно).

Но вот недавно ввели возможность делать фото и простым пользователям.

Логика построения 3D фото:

Реализация псевдо 3д в графическом дизайне\3д\играх уже не нова, обычно это делается созданием параллакса — многослойности изображения, в которой 2д объекты двигаются по слоям, и создается имитация глубины пространства и перспективности.

Но такая реализация в телефонах\простыми пользователями почти невозможна, т.к. надо отделить объекты, сделать их с прозрачностью, а на фото у нас получается 2д изображение.

И фейсбук выкручивается реализацией «карты глубин» , это старая технология, которая почти всегда используется в 3д софте. Технология сделана в виде — делается черно-белое изображение, в котором белые участки — это высокие 3д участки, а черное — низкие участки, а при совмещении с фото — мы получаем псевдо 3д объем.

Пример: к фототекстуре дерева готовится карта глубин, и при совмещении, мы получаем не плоскую текстуру, а текстуру с характерными для дерева объемом.

Инструкция по созданию 3D фото facebook в Photoshop:

1. Выбираем наше фото, желательно с ярковыраженным переходом фона:
3D фото в Facebook инструкция
2. Размечаем пространство на фото:
3D фото в Facebook инструкция
3. Любым инструментом (выделение, перо, кисть, …) начинаем закрашивать наши объекты, главное держать в голове что черное — это дальняя дистанция, а белое — ближайшая. Если у нас есть места, где пространство уходит в глубину, то используем градиент, но в пределах разумного, т.к. будет искажения. Работаем в разных слоях, чтобы всегда вернуться к правкам.
3D фото в Facebook инструкция
3D фото в Facebook инструкция карта глубины

4. Мы получаем такую карту глубин. Теперь самое главное:

Нам нужно сохранить эту карту с именем: «имя фотографии»_depth

Пример: фото называется «Парень.jpg», значит название карты глубин «Парень_depth.jpg»

5. Перетягиваем две фотографии в пост фейсбука, и у нас идет совмещение фотографий — появляется 3д квадратик, означающий обработку фото и подождав пару секунд мы получаем результат.

Примеры 3д фото фейсбука:

3D фото в Facebook инструкция
3D фото в Facebook инструкция карта глубины
3д фото Фейсбук креатив
3д фото Фейсбук креатив карта глубины

Из-за такой реализации, иногда возникают артефакты, и в полноразмерном виде фото лучше не смотреть, Но в мобильном или ленте — смотрится отлично!

А теперь вы сами сможете делать свои 3д фото в фейсбуке, и собирать лайки , или заказать создание 3д изображения у нас.