{"id":30543,"date":"2019-05-22T12:50:01","date_gmt":"2019-05-22T19:50:01","guid":{"rendered":"http:\/\/photoshopcafe.com\/?p=30543"},"modified":"2019-05-22T13:12:21","modified_gmt":"2019-05-22T20:12:21","slug":"facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo","status":"publish","type":"post","link":"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/","title":{"rendered":"Facebook 3D and Photoshop guide. How to turn a layered Photoshop image into Facebook 3D photo"},"content":{"rendered":"<p>In this Photoshop tutorial, I&#8217;m going to show you how to turn your Photoshop composites into living, interactive Facebook 3D photos. This is fun to look at on mobile devices, desktop browsers, but it really shines with 3D goggles.<\/p>\n<p>Check out the video tutorial I have here,<a href=\"http:\/\/photoshopcafe.com\/turn-photo-facebook-3d-photo-photoshop\/\"> I also made another tutorial on how to turn a regular photo into Facebook 3D photo, see that here.\u00a0<\/a><\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/H-VsBqdh8Ws?rel=0\" width=\"853\" height=\"480\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<h3>Photoshop to Facebook 3D in a nutshell:<\/h3>\n<p>For some people, this is all they need to know, for details, read on:<\/p>\n<ul>\n<li>Select each layer and fill it with gray to create a depth map. Black is back and white is front.<\/li>\n<li>Save the depth map and the photo as 2 files. They should have the same name, but the depth map has _depth at the end of its name.<\/li>\n<li>Upload to facebook.<\/li>\n<\/ul>\n<p>All the instructions are here in the both the written steps and the video.<\/p>\n<h2>How to turn a layered composite into a Facebook 3D photo<\/h2>\n<p>Let&#8217;s start with this composite that I just made. The hero is musician, Taylor Davis whom I shot in my studio. The background was pieced together with images and dragon 3D models I found on Adobe Stock.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30567\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/taylordragonlayers.jpg\" alt=\"\" width=\"800\" height=\"445\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/taylordragonlayers.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/taylordragonlayers-600x334.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/taylordragonlayers-300x167.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/taylordragonlayers-768x427.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/taylordragonlayers-100x56.jpg 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>The way a Facebook 3D photo works, is by reading a depth map. This isn&#8217;t a new concept, 3D software has been using depth maps for years. \u00a0Each area of the image is represented as a shade of gray. It puts the lighter areas forward and darker areas back.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-30555\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers12.jpg\" alt=\"\" width=\"521\" height=\"293\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers12.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers12-600x338.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers12-300x169.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers12-768x432.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers12-100x56.jpg 100w\" sizes=\"auto, (max-width: 521px) 100vw, 521px\" \/><\/p>\n<p>When preparing your image, choose which elements you will want to build into planes or regions.<\/p>\n<p>Here I have isolated this image into 6 regions. You can use less or more, you aren&#8217;t restricted to 6, or have to have that many, even 2 will work.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30545\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers02.jpg\" alt=\"\" width=\"800\" height=\"598\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers02.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers02-600x449.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers02-300x224.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers02-768x574.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers02-100x75.jpg 100w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers02-160x120.jpg 160w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h3>Making the depth map<\/h3>\n<p>Let&#8217;s start the tutorial. Remember, watching the video will help you see each step more easily. Also this tutorial is for a composite, so all the layers are already cut out. If you have a flat image and wish to do this, <a href=\"http:\/\/photoshopcafe.com\/turn-photo-facebook-3d-photo-photoshop\/\">check out the other tutorial here.\u00a0<\/a><\/p>\n<p>&nbsp;<\/p>\n<h4>Step 1 isolating the objects.<\/h4>\n<p>We will make selections and fill then with gray.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30546\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers03.jpg\" alt=\"\" width=\"800\" height=\"450\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers03.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers03-600x338.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers03-300x169.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers03-768x432.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers03-100x56.jpg 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Toggle visibility of layers and masks until you come to your background image.<\/p>\n<p>Select the foreground (Holding down Shift and clicking on the layer thumbnail or mask will load its transparency.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30547\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers04.jpg\" alt=\"\" width=\"800\" height=\"450\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers04.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers04-600x338.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers04-300x169.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers04-768x432.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers04-100x56.jpg 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Create a new layer at the top and fill with gray. Don&#8217;t worry about the shade of gray yet, we will come back to that, lets focus on isolating our areas first.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30548\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers05.jpg\" alt=\"\" width=\"800\" height=\"450\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers05.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers05-600x338.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers05-300x169.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers05-768x432.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers05-100x56.jpg 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Loading the selection of the mountain an castle in the background. Make a layer and fill with gray.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30549\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers06.jpg\" alt=\"\" width=\"800\" height=\"450\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers06.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers06-600x338.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers06-300x169.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers06-768x432.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers06-100x56.jpg 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Selecting the distant flying dragon and filling a new layer with gray.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30550\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers07.jpg\" alt=\"\" width=\"800\" height=\"450\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers07.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers07-600x338.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers07-300x169.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers07-768x432.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers07-100x56.jpg 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Select our main dragon and fill a layer with gray.<\/p>\n<p>Select Taylor (our hero), make a layer and fill with gray.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30551\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers08.jpg\" alt=\"\" width=\"800\" height=\"450\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers08.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers08-600x338.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers08-300x169.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers08-768x432.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers08-100x56.jpg 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Create a new layer and fill it with black, this will be the background.<\/p>\n<p>Eventually you will have something like this. Six layers, each with a region or object in gray.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30552\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers09.jpg\" alt=\"\" width=\"800\" height=\"450\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers09.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers09-600x338.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers09-300x169.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers09-768x432.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers09-100x56.jpg 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h3>Step 2: Adding the depth<\/h3>\n<p>The groundwork is out of the way now. This is where you can use your imagination and have some fun. We are mapping how far forward or back each object will lie on space. Remember darker goes back and lighter comes forward.<\/p>\n<p>This may help you visualize it: Imagine a massive spot light is at the front and the objects are cardboard cutouts. The further back, the less light they will receive.<\/p>\n<p>Start with the background mountain. You can fill with a darker gray, or use levels. Select the layer for the mountains depth map and press Cmd\/Ctrl+L for levels. Dragging the middle gray slider to the right will darken the gray.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30553\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers10.jpg\" alt=\"\" width=\"800\" height=\"450\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers10.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers10-600x338.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers10-300x169.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers10-768x432.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers10-100x56.jpg 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Choose the foreground. If you want it to blend into the distance, then use a gradient. Lighter shade forward and darker shade back. This is a nice way to add depth.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30554\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers11.jpg\" alt=\"\" width=\"800\" height=\"450\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers11.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers11-600x338.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers11-300x169.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers11-768x432.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers11-100x56.jpg 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Here we have all the layers turned on. I also blurred the foreground filter&gt;blur&gt;gaussian blur<\/p>\n<p>Notice how it appears that Taylor has a gradient, she is actually a flat shade, but putting that up against a gradient creates an optical illusion. Don&#8217;t trust your eyes on this one, make use of the eyedroppers to sample the shades of gray if in doubt. Why do I bring that up? If you want to anchor an object to the ground, it needs to be exactly the same shade of gray at the point of contact, otherwise it will appear as if its floating in space.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30555\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers12.jpg\" alt=\"\" width=\"800\" height=\"450\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers12.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers12-600x338.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers12-300x169.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers12-768x432.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers12-100x56.jpg 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Choose the dragon layer. Grab the eyedropper (hold alt\/option with gradient tool or brush selected or I key) click on the background right next to the dragon&#8217;s feet to sample the gray as the new foreground color.<\/p>\n<p>Press Alt\/Option+Shift+Delete to fill the dragon layer. (Shift preserves transparency, so you don&#8217;t need to make a selection).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30556\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers13.jpg\" alt=\"\" width=\"800\" height=\"450\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers13.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers13-600x338.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers13-300x169.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers13-768x432.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers13-100x56.jpg 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Do the same thing for our hero layer. Fill her with the same shade of gray around her front foot.<\/p>\n<p>Right now her back foot will wiggle around in space when we are in 3D because it doesn&#8217;t match the point of contact.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30557\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers14.jpg\" alt=\"\" width=\"800\" height=\"450\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers14.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers14-600x338.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers14-300x169.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers14-768x432.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers14-100x56.jpg 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Load the selection for Taylor. Sample the background next to the back foot. Choose a gradient, with foreground to transparent as the option (click on the gradient at the top left and chose the 2nd option).<\/p>\n<p>Drag the gradient to blend the foot in.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30558\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers15.jpg\" alt=\"\" width=\"800\" height=\"450\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers15.jpg 800w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers15-600x338.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers15-300x169.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers15-768x432.jpg 768w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers15-100x56.jpg 100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h3>Step 3. Preparing the Files for Facebook 3D.<\/h3>\n<p>You will save 2 files. The first file with be the original image with the depth map hidden. Save as jpg or png.<\/p>\n<p>The second file will be the depth map.<\/p>\n<ul>\n<li>Turn on all the depth map layers so you see the gray depth map<\/li>\n<li>Save as a jpg or png<\/li>\n<li>Name it the same as the image, but with _depth in the name. For example: dragon.jpg and dragon_depth.jpg<\/li>\n<\/ul>\n<p>A word about jpg or png: You can save these as either format. For images, a jpg is a smaller file size than a png (10x smaller). For flat areas like gradients and solid colors, png has less artifacts and jpg.<\/p>\n<p>You can mix and match formats. So try saving your photo as a jpg and your depth map as a png. Experiment with the 2 formats and see what works best for you.<\/p>\n<h3>Step 4 Uploading to Facebook<\/h3>\n<p>Go to your Facebook page. Change privacy to <em>only me<\/em> for testing<\/p>\n<p>Click to upload a status photo<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30559\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers16.jpg\" alt=\"\" width=\"722\" height=\"800\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers16.jpg 722w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers16-600x665.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers16-271x300.jpg 271w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers16-100x111.jpg 100w\" sizes=\"auto, (max-width: 722px) 100vw, 722px\" \/><\/p>\n<p>Choose the 2 images, image and depth map<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30564\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers17-1.jpg\" alt=\"\" width=\"256\" height=\"165\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers17-1.jpg 256w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers17-1-100x64.jpg 100w\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" \/><\/p>\n<p>If everything is correct, Facebook will build the 3D image. Make sure the image is less than 4000px at the longest edge (at the time of this writing, I&#8217;m sure specs will change over time).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30565\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers18-1.jpg\" alt=\"\" width=\"516\" height=\"694\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers18-1.jpg 516w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers18-1-223x300.jpg 223w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3D-photoshop-layers18-1-100x134.jpg 100w\" sizes=\"auto, (max-width: 516px) 100vw, 516px\" \/><\/p>\n<p>And finally you have your 3D image. move your phone around, or the mouse if you are on a laptop or desktop and enjoy the result.<\/p>\n<p>I hope you enjoyed this tutorial and found it useful. If you did, please share it with your friends and share this tutorial on social media.<\/p>\n<p>Here is is on facebook, click through to check out out and like and comment \ud83d\ude42<\/p>\n<p><iframe loading=\"lazy\" style=\"border: none; overflow: hidden;\" src=\"https:\/\/www.facebook.com\/plugins\/post.php?href=https%3A%2F%2Fwww.facebook.com%2FphotoshopCAFE%2Fposts%2F10157337069014329&amp;width=500\" width=\"500\" height=\"562\" frameborder=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<h2>7 rules of 3D photos<\/h2>\n<ol>\n<li>if you want something anchored, make sure its same shade at the point of contact<\/li>\n<li>Add blur for smooth blend vs hard 3D edge<\/li>\n<li>Black is far, white is close, the more contrast, the greater depth, be aware of too much<\/li>\n<li>jpg way smaller (10x)<span class=\"Apple-converted-space\">\u00a0 <\/span>than png<\/li>\n<li>Gradients will cause movement (stretching within shape, good for BG, but not for subject) solid shade will keep subject from distorting<\/li>\n<li>Blend gradient where you want to fix perspective<\/li>\n<li>If there is a missing bit on the final image make sure it&#8217;s masked properly with the depth map<\/li>\n<\/ol>\n<p>Thanks,<\/p>\n<p>Colin<\/p>\n<p>PS Don\u2019t forget to <a href=\"https:\/\/photoshopCAFE.us1.list-manage.com\/subscribe\/post?u=69dd14bbcb9895c234db8095c&amp;amp;id=548063c647\">join our mailing list<\/a> and follow me on Social Media&gt;<\/p>\n<ul>\n<li><a href=\"https:\/\/www.instagram.com\/photoshopcafe\/\">Instagram<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/photoshopcafe\">Youtube.<\/a><\/li>\n<li><a href=\"https:\/\/www.facebook.com\/photoshopCAFE\">facebook<\/a><\/li>\n<li><a href=\"https:\/\/twitter.com\/photoshopCAFE\">twitter<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>(Ive been posting some fun Instagram and Facebook Stories lately)<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/blendmodeebook\">You can get my free Layer Blending modes ebook here<\/a><hr \/>\r\n\r\n<strong>PS Don\u2019t forget to follow us on Social Media for more tips..<\/strong>\r\n<ul>\r\n\t<li><a href=\"https:\/\/www.instagram.com\/photoshopcafe\/\">Instagram<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.youtube.com\/photoshopcafe\">Youtube.<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.facebook.com\/photoshopCAFE\">facebook<\/a><\/li>\r\n\t<li><a href=\"https:\/\/twitter.com\/photoshopCAFE\">twitter<\/a><\/li>\r\n<\/ul>\r\n(I've been posting some fun Instagram and Facebook Stories lately)<br \/>\r\n\r\n<a href=\"https:\/\/photoshopcafe.com\/vault\/\">You can get my free Layer Blending modes ebook along with dozens of exclusive Photoshop Goodies here<\/a>\r\n\r\n<a href=\"https:\/\/photoshopcafe.com\/vault\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-48395 size-full\" src=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter.jpg\" alt=\"photoshop goodies for free\" width=\"550\" height=\"363\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter.jpg 550w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter-300x198.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter-100x66.jpg 100w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter-120x80.jpg 120w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to turn a layered Photoshop composite into a Facebook 3D photo in Photoshop <\/p>\n","protected":false},"author":6,"featured_media":30573,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[43,56],"tags":[71,7353,7391],"class_list":["post-30543","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photoshop-tutorials","category-misc","tag-layers","tag-depth-map","tag-facebook-3d"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v24.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Facebook 3D and Photoshop guide. How to turn a layered Photoshop image into Facebook 3D photo - PhotoshopCAFE<\/title>\n<meta name=\"description\" content=\"How to turn a layered Photoshop composite into a Facebook 3D photo in Photoshop tutorial. + 7 tips for better Facebook 3D photos,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Facebook 3D and Photoshop guide. How to turn a layered Photoshop image into Facebook 3D photo\" \/>\n<meta property=\"og:description\" content=\"How to turn a layered Photoshop composite into a Facebook 3D photo in Photoshop tutorial. + 7 tips for better Facebook 3D photos,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/\" \/>\n<meta property=\"og:site_name\" content=\"PhotoshopCAFE\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoshopCAFE\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-22T19:50:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-22T20:12:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3d-composites.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Colin Smith\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@photoshopCAFE\" \/>\n<meta name=\"twitter:site\" content=\"@photoshopCAFE\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Colin Smith\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/\"},\"author\":{\"name\":\"Colin Smith\",\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/person\/a2452c052fad7b30a7d49eeefb8ec2b1\"},\"headline\":\"Facebook 3D and Photoshop guide. How to turn a layered Photoshop image into Facebook 3D photo\",\"datePublished\":\"2019-05-22T19:50:01+00:00\",\"dateModified\":\"2019-05-22T20:12:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/\"},\"wordCount\":1358,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/photoshopcafe.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3d-composites.jpg\",\"keywords\":[\"Layers\",\"depth map\",\"facebook 3d\"],\"articleSection\":[\"Tutorials\",\"MISC\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/\",\"url\":\"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/\",\"name\":\"Facebook 3D and Photoshop guide. How to turn a layered Photoshop image into Facebook 3D photo - PhotoshopCAFE\",\"isPartOf\":{\"@id\":\"https:\/\/photoshopcafe.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3d-composites.jpg\",\"datePublished\":\"2019-05-22T19:50:01+00:00\",\"dateModified\":\"2019-05-22T20:12:21+00:00\",\"description\":\"How to turn a layered Photoshop composite into a Facebook 3D photo in Photoshop tutorial. + 7 tips for better Facebook 3D photos,\",\"breadcrumb\":{\"@id\":\"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/#primaryimage\",\"url\":\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3d-composites.jpg\",\"contentUrl\":\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3d-composites.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/photoshopcafe.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Facebook 3D and Photoshop guide. How to turn a layered Photoshop image into Facebook 3D photo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/photoshopcafe.com\/#website\",\"url\":\"https:\/\/photoshopcafe.com\/\",\"name\":\"PhotoshopCAFE\",\"description\":\"Adobe Photoshop tutorials and Lightroom tutorials\",\"publisher\":{\"@id\":\"https:\/\/photoshopcafe.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/photoshopcafe.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/photoshopcafe.com\/#organization\",\"name\":\"PhotoshopCAFE\",\"url\":\"https:\/\/photoshopcafe.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/12\/cropped-psc512.png\",\"contentUrl\":\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/12\/cropped-psc512.png\",\"width\":512,\"height\":512,\"caption\":\"PhotoshopCAFE\"},\"image\":{\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/photoshopCAFE\",\"https:\/\/x.com\/photoshopCAFE\",\"https:\/\/www.instagram.com\/photoshopcafe\/\",\"https:\/\/www.linkedin.com\/in\/photoshopcafe\/\",\"https:\/\/www.youtube.com\/photoshopcafe\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/person\/a2452c052fad7b30a7d49eeefb8ec2b1\",\"name\":\"Colin Smith\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/91ba6bedfc9917695b2173d6cfaefe08?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/91ba6bedfc9917695b2173d6cfaefe08?s=96&d=mm&r=g\",\"caption\":\"Colin Smith\"},\"description\":\"Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors. Colin has Authored\/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He\u2019s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He\u2019s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe\",\"url\":\"https:\/\/photoshopcafe.com\/author\/colin-smith\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Facebook 3D and Photoshop guide. How to turn a layered Photoshop image into Facebook 3D photo - PhotoshopCAFE","description":"How to turn a layered Photoshop composite into a Facebook 3D photo in Photoshop tutorial. + 7 tips for better Facebook 3D photos,","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/","og_locale":"en_US","og_type":"article","og_title":"Facebook 3D and Photoshop guide. How to turn a layered Photoshop image into Facebook 3D photo","og_description":"How to turn a layered Photoshop composite into a Facebook 3D photo in Photoshop tutorial. + 7 tips for better Facebook 3D photos,","og_url":"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/","og_site_name":"PhotoshopCAFE","article_publisher":"https:\/\/www.facebook.com\/photoshopCAFE","article_published_time":"2019-05-22T19:50:01+00:00","article_modified_time":"2019-05-22T20:12:21+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3d-composites.jpg","type":"image\/jpeg"}],"author":"Colin Smith","twitter_card":"summary_large_image","twitter_creator":"@photoshopCAFE","twitter_site":"@photoshopCAFE","twitter_misc":{"Written by":"Colin Smith","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/#article","isPartOf":{"@id":"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/"},"author":{"name":"Colin Smith","@id":"https:\/\/photoshopcafe.com\/#\/schema\/person\/a2452c052fad7b30a7d49eeefb8ec2b1"},"headline":"Facebook 3D and Photoshop guide. How to turn a layered Photoshop image into Facebook 3D photo","datePublished":"2019-05-22T19:50:01+00:00","dateModified":"2019-05-22T20:12:21+00:00","mainEntityOfPage":{"@id":"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/"},"wordCount":1358,"commentCount":2,"publisher":{"@id":"https:\/\/photoshopcafe.com\/#organization"},"image":{"@id":"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/#primaryimage"},"thumbnailUrl":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3d-composites.jpg","keywords":["Layers","depth map","facebook 3d"],"articleSection":["Tutorials","MISC"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/","url":"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/","name":"Facebook 3D and Photoshop guide. How to turn a layered Photoshop image into Facebook 3D photo - PhotoshopCAFE","isPartOf":{"@id":"https:\/\/photoshopcafe.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/#primaryimage"},"image":{"@id":"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/#primaryimage"},"thumbnailUrl":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3d-composites.jpg","datePublished":"2019-05-22T19:50:01+00:00","dateModified":"2019-05-22T20:12:21+00:00","description":"How to turn a layered Photoshop composite into a Facebook 3D photo in Photoshop tutorial. + 7 tips for better Facebook 3D photos,","breadcrumb":{"@id":"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/#primaryimage","url":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3d-composites.jpg","contentUrl":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2019\/05\/facebook-3d-composites.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/photoshopcafe.com\/facebook-3d-photoshop-guide-turn-layered-photoshop-image-facebook-3d-photo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/photoshopcafe.com\/"},{"@type":"ListItem","position":2,"name":"Facebook 3D and Photoshop guide. How to turn a layered Photoshop image into Facebook 3D photo"}]},{"@type":"WebSite","@id":"https:\/\/photoshopcafe.com\/#website","url":"https:\/\/photoshopcafe.com\/","name":"PhotoshopCAFE","description":"Adobe Photoshop tutorials and Lightroom tutorials","publisher":{"@id":"https:\/\/photoshopcafe.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/photoshopcafe.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/photoshopcafe.com\/#organization","name":"PhotoshopCAFE","url":"https:\/\/photoshopcafe.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/photoshopcafe.com\/#\/schema\/logo\/image\/","url":"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/12\/cropped-psc512.png","contentUrl":"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/12\/cropped-psc512.png","width":512,"height":512,"caption":"PhotoshopCAFE"},"image":{"@id":"https:\/\/photoshopcafe.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/photoshopCAFE","https:\/\/x.com\/photoshopCAFE","https:\/\/www.instagram.com\/photoshopcafe\/","https:\/\/www.linkedin.com\/in\/photoshopcafe\/","https:\/\/www.youtube.com\/photoshopcafe"]},{"@type":"Person","@id":"https:\/\/photoshopcafe.com\/#\/schema\/person\/a2452c052fad7b30a7d49eeefb8ec2b1","name":"Colin Smith","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/photoshopcafe.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/91ba6bedfc9917695b2173d6cfaefe08?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/91ba6bedfc9917695b2173d6cfaefe08?s=96&d=mm&r=g","caption":"Colin Smith"},"description":"Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors. Colin has Authored\/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He\u2019s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He\u2019s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe","url":"https:\/\/photoshopcafe.com\/author\/colin-smith\/"}]}},"_links":{"self":[{"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/posts\/30543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/comments?post=30543"}],"version-history":[{"count":4,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/posts\/30543\/revisions"}],"predecessor-version":[{"id":30829,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/posts\/30543\/revisions\/30829"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/media\/30573"}],"wp:attachment":[{"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/media?parent=30543"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/categories?post=30543"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/tags?post=30543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}