How to create Facebook 3D photo from a regular photo

Published by Viktor Hanacek on November 30, 2018 under , , , , ,

How to create Facebook 3D photo from a regular photo — picjumbo BLOG

A few weeks ago, Facebook rolled out 3D photos. If you want to use this feature, there are two options:

  1. If you have iPhone with dual lens, you take a picture in the “Portrait” mode and then upload it to Facebook and be done with it.
  2. You can create 3D photo manually in Photoshop. It is a lot of manual work, but it can be done, and the effect is very cool!

I will explain how to achieve this in the next few paragraphs!

How to create 3D photo without iPhone Portrait mode?

First and foremost I should say that you should be at a certain level of expertise in Photoshop. If you know how to work with Pen Tool, Gradient Tool, Quick Mask and Paths, it should be a relatively straightforward process for you.

Basically what we will be doing is manually creating a depth map which is something that dual lens phones create automatically in Portrait mode to determine what is background and foreground. This map is then used to blur the background to create the effect of a picture taken on a DSLR with portrait lens.

What Facebook is doing is they are using the same depth map, but this time not for a “DSLR effect” but to create an illusion of 3D photo.

Step 1. Pick a photo

Find the picture you want to create the 3D effect for. Ideally, it should be a vertical photo, let’s say 800×1000px.

What works best are photos where the objects are distinct and contrasting, and where at the same time the background isn’t too complicated – something uniform like a road, sky, beach or plain wall works great.

If the background displays complicated structures, it will be more noticeable that the 3D effect is only artificial.

Step 2. Start creating the depth map

What you need to know about depth maps before you get to it:

Now here comes the hard part. You have to manually separate all the objects that you want to stand out in the 3D photo.

Selecting them with the Pen Tool and saving the path of each object is probably the quickest way to do that.

After that, determine what in the photo is at what distance and start creating the depth map according to the examples in this article by taking each path and filling it with the corresponding shade of gray.

Objects in the foreground will be darker, objects in the background will be a lighter color. If something is getting gradually further away (ground, ceiling, walls and so on), you can create a gradient instead of a solid color.

You can also slightly blur the edges in the depth map as in the example bellow.

The cover picture and its depth map looks like this (see more examples at the end of the article):

The cover picture and its depth map looks like this

Step 3. Test run it

Once you have the depth map done, save both original and the map into separate files (jpg, or whatever).

To quickly see if everything looks like it should, you can test the 3D effect on depthy.me. First load the original image and then it will ask for the depth map.

If you are happy with the result, you can proceed to the next step.

Step 4. Creating the file that you can upload to facebook

If everything looked okay on the depthy.me, you can create the 3D photo itself.

For that you can use the iOS app Depth Cam. The process is the same as on the website above: first load the original image, and then load the depth map separately by tapping on the Import DepthMap.

Finally, in the bottom right corner tap the export icon and select Save Facebook 3D Photo. That will create new picture in your Portraits album (which is where iPhone stores pictures taken in the Portrait mode by default).

How to post 3D photo on Facebook?

Now this is finally the easy part:

  1. Open the Facebook app
  2. Tap the text area to post new status
  3. Scroll down and select 3D Photo.
  4. Select the photo you just exported from Depth Cam.

This feature is (at least for now) only available on phones that support Portrait mode – all dual lens iPhones and Androids, and some newer phones such as the iPhone Xr.

More examples

We used this effect during this Black Friday weekend:

Original photo with depth map:

Original photo with depth map:

Original photo with depth map:

Have you tried creating 3D photo as well? Can you create great 3D photos or have you seen a really good one? Share them in the comments!

Written by

Hello, I’m Viktor, founder of picjumbo. I’m traveling the World, taking photos and running this project where you can download & use ALL my pictures in your creative projects, whether it’s designing a WordPress theme, making a keynote or writing a blog post. Please join PREMIUM if you like our images! ❤️

Please, please, please!

Can I ask for your email?

Every week, I'd like to inform you about all our new FREE images, about our photo collections and about other interesting news. And you will never miss any new photos ever again! Of course, you can easily unsubscribe at any time.

Thank you! — Viktor, founder of picjumbo.com

Woman Using Smartphone at Home Beautiful Mountains & Roads Around Giau Pass in Italy Venice Piazzale Square Sunset Handful of Blueberries Underwater Diving Snorkeling Selfie in The Sea #2 Beautiful Woman Dress and Lavender Field Orange Lemon Kiwi Fruits Sunset Over the Skyscrapers in San Francisco Pillar of Golden Gate Bridge in San Francisco Vintage Edit Duomo S. Maria del Fiore in Florence, Italy Minimalistic and Clean Home Office Computer Setup Young Woman Enjoying First Spring Sun Outside Bowl of Blueberries Bay Bridge with Treasure Island in San Francisco At Night Strawberries with Yellow Background Summer Drink Fit Woman Stretching Her Body in Morning Yoga Routine Man Browsing on his iPhone Homemade Lemon Drinks Bananas with Red Flat Background Christmas Baking Traditional Carousel Horses on a Fun Fair Ride Listening Streaming Music from Laptop in Bed Cherry Tomatoes on Red Background with Room for Text Young Girls Stretching Her Legs Before Jogging iPhone XS Business Agency Team Working on New Ideas Laptop in Bed Modern Laptop and Christmas Bokeh Young Woman Enjoying Ride on an Iconic Cable Car in San Francisco #2
Buy picjumbo a Coffee at ko-fi.com