Articles, Blog

How To Create 3D Objects From Photos in Photoshop

September 4, 2019

Welcome back to another very exciting tutorial
here at the My name is Jesus Ramirez, and you can find
me on Twitter @JRfromPTC. In this video, I will show you how to create
a 3D model from a photograph. We’ll use two Adobe Stock images and we’ll create a phone
advertisement composition, something that has a night life feel to it. This technique
will allow you to create other types of images, like this one. But in this tutorial, we’ll
only focus on the composition with the night club Also, stick around after the tutorial because
I will take a few minutes to show you how to import 3D models into Sketchfab directly
from Photoshop. From Sketchfab, you can create a portfolio of all your 3D models, and also,
embed them into your website or blog, and interact with them in 3D space. It’s a real
cool way of displaying your 3D models online. Okay, let’s get started with the tutorial.
The first thing you need to do is create your document, so I’m going to go into File, New,
and I’m going to have a document that’s 1920 by 1080. I’m going to press okay, and, now,
we need to find images that we’re going to use for this tutorial. I already found those
two images on Adobe Stock. I created a library called 3D Phone Tutorial. You can create a
library by clicking on this button, here, Create New Library. You can name it what you
want and you don’t necessarily need to follow these steps in order to accomplish the effect,
but I wanted to mention the libraries, in case you want to start using them in your
projects. And, the two images that I want to use, as
I mentioned, are from Adobe Stock. So I’m going to go into Adobe Stock website,
and I already found the images that we’re going to use for this project. For the background,
we’re going to use this one titled ìbar in a nightclub.î You can see the file number
here, and, also, in the corner here. You can pause the video and write it down if you like.
And, what I’m going to do is I’m going to copy this number here and I can paste it in
the search bar, here, and click on go, and Adobe Stock will find that particular image.
You can click on it, and you can save a preview to any of your libraries or to the desktop.
If you’re in Adobe Photoshop CC, then you can create a library and save it there. If
you’re in an older version of Photoshop, you can just save it to the desktop. The phone that we’re going to use is this
one here. I’ve already licensed this image, so you can see the icon here, and you can
save this to your library. Notice that there’s no Preview button because this one has already
been licensed. You can copy the file number. In your case, of course, you, probably, will
have to write it down, and you can also find images directly from Photoshop. Notice this
search bar hereóSearch Adobe Stock. I can paste that number there and Adobe Stock will
immediately find that file, and I can download it to one of my libraries if I want to. I’m
just going to click on this X to get rid of that, and I have my two files here, so the
phone is easy to bring it. I can just Click and Drag that over on to the composition that
you’re working it with. So, from my background, I’m going to show
you how you would bring it in using an older version of Photoshop. Just go into File, Place
Embedded, find the file, and click on Place, and that’s going to bring it in. So you can
do either/or, and what I’m going to do now is Click and Drag at the background below
the phone. And I just want to mention that if you’re using a Preview file, you’re going
to see the watermark across the image, and that’s okay. You can still work with that
and practice with it, and if you’re ready to purchase, simply license the file. Okay,
so, now, let’s start working in the actual project, and the first thing that I’m going
to do is I’m going to create a mask around the phone, and I’m going to use a Vector Mask.
So what I’m going to do is I’m going to click on the Rounded Corner Rectangle Tool, and
make sure that I have Path selected, and then, I’m going to Click and Drag, and create a
rectangle that follows the shape of the phone. I’m not worried about the curve of the edges
yet. I’m just worried about the horizontal and vertical lines of the phone, and I’m going
to try to match those accordingly. I’m holding the Spacebar on the keyboard to
move the Path that I created, and once I’ve matched the lines of the edges of the phone,
I’m going to release my mouse button and it’s going to create a Path. Then, in the Properties
panel, I can Click and Drag, and round the edges more, so they match the actual phone.
And I’m a little bit off in certain areas, and that’s okay. It’s not going to make a
big difference. Then, I’m going to come and select the phone. I’m going to hover over
the mask icon button, here, at the bottom, and I’m going to hold Alt and Ctrl, that’s
Option Command on the Mac, and click. And this is going to create a Vector Mask. This
is not a mask that is created with pixels because the mask is created by using vector
curves, and if I click on the Path Selection Tool, you can see the Path here, and I can
move that around, but I don’t really want to do that. I just wanted to show you that.
What you want to do at this point is you want to make sure that there is no white along
the edges of the phone. If there is, just click on the Vector Mask, and then, press
Ctrl T, Command T on the Mac, and simply adjust the edges a little bit, and I’m going to bring
this in just a little bit more, and, maybe, bring this side in, as well. And that looks
pretty good. What I’m going to do now is click on the bar
background, and, actually, before I even do that, I’m just going to delete the original
background because I don’t need it, and I’m going to rename this layer to ìbackground,”
and I’ll rename the top layer “phone.” Okay. So, now, with the background layer selected,
I can press Ctrl T, Command T, to Transform, and I’m going to scale that up. I’m not going
to lose any resolution by up scaling it, because it’s a Smart Object. You can see the icon
there. The icon on the top, the little cloud icon, it means that it’s tied to the image
in your Adobe Creative Cloud library. The one on the bottom is not tied to anything,
but it is a Smart Object. So, I can move this around, and find a good spot for it and I’m
going to lapse this, just so we can see it better, and I’m going to Zoom In a little
bit, and I’m Zooming in by holding Alt, Option on the Mac, and using the mouse wheel to Zoom
In or Out. Now, it’s time to turn our phone into a 3D
model, so I’m going to click on the phone layer, then, I’m going to go into 3D, New,
3D Extrusion From Selected Layer. Photoshop, then, is going to ask me if I want to change
my work space to the 3D Work Space, and I’m going to click on Yes because I like this
arrangement of my panels when working in 3D. If you’re working in 3D, and you have the
Move Tool selected, you’re also going to get the 3D Tools on the Options bar, here, and
at the bottom, here. You should also see the ground plane grid. You can see those lines
here. And by using these three handles here, you can control the camera in orbit. You can
pan, and you can dolly the camera. And the first thing you want to do is adjust the camera
so that it matches the ground plane of the image. So, I’m going to place this accordingly,
here, and since there are no real lines that you can follow to find the horizon line, and
match the horizon line, there’s the horizon line of the 3D model here. You sort of have
to guess where it would be, and I think this is a good guess, so I’m going to dolly this
back, and pan this right about there, maybe, dolly it forward and I think this is going
to be a very good spot for it. What you want to do now is save your camera
so you can always come back to it. And before I save it, I’m, actually, going to Zoom Out,
just to make sure things look good, and I think that they do. So, this is going to be
a good place for my camera, and I’m going to click on Current View here in the 3D panel,
then I’m going to go into the View drop down, and save it. And I’m going to call it “final
view,” then I’m going to press OK. Now, if I move my camera around, I can always come
back to that same spot by clicking on the final view camera icon here. It brings that
back. So, no matter how much I move my camera, I can always come back to that spot that we
set as our final view. If at this point your phone is looking a little too small, you can
click on it, and you’ll see these handles, here, that you can Click and Drag. Each of
these handles has three areas we can click on. You have the tip here, which moves the
3D model, this one, here, rotates it, and this one scales it on whatever axes you’re
clicking on. I’m going to Undo that, and just remember, these handles control the 3D Object,
right down here, this control the camera. Okay. So, what I’m going to do now is I’m
going to rotate the camera a little bit just so I can see the side of the phone, and work
on the thickness. I can, of course, come in here and scale it along the Z-axis, but there’s
a better way of doing this. You can simply go into the Properties panel. Make sure that
this icon is selected, which is the Mesh icon, and Click and Drag the slider of the Extrusion
Depth to the left. Notice how the Extrusion Depth decreases and you just got to find an
appropriate width for your phone, so, maybe, something like that will work. Notice that
if I rotate the phone to the back, we also see the screen of the phone, and we want to
remove that. So, I’m going to click on it once, and notice how the Back Inflation Material
is selected, and what controls the color and texture of your 3D object is the Diffuse.
Currently, it’s set to gray, but notice this icon here of a file. That means that we have
a texture attached to it. That texture, if I hover over that icon, you’ll
see that it’s the phone that we started with. So I’m going to remove it. I’m going to click
on it and select Remove Texture. Notice what happened; this changes, and then, I can change
the Diffuse Color to whatever color I want. In this case, I want my phone to be black,
so I’m going to click on black, here, and notice the color changed. Then, press OK.
I can, also, click on the Extrusion, here, on my phone, the Extrusion Material. This
one does not have a material, but I can change the color to black as well, and I can rotate
the camera around. Now, we see our phone. And just as a point of reference, in case
you want to make some adjustments to your phone, if I click on one of the edges, it
gets highlighted on the appropriate material as you can see here or here. Anyway, so, on the Front Inflation Material,
we have a texture, and we obviously know what the texture is because the image that we started
with and I can edit that if I want to. So I can go into Edit Texture, Photoshop is going
to open up a new tab, and you can see the texture we’re working with. If I hide this
layer, you can see the UV properties of the texture. And this is what gives the texture
to the phone, so I can come in here and select this icon, here, and I can turn off the UV
Overlays, or I can change the color to, maybe, like red, or something else, but I’m just
going to leave it at black, for now. I can turn this on. I can create a new layer, and
I can paint something in here, so, maybe, I’ll just paint with red, so you can see how
that works. I’m just going to simply paint this red line. Then, I’m going to press Ctrl
S, Command S on the Mac, to Save, go back on to my 3D model, and you can see how that
change was applied. I want to go back into my texture here and
just simply delete that layer because we don’t need it. So that’s how you would go about
making changes to what’s displayed on the phone and I’m just going to close this and
save it. Notice that it’s now gone, and you can, actually, do the same thing to the back
side and add, for example, a logo or something like that, if you wanted to, by clicking on
the Move Tool, rotating the camera to the backside, clicking on it, and just make sure
you’re inside the 3D model, here. So I’m going to double click on this, click on the back
side. Notice that the Inflation Material is selected and you can just create a new texture
and place whatever you would like in the back of the phone. I’m not going to do that for
this tutorial, but I just wanted to mention that. Anyway, so now we have our phone in the 3D
space, and I’m going to click on the final view, just so you could see how it’s going
to look at the end, and we can work on lighting now. I can click on the Infinite Light. This
interactive display appears, and I can click on it and drag it and adjust the lighting.
Notice that the lighting matches the ground plane. And, by the way, if you have an object
and it is, maybe, under the ground plane, the effect won’t work. You got to make sure
that your object is sitting directly on the ground plane. So, if it’s not, select the
Object, then go into 3D, Move Object to Ground Plane, and there it is, sitting on the ground.
So, now, you can see the shadow interacting with the ground. So, maybe, this is a good
spot for the shadow. I like that, but it’s a little too sharp. So what I can do is under
the Infinite Light, soften up the shadow, and I’m going to soften that up quite a bit,
so, maybe, around 69%, and then, with the Marquee Tool, you can press M, or click on
this icon here, make a selection around the shadow and click on Render. The reason we’re making a selection is because
rendering can take quite a bit of time and by selecting a certain area, we save a lot
of time on rendering and we can see how an adjustment affects a specific part of the
3D model. And I like the shadow, and I’m just going to press the Escape key on the keyboard,
and then, press Ctrl D to Deselect, and I can keep working on my phone. I’m going to
click on the Move Tool, select the phone, and one of the things I’m going to work on
now is the cap of the 3D model, which is going to give a Bevel to the edge of the phone.
So what I’m going to do is I’m going to rotate it just a little bit, so I could see it right
about here. Then, click on the cap here, adjust the width. You can see how the phone comes
out, where you can have the phone go in a little bit, and, maybe, you can have a different
contour. So, maybe, a Cone Contour, press OK, and notice how that changes. And I got
to go back into the cap here, and adjust the width. It might be a little too much, and
you back in just a little bit, something like that, maybe. And, now, you can see the cap
there on the edge, and you can adjust that however you like. So, what I’m going to do now is go back into
the final view, click on the phone, hover over the Y-axis, rotate handle, Click and
Drag it and rotate it just a little bit, maybe, something like this, and, now, I’m going to
add just a little bit of reflection on the phone. And to do that, I’m going to use an
Image Based Light, so I’m going to click on the environment. I’m going to click on this
icon, here, and I’m gong to edit the texture. That’s going to open up a new tab. Currently,
this is our Image Based Light. If I click on the Layers panel, you can see it here,
and I want to work with the actual background that we’re working with. I’m going to click
on this tab, here, and I’m going to click on the background layer, right click on it,
and select Duplicate Layer. And I want to duplicate that on to the default IBL.psd.
Press OK, then go back to the Image Based Light, and you’ll see the image here. Unfortunately, the canvass is too small, but
we can increase the canvass to match the size of this layer by going into Image, Reveal
All, and it’s going to reveal all the pixels inside of this document, and here it is. So
what I’m going to do now is I’m just going to delete the background because we don’t
need it anymore, and I’m just going to press Ctrl S, Command S on the Mac, to Save, and
go back into the image we’re working with. Notice that now the phone has a little brown
tint to it, and that’s because the Image Based Light in the environment, here, is controlling
some of that light. If I Click and Drag on this orb, you’ll see that the phone is somewhat
reflecting the environment, but the reason that it’s not reflecting it that much is because
the reflection is set to zero. If I click on the Front Inflation Material,
hold Shift and click on the last material at the bottom. It’s going to select all of
them, and I can adjust the reflection of all the materials at the same time. I’m just going
to increase the reflection a little bit, about 19%. I can come back into the environment
and watch what happens when I rotate. Now, it’s reflecting more of that background, and
you can see on the edges, here, how that background is reflecting, and you just have to find an
area that you like, so, maybe, something like this. I think I kind of like that light. I
can click on the Marquee Tool, or simply press M, and just make a Render on the phone, just
so you can see how that’s working out. And, I can already tell that things are looking
pretty good, but the problem is that the phone is a little too bright, so, maybe, I want
to reduce the Infinite Light a little bit, so, maybe, bring that down, like so, and make
another render just to see how that looks. And that’s looking a little bit better. So
I’m just going to press the Escape key on the keyboard, and I want to move the Environment
a little bit more. I donít really like that red on the side of the phone, so I’m going
to try to get some of this blue there, and I like that better. So, let me just make a
Render here and see how that looks, and we’re just going to keep it here, for now. I’m not
100% happy with it, but I think this will work for the tutorial. What I’m going to do now is create the reflection.
It’s going to be coming off the table here. Notice that these lights are reflecting on
the table, so we want to match those reflections. With the environment selected, under Properties,
you can come into the ground plane options, and notice the reflections here. You can increase
the Opacity, so, maybe, do something like 17%. With the Marquee Tool, make a selection
under the phone, and click on Render, and you’ll see the reflection. The problem is
that it’s not strong enough and it’s not rough enough. So, I’m going to press the Esc key,
Ctrl D, Command D, to Deselect. Increase the Opacity a little bit; maybe 27%, and increase
the roughness about 11%, make a selection, Render. And I think this might be a little
too strong, still, so I’ll increase the roughness even more, 33%, and render again, and, I think,
this will probably work. So, we’re going to keep it here, for now. At this point, we can make final adjustments
to our phone. For example, we can position it better if we need to, so, maybe, move it
back, move it to the left. That way you can have room on this side to include some text
if you want to, and, now that I’m looking at it, I don’t think the phone is big enough,
so I can click on the center scale uniformly box, click and drag it to the right, to scale
uniformly, so, maybe, something like that. The problem, now, is that our 3D object is
not sitting on the ground plane, but we know how to fix that. We can go into 3D, Move Object
to Ground Plane, and there it is, and I’m going to push it back, just a little bit,
and, maybe, push it to the right some more, maybe, something like that. And we have room
to put text on this side, maybe, another phone on the bottom, and another phone behind this
one, and I’ll show you how to do that. When you select your phone, you have two ways
of duplicating the phone. You can duplicate a 3D object or create an Instance. A duplicate
means that you’re going to create another version of the same phone, but it’s not going
to have any ties to the original. If you Instance an object, you’re going to duplicate the phone,
as well, but it will be tied to the original, meaning, any changes you make to the original
will also affect the Instances. So that’s what I’m going to use for this tutorialóan
Instance Object. Notice that here, Phone 1, and I can Click and Drag it here, and, now,
I have two phones, and I actually want to put this one behind the other phone and I
also want to rotate it, so I’m just going to rotate it all the way to the back there.
And we move it out a little bit more, so we can see the back of the phone. Keep rotating
on the Y-axis, and just place it wherever you think looks good, maybe, something like
that. If I make a quick Render, you’ll see how that
looks. And we’ll just leave that there, for now. That looks okay. We can keep moving it
more if you want to, to create a better composition, but for this tutorial, I think, this will
be good enough. I’m going to Instance the original phone one more time, just so I can
show you how to place a phone lying on the table. So I’m just going to make an Instance,
Click and Drag that and move it out, and rotate it along the Z-axis 90 degrees. If you can’t
get to it by dragging this, you can always click on this icon here, on the coordinates,
and just type 90. Then, click and push it down or simply go into 3D, Move Object to
Ground Plane, and now the phone is on the table, and we can move it around. We can rotate
it accordingly. Maybe, we can just rotate this one to this side, and move it back along
the table, somewhere there. I’m going to press M on the keyboard for the Marquee Tool. At
this point, I can do a render of the entire composition, or I can come into the Layers
panel, and I can keep making adjustments that will further enhance this image. One of the things I’m not liking is that I’m
looking for a night club type of vibe, and it’s a little too bright. It doesn’t have
a lot of contrast, so I’m just going to use a regular adjustment layer to fix that. I’m
going to click on the Adjustment Layer icon here, then go into Gradient Map, and I’m just
going to color gray this image using this gradient map. I’m going to select a different
one, though. I’m going to click on this Gear icon, here, and choose Photographic Toning,
press Ok, and then, click on this one right here, right in the middle, blue number two,
then go into the Blend Modes, and choose Soft Light, and look at the difference, before
and after. Now it has more of that night club feel that I’m going for. I’m just going to
bring the Opacity down just a little bit, maybe, about 81%. What I will recommend doing
now is just rendering the entire image and after you make that render, you may need to
make a few adjustments with Gradients, with Curves, or something like that. And what I’m going to do now is I’m going
to render the entire scene by making a selection around the areas where I have 3D models, and
I’m just going to subtract the areas where there are no 3D models, like right here, just
so that the image only renders these areas. I don’t need to waste time on the side here,
so this is what I’m going to render. I’m going to actually subtract from this side as well,
and I’m just going to disable the Gradient Map layer, and just do a render, just so we
can actually see what the render’s going to look like without the effects. But, once the
render is complete, we will apply the effect again, by enabling the Gradient Map. And the
rendering is going to take a little while. So what I’m going to do now is just pause
the video and let Photoshop continue with the Render. And the rendering is now complete.
You can see the shadows and reflections of the phones on the surface here. I’m going
to go ahead and enable the Gradient Map Overlay to apply the style we had before. At this point, we pretty much know what the
composition. One of the few things that you might want to do is make some adjustments
just to further enhance the realism of this image. One of the things that I will do, for
example, will be to work with the screen. The screen looks a little bit dim, so one
of the things that you can do is with the phone layer selected, you can come into the
Polygonal Lasso Tool and I’m just going to do it quickly here, but you may want to take
a little more time if you’re working on a project. Make a selection out of the screen.
Once you have the selection, you can press Ctrl J, Command J on the Mac, and that duplicates
that layer, and I can just set the Blend Mode to Color Dodge, and the screen looks just
a little bit brighter. You can also bring down the Opacity if you like, or even apply
a Layer Mask, and mask out some of the areas that might be a little strong. So I’m going
to select a Soft Brush, so the Hardness will be at 0%. Use the bracket keys on the keyboard
to increase or decrease the size of the brush, and just, maybe, brush out some of the parts
in the middle here, but with the mask selected in the Properties panel, I can use the Density
and adjust the Opacity of that mask. And then, maybe, I could add an Outer Glow, so I would
select Overlay, and, maybe, an orange color, like so, and adjust the Opacity of the glow,
maybe, something like that. So, this is what we had before, and this is after. And you
may want to do the same on the reflection in the surface, just to make it a little more
realistic. Creating the tutorial, I decided that I was
just going to spend just a few minutes showing you how you can get your 3D model into Sketchfab,
which allows you to create an online portfolio of your 3D models, and you can embed them
into your website, much like you could embed a YouTube video. So, I’m going to quickly
show you how to do that through Photoshop. I’ve gone ahead and added just a few things
to the 3D model that we created in the tutorial, including some buttons, here on the side,
and a camera, and the Photoshop Training Channel logo on the back of the phone. And, before we go any further, I just want
to point out that you do need to create a Sketchfab account. So you need to go into and create an account. So, what you need to do is go into Photoshop, then
go into 3D, Share 3D Layer on Sketchfab. Click on that and Photoshop is going to ask you
to input a token ID, which is going to allow you to import the 3D model on to the website.
You can click on Request Token and have a token emailed to the email that is tied to
your account. I usually find that this takes a little bit too long for me. What I like
to do instead is go into the actual Sketchfab website, then, go into their Settings, Password
and API, and copy the API token directly from here. So, highlight it, copy it, go back into
Photoshop, and you can paste a token here. Then, you can add a title, description and
tags to your 3D model. You can decide whether it’s a public 3D model or a private 3D model,
then click on Upload, and Photoshop will then upload the 3D model onto the website. And,
from the Sketchfab website, you can see the 3D model that you brought in from Photoshop.
You can click on it, and rotate it, and see the 3D model in 3D space. You can also click
on this embed button. You can copy the code and paste it on your website. This is an iframe,
much like a YouTube video, so you can just copy that code onto your website, and display
this 3D model. Essentially, this window you see here on your website. A couple of things I want to mention before
we finish is that if you want to get this glossy, reflective effect, you need to go
into Settings, 3D Settings, and adjust the materials for each of the faces of the phone.
So, for example, the front face material, here, is Front Inflation Material. And notice
what happens when I change the Specular Colors to the reflection. So adjust it accordingly
on Specular, and then, on Environmental Reflection, you can bump that up or bring it down accordingly.
And you will need to do that for all the Inflation Materials that you want to have a reflective
surface on, and then, you can just rotate it and see how the reflection works. I’m going
to go ahead and exit this. I’m not going to save it but you may want to save it. And, the last thing that I want to mention
is that when I was working on importing this 3D model onto Sketchfab, I kept getting this
result. The textures were not working properly, as you can see there. So, what I needed to
do is go into Photoshop. With the 3D model selected, go into 3D, Generate UVs, press
OK, and uncheck Merge Materials and keep Low Distortion checked, and press OK. And this
is going to regenerate the UV Textures on our phone, and it should allow it to be imported
into Sketchfab accordingly. And, by the way, after you create a Sketchfab account, feel
free to follow me. My username is JRfromPTC. You can search that on the search bar, or
you can find a link to it from the description of this video. And that’s it for this tutorial. I hope that
you enjoyed it and that you learned something new. If you have any comments or questions,
leave them down below. If you enjoyed the tutorial, don’t forget to click that “Like”
button and share this video with a friend. If you haven’t already, subscribe to the Photoshop
Training Channel now. Thank you for watching and I’ll talk to you again, soon.


  • Reply Cane January 19, 2016 at 5:34 am

    First 🙂

  • Reply Zak Rafik January 19, 2016 at 6:00 am

    Awesome to the power of hundred. 🙂

  • Reply Chirag Shah January 19, 2016 at 6:37 am

    Great tut. I learned a lot. thanks.

  • Reply shailendra kumar January 19, 2016 at 7:32 am

    wow…awesome tutorial ..thank you PTC 🙂

  • Reply Ric January 19, 2016 at 7:57 am

    Great tutorial about 3D in Photoshop. Thanks man.

    I will learn more how it works 3D in Photoshop. Have anyone know more tutorials on YouTube?

  • Reply Zendail January 19, 2016 at 9:18 am

    How did you add the buttons

  • Reply Albertech January 19, 2016 at 9:25 am

    Excellent! How do you put the volume buttons? Cheers!

  • Reply Yücel E. January 19, 2016 at 1:25 pm

    Great Thanks. 🙂

  • Reply Keo Vichet January 19, 2016 at 2:30 pm

    i learn alot today, thanks for sharing

  • Reply Robert Harezlak January 19, 2016 at 2:38 pm

    Great lesson! Thank You 😀

  • Reply SurgicalSoap January 19, 2016 at 3:22 pm

    I have cc2015 but no 3D option. Is that normal?

  • Reply Purpl3K January 19, 2016 at 6:42 pm

    thanks…..appreciate all you  do

  • Reply Zip Zap Zoe January 20, 2016 at 6:38 pm

    Love it ♥

  • Reply Vortexsus January 20, 2016 at 8:25 pm

    I have Adobe Photoshop CS6 version 6.2, but when I I have completed the shape around the phone, there is nothing I can do. There is no properties for the shape I made. I made sure the settings was right, just like yours, but when I release the mouse button, the properties panel will not pop up.

  • Reply Raymond St Paul January 21, 2016 at 10:16 am

    Question how do you put a design on the back of the phone if for example you want to put a battery compartment or other item onto it say for example a company logo instead of just a a blank space?

  • Reply Mayc Chieu January 21, 2016 at 12:44 pm

    great tutorial. I enjoy all your tutorial. Thanks

  • Reply Remo Fiore January 24, 2016 at 1:32 pm

    Excellent tutorial as always, extremely informative and well put together.
    Thanks for sharing your expertise. Very much appreciated

  • Reply Kaushal Mehta January 27, 2016 at 2:20 pm

    Many thanks for such a descriptive video.
    Can you please show how to create hollow 3D objects, create custom 3D textures and prepare everything for 3D print?

  • Reply Julie Gilson January 27, 2016 at 10:20 pm

    This is unrelated to the video, but is there a trace image function in PSE 12

  • Reply Marcio Cruz February 3, 2016 at 1:28 pm

    very nice ! many thanks !

  • Reply Calen Chen February 5, 2016 at 9:16 pm

    wonderful tutorial. superb

  • Reply Bzaro Media February 8, 2016 at 1:25 pm

    PTC, Awesome tuty! Much appreciation. I do understand the technique which you have taught us in this tuty, however, i've had a ruff time trying to do this technique using a photo which is not square shaped etc. How is it possible to use this technique on this picture and change their branding into a custom label that i've created? This is the picture that I am trying with:
    Help please!!! Thanks in advance

  • Reply Neutrino February 15, 2016 at 8:42 pm

    is there any way to export the 3d model to any 3d program like blender

  • Reply Shaheen Khan March 6, 2016 at 1:29 pm

    wonderful and very helpful!!!

  • Reply Nunch March 17, 2016 at 9:47 am

    Awesome. Thank you for technic.

  • Reply JBHMEDIA April 7, 2016 at 7:34 pm


  • Reply Afif S May 25, 2016 at 1:51 am

    Hey, does anyone know how to duplicate/instance the 3d model on Photoshop cs6? RE: I found out you can't so ingore this question.

  • Reply Ligia Maria June 18, 2016 at 10:32 pm

    Amazing!!! Thanks for this tips 👏👏👏

  • Reply Manish Badola September 1, 2016 at 9:25 am

    Thank you ! You made my day 🙂

  • Reply Jon Snow September 1, 2016 at 1:34 pm

    amazing tutorial, easy to understand, thanks for the great tips..

  • Reply Michael Cobbs September 20, 2016 at 2:11 am

    Awesome tutorial.

  • Reply Daniel Yobo January 24, 2017 at 11:57 am

    Sir How come i have never heard of you till now? Awesome Tutorial. I doff my hat to You Sir.

  • Reply Mahmoud Teilab February 15, 2017 at 7:32 pm

    you have done a great work here . so i`m going to ask you how to create a transparent mobile cover like these on spigen or verus lab

  • Reply Brendan Goodenough March 6, 2017 at 6:56 pm

    Excellent Jesús!
    So many sites have written-off photoshop 3D as a gimmick, clearly because they haven't mastered it, you are proving them wrong 👍🏻👍🏻👍🏻🇬🇧🇬🇧🍻🍻

  • Reply varun ps March 10, 2017 at 11:03 am

    Awesome tut. Thank you so much!!

  • Reply Lah Lu March 28, 2017 at 3:39 pm

    i love you!!!!!

  • Reply Rodrigo S April 15, 2017 at 9:10 pm

    How can I do the back part of the phone by a photo?

  • Reply Dewayne Ramseur May 24, 2017 at 6:00 am

    Great work what is the best email to reach you at? I want to show you m work. I also need insight on a project Im working on to show my CEO.

  • Reply Gareth Jenkins May 25, 2017 at 3:52 pm

    This is a fantastic tutorial. I have subscribed to your youtube channel. Just one question. I have created a simple cube with images on both the front and back. But how can I then add images to the other sides of the cubes?

  • Reply Jaina Gandhi May 27, 2017 at 6:01 am

    amainggg video thank you so much for sharing it. Its so detailed and covers so much

  • Reply Hynnd May 29, 2017 at 3:17 pm

    i have Photoshop CC 2017 but i dont have the 3D button at the top

  • Reply Tri Thức Nguyễn July 8, 2017 at 10:00 am

    I've turned my Photoshop skill to the next level sir!

  • Reply Jess Del Papa July 12, 2017 at 1:14 am

    Thx for the vid.

  • Reply Naresh Ugaonkar July 20, 2017 at 6:00 pm

    Best Photoshop 3d chanel ever

  • Reply paramasivam s July 22, 2017 at 6:53 am

    Can i create animations using pictures made from Photoshop touch

  • Reply Francis Mattis October 31, 2017 at 2:41 pm

    Hi PTC. Can you please make a tutorial on how you did put the buttons on the side and the logo as well. and eventually cameras on both sides. thank you
    This tutorial does'nt cover that

  • Reply Ryan Rios December 21, 2017 at 6:34 am


  • Reply Alam Bebar December 29, 2017 at 10:17 pm

    best channel ever!

  • Reply d fregolle January 7, 2018 at 8:44 pm

    great video, looking for more!

  • Reply VIKTOR January 27, 2018 at 11:40 am


  • Reply Moar Draw March 11, 2018 at 6:45 pm

    6:30 to cut to the chase

  • Reply William Takor M-A. March 13, 2018 at 6:13 pm

    has any one found a better tutorial please? this is very very very vague

  • Reply sean chew March 15, 2018 at 5:06 am

    Thanks for sharing. Appreciated it.

  • Reply Richard Hernandez April 2, 2018 at 4:41 pm

    Extremely well coordinated and elucidated. I learned a lot. Thanx…

  • Reply Bac Nguyen June 13, 2018 at 10:33 am

    Thank you ! to me I think I have to a long time to practice it but it is very good technic for me to learn…

  • Reply Burlung.B. Narzary June 28, 2018 at 3:45 am

    tnkks for video

  • Reply Jardy July 19, 2018 at 9:05 pm

    Can you make a phone ad with this like say an apple phone ad?

  • Reply Juan Pérez August 1, 2018 at 10:03 pm

    Too much work but it looks awesome !!

  • Reply Daniel Makk August 14, 2018 at 1:05 pm

    I try to use one of my pictures to do this, but the 3D options dont let me, can you tell me why this is so.

  • Reply Freddie Valdez August 30, 2018 at 5:05 am

    I like 3D in Photoshop. Finally. Thank you Jesus for Jesús! You make learning this stuff fun. I like your channel more than Netflix… 🙂

  • Reply natelmrgt1 October 17, 2018 at 5:49 am

    It would be neat to do this with more complex photos like cars, but there are Adobe apps that specialize in 3d objects

  • Reply Angelos November 19, 2018 at 4:17 pm

    Awesome tutorial, would love to see more 3D designs!

    I like the way the model is showcased in sketchfab, is it possible to display the phone like yours in sketchfab on a website as a standalone phone that you can maybe rotate or rotates automatically? without a background, sorta like a PNG?

    So the phone has all the reflections etc exactly like yours only without a background.

  • Reply Ajabu Niyehu January 30, 2019 at 8:38 pm

    Thank you this is helpful. But i am having problems with some objects, like a 2d battery image making it life like , some mario characters, butterflies and emoji can you help by making another video about cartoon characters etc please please thank u

  • Reply HAIFOTO February 4, 2019 at 12:16 am

    Great Tutorial!

  • Reply Kathy February 21, 2019 at 6:05 pm

    Very nice and easy to understand. Thank you.

  • Reply Neha Biluve April 11, 2019 at 8:35 pm

    How can you make a video of showing the object as a 3D object? Instead of embedding

  • Reply Neverman Is Here May 17, 2019 at 4:12 pm

    Thank you. Even after 25 years doing art and design I still learn new techniques from you. The only critique I have is that the positioning of the backwards phone with the shadow from the first phone, makes it look like it's all one big plastic piece, instead of 3 elements. But shadows aren't the theme of this tutorial so…

  • Reply Neverman Is Here May 17, 2019 at 4:15 pm

    @25:00 love what you did here. Such a simple but effective little trick. Nice.

  • Reply Come On In We're Dead July 2, 2019 at 4:24 am

    I'm looking for things much more complex then an extrusion… what if I wanted to photograph a car from several angles and then convert it to a 3d object…. there has to be a way to do that…

  • Reply Just Take The First Step July 26, 2019 at 6:26 pm

    is poaaible in cs6

  • Reply MuzikkZone July 31, 2019 at 7:31 pm

    Hey man. I came back to this tutorial. Can you show us how you put the back part on the phone perfectly? I know how to add a image but it's never the right size. I need your help. This is the tutorial that got me started understanding years ago. Thanks. Hope you respond.

  • Reply MuzikkZone July 31, 2019 at 11:02 pm

    How did you put the back plate on the iphone? I can get anything to line up perfectly. Maybe I should try in cc 2018.

  • Leave a Reply