Get a free year on Tuts+ this month when you purchase a Siteground hosting plan from $3.95/mo
This work is a common project created together with Iaroslav Lazunov and Oleksandr Iegupov. We have used a free texture, Bristle brush, Meshes, Blends, and Blending Modes. The skills you will learn here can easily be transferred to creating various objects. Learn how to add high level of realism to the vector work you create in Illustrator.
First of all, you need to create the simple main geometry of the final result. You must approximately achieve the following shapes shown below.
You can do it by using the Pen Tool (P) and the Ellipse Tool (L). Pay attention to the left, and to the right handles of the pan, and to the units that join the handles to the pan.
Besides, pay attention that the pan's bottom is tighter than the pan's top. A pan may be shown as a truncated cone.
Now take the Line Segment Tool (\), draw the vertical line and align it horizontally to the pan's center.
Take the Ellipse Tool (L) and create a circle over the pan's rim in point "A," which is shown on the diagram above.
Select both: the vertical line and the circle, then go to Object > Group (Command + G). Now go to Effect > 3D > Revolve in order to create a torus-shaped ring for the pan's rim.
Scale your artwork, and change the angles of revolving to coincidence with the rim. See the diagrams below for reference.
Go to the "3D Revolve Options" window and change the Surface value to No Shading.
Go to Object > Expand Appearance. Then go to Object > Ungroup.
And delete the vertical line.
Then go to the Pathfinder palette and click the Unite button.
Take the Line Segment Tool (\), and create two lines shown in the diagram below. Select the pan's rim and these two lines, then go to the Pathfinder palette and click the Divide button.
Now go to Object > Ungroup and delete the unnecessary paths formed after the dividing. Color the front and the rear parts of the rim.
Before coloring the pan we must create a background, because the background affects the luminosity of the objects. Grab the Rectangle Tool (M), make a rectangle and fill it with the Radial gradient filling.
Draw another path filled with the vertical gradient filling.
Select these two paths and send them to back by going to Object > Arrange > Send to Back.
Select the front light brown part of the pan and fill it with the Linear gradient filling in order to represent a shiny metallic surface. Let's name it "the Main path."
Copy "the Main path" and paste it in front (Command + C then Command + F) in order to save it. Now make it invisible.
A pan is a truncated cone, as we have said earlier. So, you need to transform a gradient filling from the linear form to a trapeziform one. For this, go to Object > Expand and set the values as shown.
Then go to Object > Ungroup and select the mesh.
Take the Mesh Tool (U) and transform the bottom part of this mesh to the form of a trapezium. See the diagrams below for reference.
Fill the right pan's handle with a Linear gradient.
Take the Pen Tool (P) and draw another path on the handle, and fill it with the Linear gradient filling too.
Create the next path and fill it with the gradient again.
Grab the Ellipse Tool (L) and draw an elliptical path.
Take the Direct Selection Tool (A), select the leftmost anchor point, and press the Delete button on your keyboard.
Then select both leftmost anchor points...
...and go to Object > Path > Join (Command + J).
Select the rightmost anchor point and convert it to a corner.
Drag and drop this path into the Brushes palette. Select the Art Brush option in the dialog box.
Set the items for the brush as shown in the diagram below
Take the Pen Tool (P), illustrate a path in the lower part of the right handle (shown in the diagram below), and apply the new Art brush to it.
Repeat these actions for another path.
And repeat these actions again.
Create an elliptical Art brush.
Illustrate a curved path on the right handle, apply this brush to it, and go to Object > Expand Appearance. Then fill this path with the Linear gradient filling.
Repeat these actions for another path.
Illustrate two ellipses: gray one and white one. Their centers must coincide with each other.
Set the Opacity of the biggest ellipse to zero.
Go to Object > Blend > Blend Options and set the Spacing value to "Specified steps," and the quantity of steps to 60.
Then go to Object > Blend > Make (Command + Alt + B).
And create an Art brush from it.
Illustrate a curved path in the top part of the right handle, and apply this brush to it. Decrease the Stroke weight and the Opacity of the path.
Using the gradients to illustrate the right unit of the joining pan handle.
Let's now paint the left handle of the pan and the joint unit. First select the path, which is filled with the color fuchsia (shown in the diagram).
And fill it with the Linear gradient filling.
Now select the bent blue elliptical path and fill it with the Linear gradient too.
Do the same with the small green path.
Repeat this action with the other two green paths.
Select the front part of the handle and fill it with an angled gradient.
Select the orange path in the rear part of the handle and fill it with a vertical gradient.
Fill then the rose path with the vertical gradient.
Draw the following path on the front part of the handle and fill it with a gradient.
Illustrate another path filled with a gradient.
Create the next Art brush from the blend.
And apply it to the following path.
Change the Opacity of the path if you want. Then draw the next path and fill it with the Linear gradient filling too.
And one more path must be filled with the gradient filling as well.
Now we need to paint the pan's rim. Select the front orange part of the rim and fill it with a gradient.
Do the same with the second part of the rim.
It is obvious that the end color stops of both gradients must coincide with each other.
Illustrate a light spot on the rim using a blend.
Make the next Art brush.
And apply it to the following path on the rim.
Draw a path of shadow using the Art brush we already created.
Illustrate other paths the same way.
Draw a path on the rim filled with the gradient filling.
Let's go to the bottom of the pot. And build under the it the following elliptical path filled with black.
Draw another path under the pot filled with a Linear gradient filling.
Illustrate the following blend representing a light spot on the back of the rim.
Draw the next blend.
Draw the following path and apply an Art brush to it. Change the Opacity value as you like.
Select the back part of the rim, copy it, and then paste in front (Command + C then Command + F). Bring it to front. Then select all the paths and blends on the rim's back, and select the copy of the back, then go to Object > Clipping Mask > Make (Command + 7).
Select now the inner part of the pot (blue path) and fill it with a beautiful Linear gradient filling. See the diagram below for reference.
Create the following blend in the inner part of the pan.
Then go to the Transparency palette and change the Blending Mode of this blend to Screen.
Create another blend.
And create the following blend representing a shadow.
Place it in the inner part of the pan.
As you perhaps know inner parts of almost all the pot are coarse enough. How can we represent this property of steel? Take the Polar Grid Tool, click in the workspace of your Illustrator file, and set the following items as you can see them in the diagram below. Pay attention to the numbers of concentric and radial dividers.
Decrease the Stroke Weight, change the stroke color to black, and the color of filling to None.
Go to Object > Transform > Scale and set the following items that you can see in the diagram below.
Then go to Effect > Distort & Transform > Tweak and set there the next values.
Copy this group and paste it in front (Command + C then Command + F). Move it slightly relative to the first group.
Place these two groups of ellipses over the pan so as to locate the pan's inner part under the top halves of the ellipses. Decrease the Opacity and change the Stroke weight of ellipses as you prefer.
Cut the ellipses with the aid of a Clipping path. Then go to the Transparency palette and change the Blending mode of the ellipses to Overlay.
Spaghetti will be created with the aid of meshes. First draw an elongated yellow rectangle.
Then go to Object > Create Gradient Mesh.
Now apply Object > Transform > Rotate.
Place this piece of spaghetti over the pot. Take the Mesh Tool (U), add mesh anchor points, then change their colors to the natural hues of spaghetti.
Pay attention to the colors of the upper part of the piece of spaghetti, because the lower part of it will be located in the pot, and consequently will be invisible.
Trim a piece of spaghetti with a Clipping path.
Copy and paste the piece of spaghetti (Command + C then Command + V) as many times as you want.
Illustrate the back row of spaghetti. Pay attention that it is shaded.
Let's create a reflection of the pot. Do this by selecting "the Main path" of the pan, and going to Object > Transform > Reflect.
Now create a rectangle and fill it with the Radial gradient. Place the rectangle between the pot and its reflection.
Select both: the reflection and the rectangle, go to the Transparency palette...
...and make the Opacity mask.
Let's create the steam next. Go to the Brushes palette and click the New Brush button. Select the Bristle brush type.
Set the values shown below.
Set the Stroke color to white and the Fill color to None. Create the following path using the Pen Tool (P) and apply the Bristle brush to it. Change the Stroke weight.
Now add more steam.
Let's upgrade the background. Download a paper texture here (credit to deviantART user ~akinna-stock.) Paste it into your artwork by going to File > Place. Change the dimensions of it if needed, then click the Embed button. And set the Color Burn Blending Mode for it in the Transparency palette.
Apply the clipping path for cropping the texture.
And now you may use this pan to cook vector breakfasts, dinners and suppers.