Learn How To Draw a Dose(Can) in Adobe Photoshop
by Cucu Tudor-Ionel & Chitea Viorel
Description : If you’ve ever wanted to draw a soda or beer can / dose for your print design endeavors, here’s your chance to learn how! This detailed tutorial shows us how to create a realistic looking dose. Warning: kinda makes ya thirsty!
Authors: Cucu Tudor-Ionel & Chitea Viorel
Freelance graphic designer Cucu Tudor-Ionel is a student located in Bacau, Romania and currently writing tutorials based on personal projects. At the age of 13 he started working in Photoshop doing virtual-tuning, and then creating different tutorials and websites in his non-existent free time.
Chitea Viorel Costin, a student living in Slatina, Romania, likes graphic design and has worked in Photoshop since the age of 14.
- Program: Adobe Photoshop
- Version: CS4
- Difficulty: Intermediate
- Download: Photoshop PSD HERE!
Step 1: Create a new document
Create a New Document (Ctrl+N) 800×1100 pixels at a resolution of 300 pixels/inch. Make new layer and create the same shape as i did using pentool as in the image below.After you closed the selection change the name of the layer in "top part" .
Right Click and select "Make Selection" and set the Feather Radius 0. Fill the selections with black and deselect (CTRL+D) .
Apply a Gradient Overlay Layer Style (Right click on the layer – Blending Options>Gradient Overlay).
Use these settings: Blend Mode set to Normal. Style of Linear and Angle set to 0 , Gradient set at this mode :
1 – Color #bfbdb1 Location 0%
2 – Color #a9aaa3 Location 25%
3 – Color #fefffe Location 50%
4 – Color #bfc0b9 Location 75%
5 – Color #cdcac1 Location 100%
Create new layer and make a "Work Path" using the pentool as in the image below, then rename the layer in "base". This is the main part of the dose(can) you are creating.
Right Click, select "Make Selection" and set the Father Radius at 0. Fill the selection with black and deselect.
Apply a Gradient Overlay Layer Style, again for this part.
Blend Mode set to Normal, Style of Linear and Angle set to 0.
Gradient set at this mode :
1 – Color #b1b3ad Location 0%
2 – Color #cdd0c9 Location 25%
3 – Color #fcfdfb Location 50%
4 – Color #cdd0c9 Location 75%
5 – Color #dadbd5 Location 100%
We will add a stroke using Pentool(Stroke Path).Set the brush diameter 1px,colour ~#4d4f4b.
Make new layer and new selection as in the image below and fill the bottom half with black and fill the upper half with white colour and set the opacity of 6%
Make new Stroke Path using Pen Tool(P) in a new layer (Ctrl+N) and set the brush: size 30px and color white. Erase the black line with Eraser Tool with size 156px and set the opacity 39% .
Make new two Stroke Paths using Pentool, one after another with brush 90px, colour:black (#000000).
Set the layer opacity to 12%.
Make new Path an stoke this with and set the brush : size 40px and color black . Erase the black line with Erase Tool with size 156px and set the opacity 39% .
Make another two new Paths and stoke this with brush 90px, with white colour. Erase the part which i marked in the image below with Erase Tool(E) with 156px and set the opacity of the layer 12% .
Make new Path and stroke this with brush and set the brush : size 150px and color white . Erase the white line with Erase Tool and set the tool at 156px .
Final Result of the dose(can)
To use it or to copy it into an other project.Hide the Background layer, select all (Ctrl+A) and copy merged it (Ctrl+Shift+M) into your new workspace (Ctrl+V).
Bonus Step – Changing colour to green and adding an etiquette
Changing the colour:
Select again the part you want to colour with the Pentool(P) and fill it with green colour #324c31.Change the blend mode : to colour burn and reduce the opacity to 52%.
Adding an etiquette is really simple ! All you have to do is to import the image into your workspace (open it / select all (Ctrl+A) / copy merged it (Ctrl+Shift+M) / paste it (Ctrl+P) ).
Then, free transform it (Ctrl+T) and use resize, warp and distort. To make it fit better change the brightness and contrast (Image>Adjustments>Brightness&Contrast).