• Personal work
  • Commissions
  • Ai
  • About me
  • Blog
  • Workshops
  • AliasEDU
  • Youtube
  • Contact
Previous Post
Next Post
Apr 16
in Uncategorized 4 comments

Turn your composite images into Facebook 3D images without iPhone

It is finally here! Possibility to turn your images into Facebook 3D images without a phone. Previously Facebook 3D images could be done with iPhone cameras that had portrait mode but now you can upload them yourself using your browser facebook application.

Here is a quick tutorial on how this is done (this image was done for local brewing company Rock Paper Scissors):

  1. First, find an image that you will want to turn into a 3D image. I prefer my PSD images where I have layers already cut out to make the depth map.
    Here is one example image where I had all the people and background already on separate layers. You can always use an image that doesn’t have layers, but in that case, you need to cut out the wanted elements to separate layers before you continue making the depth map. And you can create a detailed depth map as you want, all depending on your image. You can use also gradients for example to floors and ceiling to get better transitions between depths.

2. Then in photoshop, I created the simple depth map by just filling wanted layers / areas into shades of gray, darker shades layers I wanted to be in the back and the lighter layers that are in the front. Shades of gray determine the distance of the different elements. And here is the result:

3. Then naming / saving of the files. The first image was named rps.png and the depth mask as rps_depth.png. So just add the _depth to the depth map image and save them as 16bit PNG files or jpeg files will work also.
example: imagename.png & imagename_depth.png

Both images have to be the same size and I think images in portrait 3:4 ratio works the best.

4. And then just create a Facebook post and select both of these images to add that post(or drag both files to facebook post field) and Facebook will generate the 3D image out of these two files automatically. Amazing!

And this is how you can create 3D images without using iPhone!!

Share this:
20925
0
About the Author: Antti Karppinen
Digital artist from Finland. Retoucher, creative brain, father, wannabe card magician.Creator of unexisting worlds and stories. Imagine Anything!

  • Bitcoin Queen
    I'm sure everyone has heard about Bitcoin but have you thought about what would Read more
    in Inspiration, projects 0 comments
    1
  • Retrofuturism to the max, Case Lumeton
    Lumeton tasked me with creating a fresh concept and imagery for their website, Read more
    in Inspiration, work 0 comments
    0
  • Before and After images
    I have been using Adobe Photoshop for over 23 years. My first version was 3.0 Read more
    in Inspiration, projects, work 0 comments
    8

4 Comments:

  1. Peter Mayes
    April 19, 2019
    Reply

    Hi Antti
    This looks great!
    Two questions….
    Is there a way to preview the final work in, say, the browser before posting to Facebook?
    And when posting to FB, do you just drag the two images into the text box or pick them in the usual way from the Explorer window that pops up when you click Photo/Video?
    (I use Win10 and Chrome)

    • Antti Karppinen
      April 19, 2019
      Reply

      You can put the images in the Facebook post, preview the 3D picture. If you don’t like it, just don’t post the message.
      And you can either drag the images or just select those 2 files from the dialog.

  2. Marc De Vinci
    April 19, 2019
    Reply

    Looks great! How come you don’t get any blur? I’ve been trying and I keep getting blur around my cutouts. I tried to add gradient to smoothen transitions but doesn’t change anything

    • Antti Karppinen
      April 19, 2019
      Reply

      try to have minor steps in your shades of gray so the depth wont be that big. And all depends of the image anyways how the algorithm will create the blur.


Leave a Comment! Cancel reply

Your email address will not be published. Required fields are marked *

Recent Posts
  • Helsinki Beneath – A New Art Experience in Citycenter
  • Case Keski : Bringing the Face of the Owner and the Wings of AI to Creativity
  • Valio Aimo: A Carefree Online Store
  • Crafting a Dystopian Vision: My AI Journey with the Finnish National Opera’s “The Horseman”
  • Arvy: A virtual influencer reflecting the voice of Gradia
Recent Comments
  • Antti Karppinen on Turn your composite images into Facebook 3D images without iPhone
  • Marc De Vinci on Turn your composite images into Facebook 3D images without iPhone
  • Antti Karppinen on Turn your composite images into Facebook 3D images without iPhone
  • Peter Mayes on Turn your composite images into Facebook 3D images without iPhone
  • Eric on Wet plate collodion retouching
Copyright © 2016 Antti Karppinen. All Rights Reserved.