Today we will be drawing a realistic can of Coca-Cola. In this tutorial, you will learn how to use 3D functions in Photoshop, how to make label design (you can use these techniques to create your own labels), as well as changing the light settings so that the 3D model seems realistic.
For the lesson we need:
Adobe Photoshop CS4 (or CS5)
Font Loki Cola
Translator’s Note: lesson suitable for advanced users.
This is the kind of work we should have:
Well, let’s get started.
Step 1. Let’s start with the label design. You can download a label from the Internet, draw your label, or try to draw a Coca-Cola label on the lesson.
Open Photoshop and create a new document 800px wide and 700px high. Unlock the background layer and open the panelLayerStyles (Layer styles), go to the gradient tab Overlay (Gradient overlay) and set there the following parameters:
Step 2. Write the text “Coca-Cola” (in a new layer) using the font you downloaded at the beginning of the lesson and using FreeTransform (Free Transformation, Ctrl+T), position it as shown below:
Step 3. Apply LayerStyles (Layer styles) for text: DropShadow (Drop Shadow) and GradientOverlay (Gradient overlay). Use the following parameters:
Step 4. It’s time to add details. Tool PenTool (Pen) draw white shapes as shown. Set the layer blending options (for each layer with the shape): Fill(Fill) -45%,BlendMode(Parameter overlay) – Overlay (Overlay):
Step 5. With the same tool draw a white shape, open LayerStyles (Layer styles) and set the parameters DropShadow (Drop Shadow):
Distance (distance) – 0px, Size (Size) – 26px, Opacity (Opacity) – 70%, color – black, Angle (Angle) – 150 °.
Step 6. Add a few more details to the shape created in step 5.
Using PenTool (Pen) add 2 more thin slim shapes.
Then create back mask for a layer with a white figure and fill it with those brushes that you downloaded at the beginning:
Step 7. Add a few more details: barcode, composition, various signs. Using a scattered brush with a variable size, paint on the edges of the white shape. Make the label more realistic. As a sample, you can use the original jar.
Step 8. Create water droplets on the label. The author used this video lesson:
Step 9. So our label is ready. Now we need to prepare it for use in 3D. Select all layers and group them into a group (Ctrl + G) and name it “Body Design “:
Step 10. To create a 3D shape, we have 2 options: You can import a shape in * .3DS format or create a shape in Photoshop. The author tried both options and advises the second. We’ll talk about him. So select our group and follow the steps. 3D – NewShapeFromLayer – SodaCan (3D-A new figure from the Soda Bank layer)
As you can see, the group was transformed into a 3D layer with two sub-layers: one layer for the top and bottom of the jar, the other – which has the name of our group – for the central part of the form.
Step 11. We work on the design of banks. Open the Cap_Material sub-layer (double click). We have opened a new document in the format *. PSB
Insert the aluminum texture you downloaded at the beginning of the lesson into the center of this document. Then click Ctrl+S, wait for the save and close this layer. After closing, you can see that our texture has loaded, and the bank has become similar to the bank.
Step 12. Now let’s work on the lighting. Choose a tool 3DObjectRotateTool (Turn tool 3D objects) and the top of the screen set the parameter Position (Position) on Front (Front):
Step 13. We continue to work on lighting. Double-click on the icon of the 3D layer, in the window that opens, click on the light bulb icon. Here you can set the lighting parameters.
Step 14. Now you can move light sources. Photoshop by default creates 3 light sources, you can add them even more (to do this, click on the icon of the new light source at the bottom of the panel), but in this lesson we will work with three. Click the button Toggle lights (Switch lights), then click on the light source rotation icon (marked in green in the figure), select the 1st light source, move the mouse to the canvas and rotate. So adjust all light sources:
Step 15. Photoshop also allows you to change the properties of materials. Click on the icon next to the light bulb icon. (Filter by Materials and select the Cap_Material layer (the layer where our texture with aluminum lies) and set the following parameters:
(Glossiness(Gloss) by 90% and Shininess(Bleks) up to 30%. If you want to change the gloss color, change the color to the mirror version.)
Now the same operation, only for the Label_Material layer (Layer with label):
(Glossiness(Gloss) up to 80% and Shininess(Bleks) up to 90%. This will add a series of light stripes imitating brilliance, which increases the effect of realism)
The final step. Right-click on the 3D layer and select RenderForFinalOutput(Visualization for final output). It is necessary to improve the quality.
On this our lesson is over. I hope that the skills acquired during the lesson will be useful to you in further work in Photoshop. Here is the final result:
(click on image to enlarge)