In this video I will show you how to create a 3D Objects from a photograph in Photoshop.
We’ll use two adobe stock images, and we’ll create a smartphone advertisement composition.
Bar Background Image:
https://stock.adobe.com/stock-photo/bar-in-a-night-club/80838657
Cell Phone Image:
https://stock.adobe.com/stock-photo/modern-mobile-phone/91187020
Also stick around after that tutorial because I will take a minute to show you how you import 3D models into Sketchfab directly from Photoshop.
From Sketchfab you can create a portfolio of your 3D models and also embed them into your website or blog, and interact with them in 3D space.
Check out the interactive 3D object below.
Phone Modeled in Photoshop
by JRfromPTC
Inspired by my good friend, graphics guru, Mark Heaps
If you liked this article, then please subscribe to our YouTube Channel for more free Photoshop video tutorials. You can also find us on Facebook and Instagram.
Final Image
Drag The Slider To See Before & After
Jason Levi says
January 20, 2016 at 11:32 amVery interesting tutorial. It would be nice if one could print out the tutorial for future reference.
Photoshop Training Channel says
January 20, 2016 at 11:38 amJason,
Funny that you should ask.
This is also my first ever written tutorial. It will appear on Adobe’s blog here:
http://blogs.adobe.com/creativecloud/
It has not been published yet, but I’ll let you know when it does.
Photoshop Training Channel says
February 1, 2016 at 1:50 pmHere’s the written version, Jason.
http://blogs.adobe.com/creativecloud/how-to-create-3d-models-in-photoshop/
Philip says
January 20, 2016 at 12:33 pmNice, straight forward demonstration of the various 3D capabilities inside Photoshop, from UV maps to IBLs. Thanks, Jesús!
Photoshop Training Channel says
January 20, 2016 at 12:36 pmThank you, Phillip!
Charles says
January 20, 2016 at 1:09 pmI loved it. I hope you do more similar tutorials.
Photoshop Training Channel says
January 20, 2016 at 1:22 pmThank you, Charles!
I’m planning on it. I really like working with 3D!
Nitin Mungale says
January 20, 2016 at 5:00 pmVery nice tutorial!
It just melted all the fear of approaching 3D workspace. Thank you!!
Photoshop Training Channel says
February 5, 2016 at 10:39 amI’m glad this video made it accessible to you!
Anthoney says
January 20, 2016 at 9:24 pmwell done phillip thanks a lot
Charles says
January 23, 2016 at 2:44 pmHi JR,
This question is not related to this tut but I wanted to to get in touch with you and thought this would be the easiest way. I have already sent you my comment.
I just received an email from Adobe Creative Cloud titled “Discover New Ways to Make Amazing Work Wherever You Are.” Open that page and scroll down to “Try Something New” and click. A page opens and on top you’ll see a a picture with a sort of marble background and a lucite box that contains some pictures. Could you please tell us how that is done particularly the lucite box. Also when you make 3D Postcards how do you orient them precisely in the same direction? Is there a readout box for it ? If you want me to I can send you a screen shot of the picture. Thank you
David Davis says
February 1, 2016 at 4:51 pmThat was great, JR! It was a little fast for me, but replaying always helps!
Photoshop Training Channel says
February 10, 2016 at 10:30 amDavid, I’m glad it was helpful!
trish says
September 6, 2017 at 7:50 amI get as far as the creating the mask, then when I go to the 3d menu, everything is grayed out. can you help?
Photoshop Training Channel says
September 16, 2017 at 4:00 pmTrish, does your computer meet the minimum requirements for 3D? Photoshop disables 3D if it does not.
Paige says
September 13, 2017 at 8:06 amHey JR!
Thanks for the awesome tutorial, do you have one on how you made those buttons? My 3D rending is complete except I can’t figure out how to make the buttons on the side of the phone where the extrusion material is. Thanks!
Photoshop Training Channel says
September 16, 2017 at 3:58 pmPaige,
I created a cube and just extended it and placed it accordingly. You will have to put both the phone and the cube in the same 3D scene. To do so, Press Ctrl E (Mac: Command E) Then move it around and scale it to match he phone. Then apply a material of course.
Paige says
September 19, 2017 at 7:08 amTHANKS!