The size of the document depends on how you want to ad to look. Do you want it horizontal or vertical? For this example, I’ll be starting with a horizontal document, around 1900px wide, by 1280px high.
When your document is created, it needs a background. This step can be done at the end, but I’ve found that starting with a semi-complete background allows me to better visualize the final result as it’s being built. For this design, I started with an almost black background (#141414), then on a new layer, add a few colored spots using a large, soft brush.
Many users may not know this, but Photoshop has a quick and simple way to create a 3D wine bottle. (New layer > 3D > New Mesh from Layer > Mesh Preset > Wine Bottle). But where’s the fun in that?! To demonstrate how to create a 3D object from a path, we’re going to create this one the ‘old-fashioned’ way!
Instead of guessing what a wine bottle looks like, it may be easier to use a photograph as an example! Try your best to find a photo that displays the bottle directly from the front. The image I’m using, I found over at PhotoXpress.com. Drag the photo into Photoshop, then drag out a vertical guide to the center of the bottle.
Creating the Path
Now that the reference is set up, it’s time to create the path. Luckily, we only need to create half of it, which is why the vertical guide was created. With your Pen Tool active, make sure that Path is selected on the Options Bar.
Using your Pen Tool, trace out the right side of the wine bottle. If you’re unfamiliar with the Pen Tool, check out this video! It’s important that you complete the path to ensure that Photoshop can create a complete 3D object.
Here is what the path should look like. (I’ve outlined the path in blue so you can see it better).
Now that your path is complete, it’s time to extrude it! On a new, blank layer, head up to 3D > New 3D Extrusion from Selected Path. You can hide your reference layer now.
That don’t look like a bottle!
Clearly! There are a few things that need to be done to get it looking like a bottle. With your 3D layer selected, choose the base mesh in the 3D panel.
With the base mesh selected, take a look at the Properties panel, and click on the Deform tab.
Here, we’re going to bend the extrusion around the left edge of the extrusion. Under the Deformation Axis section, click on the left transformation point.
Now that the deform point is set, it’s time to apply the Bend. At the bottom of the Properties Panel, make sure that Bend is selected, then decrease the Horizontal Angle all the way to -360 degrees. This will bend the extrusion around the left edge of your extrusion, creating a nice looking bottle.
The shape of the bottle is complete, for now. Let’s go ahead and light the scene. Start off by selecting the default Infinite Light in your 3D panel.
When the light is active, you should see the handle appear in the middle of your document. This controls the direction of your light. For this light, we want it directed from the right side of this bottle, so grab the smaller sphere, and drag it to the right until it’s more-or-less directly shining from the right.
When the light is in place, you’ll want to adjust the properties of this light in the Properties panel. As we’re going for an ad with ‘color’, the color of this light will be changed to a nice purple (#ac5cff), with an increased intensity (215%) and to move away from harsh shadows, increase the Softness to 65%.
In addition to the light we currently have lighting the right side of the bottle, let’s add an additional light to add a mix of color to the scene. In your 3D panel, press the Add New Light bottom, and choose another Infinite Light.
When the new light is ready to go, rotate it so that it’s slightly to the left of the bottle, and shining from the top.
Now just like the previous light, we’re going to edit the properties to add some color. This time, let’s use a blue tone, #0060ff, with the same Intensity and Softness.
If you read my post on Image Based Lights, better known as IBLs, you may have seen how they can drastically improve your 3D scenes in Photoshop. We’re going to add a simple IBL to really boost the effectiveness of the design.
Under the Environment properties, click on the folder icon beside the IBL, and Load in an image that you think would look nice in the bottles reflections. If you’re looking for some nice Image Based Lights, Adobe has a nice resource which provides free content for your 3D scenes. I’m going to be using one of the Creative Image Based Lights from Adobe’s site. You can also access this site from the 3D > Get More Content menu.
As we haven’t done much with our materials yet, your bottle probably won’t look much different with the IBL in place, but once we turn up the reflections, we’ll really start to see how using an IBL can benefit our scene. If you wish, the handle that you see below allows you to rotate the IBL’s image.
The scene is set, the lights are in place, now we need to make the bottle look ‘snazzy’. Let’s go through the materials to really drive this design home. As we created this shape by extruding a path, we’re going to be focusing on the Extrusion Material, but before we start that, we want to ensure that the other materials won’t get in our way. Go through all the other materials (Front Inflation/Bevel and back Inflation/Bevel) and set the Opacity of these to 0%.
Now we can focus on the material which will give our bottle it’s life, the Extrusion Material. Before we create the texture that will give us the water drops, let’s set the base properties first. I placed an asterisk beside the properties we’re going to be adjusting.
Diffuse: This will be the base color of the bottle. In this case, green. Of course, you can use any color that you wish.
Specular: This setting will really help accentuate the colored lights that we placed earlier. A lighter Specular color will create for more vibrant shines.
Shine: As we’re looking for a very shiny bottle, 75% should do the trick. The lower the shine value, the more ‘diffused’ the light will be.
Reflection: Right now, there isn’t much to reflect, but that will change! This setting controls how reflective our bottle it.
Bump: The Bump property adds texture to your objects. If you wanted the appearance of scratches or ‘scruff’, you could add a texture map to give that impression.
Opacity: Bottles are usually not opaque, so decreasing the Opacity will allow us to slightly see through the bottle.
You should start to see the benefit of the IBL at this point.
Creating the texture of the bottle will be a bit tricky, so make sure you follow along carefully. With the Extrusion Material still active, click on the folder icon to the right of Diffuse, and choose New Texture. Create a texture that’s the same size as your document. In this case, 1900x1280.
When the texture has been created, click on the folder again, and choose Edit Texture. This will allow us to add designs, color, and even water drops to our bottle if we choose. If you saw my “Beer Text” tutorial, you may remember that we created water drops using a custom brush and Layer Styles. We’re going to implement the same water drops for this design.
Let’s start with the brush! If you don’t see your Brush Panel on the right, activate it by going to Window > Brush. Go through the following sections:
When your brush is ready, on a new layer, paint in as many, or as few water drops as you wish. The color of the drops don’t matter, as we’re going to be removing the color in a moment. Black allows me to see them against the white background.
Now we’re ready for Layer Styles! The Layer Styles below are from Photoshop CS5, but aside from reordering, they are identical.
When the Layer Styles are set, you probably won’t be able to see much, as they are mostly transparent. Turn off the background layer, then save the texture. Command/Ctrl + S.
Hoping back over to your design, you should now see a few water drops scattered over top of your bottle.
As the design is unrendered, it may be a good idea to render it to see how things are looking. In your Properties panel, or under the 3D menu, hit Render.
We’re almost done! Here are a few additional steps you can take to finalize the design.
Color Intensity: Strengthen the highlights from the IBL.
Reflections Opacity: Defines how strong the reflections are.
Reflections Roughness: Roughs up the reflection so they are not too ‘sharp’.
If you feel your bottle is too thick, clicking on the base 3D object (Bottle), you can change the Extrusion Depth to create a skinnier bottle.
More Water Drops
Looking for more water drops? Hop back into the Extrusion Material properties, Edit the UV Properties, then increase the U and V Scales until you are happy.