In this video, I will show you how to create 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
Very interesting tutorial. It would be nice if one could print out the tutorial for future reference.
Jason,
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.
Here’s the written version, Jason.
http://blogs.adobe.com/creativecloud/how-to-create-3d-models-in-photoshop/
Nice, straight forward demonstration of the various 3D capabilities inside Photoshop, from UV maps to IBLs. Thanks, Jesús!
Thank you, Phillip!
I loved it. I hope you do more similar tutorials.
Thank you, Charles!
I’m planning on it. I really like working with 3D!
Very nice tutorial!
It just melted all the fear of approaching 3D workspace. Thank you!!
I’m glad this video made it accessible to you!
well done phillip thanks a lot
Hi 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
That was great, JR! It was a little fast for me, but replaying always helps!
David, I’m glad it was helpful!
I get as far as the creating the mask, then when I go to the 3d menu, everything is grayed out. can you help?
Trish, does your computer meet the minimum requirements for 3D? Photoshop disables 3D if it does not.
Hey 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!
Paige,
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.
THANKS!
Hey Jesus,
Excellent tutorial as usual. However I have a problem and so a question : For some reason when I render the texture on the surface of the telephone it creates an image inside the rendering image (whom suppose to be the surface of the telephone). I could show you all this by email actually it would be easier to explain, but maybe you’re already familiar with this problem ?
Wonderful tutorial; I learned a lot. Thank you. The one problem I ran into was the editing the IBL for the enviromental lighting. When I clicked on “Reveal All” nothing happened. The image of the background didn’t get bigger as shown in your tutorial.
Thanks again,
Terry