Join Justin Seeley for an in-depth discussion in this video Preparing the original photo, part of Photoshop for Designers: Practical 3D Designs.
- View Offline
- [Instructor] All right, now it's time to start our second project, and this time around, we're not going to be just doing a simple 3-D text extrusion. No, no, we're actually going to be creating our own three-dimensional object from scratch. I'm going to start off here by resetting my workspace to the Essentials workspace, so we have access to all the regular parts of Photoshop, 'cause I'm not actually jumping into 3-D space right now. All I'm going to do is do what I call photo preparation. So, exactly why am I doing this? Let's start off by explaining that. Well, when we have an object like this, this bottle, for instance, and the client comes to us and they want us to use this in, let's say, an advertisement.
The problem with this is, the bottle in a photograph form is just a static object. I can't rotate it, I can't really tilt it in a meaningful way where it looks like it's in 3-D space or anything like that. Sometimes it's really difficult to get what you need out of this particular object. But if you take this object and then use it to create your own 3-D object that you can then manipulate after the fact, you get a lot more flexibility, and sometimes an even more realistic result. So let's go ahead and prep this photo first.
First thing I'm going to do here is I'm going to go ahead and grab my Quick Selection Tool. A Quick Selection Tool, and let's increase the size of my brush to somethin' around 100. And then we'll just click and draw around the outside of the bottle. Now, to make sure that you have a decent outline around the bottle, go ahead and click right here where it says Select and Mask. If you're using an older version of Photoshop, you could do much of the same thing inside of the Refine Edge dialog box. Now, once I have this done, I'm going to zoom in so that I can see all the different parts here, and inside of this section I want to make sure that I'm viewing this black-and-white, that way I can see clearly the differences between the edges and everything.
And it looks fairly good, I guess. Let's see, make sure it didn't get any of that shadow area down there. Nope, everything looks pretty clean, so I think we're good to go here. Once I'm done, I'm going to make sure this is set to output to Selection and hit OK. Now, why am I outputting it to a selection? Because now I want to take this and I want to turn it into a shape. So first things first, let's invert the selection, 'cause right now I have everything but the bottle selected. So let's go to Select, Inverse, and now the bottle itself is selected. Now, when we are working with 3-D objects, this is the same trick that I've used in Illustrator before, so if you've watched my Creative Quick Tips series, you've probably seen me do this revolve trick that I'm going to do later on.
In order to do that trick, and do it properly, I only need half the bottle. So in this case, I'm going to grab the Marquee Tool and I'm going to hold down the Option key on the Mac, the Alt key on the PC. I'm not going to let go of that key until I'm finished making this selection, so hold down Option or Alt. You'll see when you do that that there's a little minus symbol that comes up on the Selection icon. And then I'm going to draw just like this. Now, if you use Photoshop Smart Guides, there is a little purple line that will briefly appear when you're directly in the center of this object.
It's kind of hard to hit, but once you're there, you'll see it all the way up and down. And then I'm going to release my mouse, and then release the Option or Alt key. And as you can see, now it has just half of the bottle selected on my screen. Now from here, we're going to go over to the Paths panel, and inside of the Paths panel, we're going to go down to the bottom, and we're going to click on this little icon that says "Make work path from selection." It's the icon directly in the middle. Three icons on either side of it, so just click this.
That's going to create your new work path. You'll see the path created with all the anchor points around it, and then with that path selected, I want you to go up to the Edit menu and choose Define Custom Shape. Inside of the Custom Shape dialog box, we're going to rename this, so I'll just call this something like Bottle Outline, and hit OK. So that's now a custom shape. I can delete the work path, don't need that anymore. Go over to the Layers panel, and now we're just going to test out our custom shape.
So let's grab the Custom Shape Tool over here, go up to the top, there's my bottle outline. You can see I was creating one earlier when I was practicing. That's still in there. And so now what I'm going to do is just click and drag out, and there's my bottle. Now, what I'm looking for here, I'll click away from it then click back on it. What I'm looking for here is that clear, defined edge to make sure that it's still intact, so let me zoom in, and there you can see, see how much cleaner that is than just a regular old selection? It's a vector object, after all, so everything's going to be nice and clean, smooth lines, all the way around the outside of it.
Now, if you wanted to, you could also just have drawn this with the Pen Tool, but I find this is a little bit easier because you don't have to do all the clicking and dragging and drawing. I'm you're a Pen Tool enthusiast, like I tend to be, you may want that level of control, but if you're not, this is the easy way around it. So that's pretty much all we have to do now, because now that custom shape is saved in our Shapes library, so now we're ready to take that custom shape and turn it into a 3-D object.
- Practical 3D examples
- Extruding type
- Lighting and shading 3D type
- Creating a 3D product shot
- Extruding a photo into a new 3D layer
- Rendering a product shot
- Extruding a logo
- Adding effects