With this tutorial, learn how to apply some effects not often used in Illustrator, like the Chrome effect, which is used to create metallic look with a realistic aspect. Also, notable in this tutorial is the use of Texturizer to create toast texture. We will also use 3D effect and the Mesh tool, which bring depth to the this illustration.
Final Image Preview
Below is the final image we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join Vector Plus for just 9$ a month.
- Program: Adobe Illustrator CS3+
- Difficulty: Intermediate
- Estimated Completion Time: 2-3 hours
Start creating the contour of a toaster shape with a gray fill.
In a new layer create shapes with the same gray fill using the toaster contour to simulate the light areas.
Apply the Mesh Tool on these new shapes and, using different gray and white shades on the mesh intersections, create the lights over the contour.
Group both layers and create a new copy.
Select the copy, click in Effect and apply Sketch > Chrome. This option
will create a very interesting chrome effect. To get a subtler effect move the smoothness slider all the way to the right.
To create the holes for the toast draw two shapes like the ones below and group them.
Duplicate the shapes and drag them a little to the bottom, as in the example below.
Select these two shapes and apply the Pathfinder Divide tool. Delete the remaining bits and pieces.
Fill the bottom shapes with black and the upper ones with gray. Delete the outlines.
Apply the Mesh Tool on the gray shapes, using shades of dark gray on the mesh intersections. Build a sense of depth here.
Now we’ll create the timer button using the 3D Revolve effect. Draw half of the button, delete the outlines and fill with white or light gray. Apply the 3D Revolve effect. In the options panel select preview, and rotate the cube until you obtain the desired position.
To create the toaster eject button, use half of an ellipse. You can do that using the Minus Front effect of the Pathfinder to cut away the bottom half of an ellipse with, for example, a square.
Fill the half ellipse with dark gray and use the 3D Extrude effect. In the options panel select the desired depth and rotate the cube to position the shape.
With the figure selected, apply Object > Expand Appearance to convert the effect into an object. Ungroup the elements and apply Mesh on the upper part of the button, as in the example. Apply white on the central mesh intersection to create the lighting effect.
Add other details, like the timer numbers and the slide hole for the eject button.
To make the toast begin by creating the texture. Draw a square and fill it with any color. Apply Effect > SVG Filters > AI Wood Grain.
Apply in the square the Inner Glow effect using the Multiply Mode with a dark brown fill. Raise the blur value to darken the border of the square, creating a burned effect.
Apply the texturizer option using the sandstone texture.
Create an amorphous shape over the texture and fill with white or light gray applying the Blur effect with the Gaussian Blur option and 100% radius.
Go to the Transparency panel and choose the Soft Light blending to apply on the central shape, which creates an interesting lighting over the texture.
Drag the texture to the Symbols panel.
Draw the shape of a piece of toast, fill it with the #D69C51 color and delete the outline. Use the 3D Extrude effect. In the options panel select a small depth to create the thickness of the toast (in the example we used 20 pts).
In the same panel go to Map Art and in the surface field search for the toast face. Activate Symbols in the panel and apply the previously created texture.
Rotate the cube to position the toast over the toaster hole.
Make some copies of the toast and position them in different ways.
Reduce the transparency of the first piece of toast and draw the contour over it, creating an intersection between the toast and the border of the toast hole. Put the transparency back to normal, select both the contour and the toast and use Command + 7 to create a mask.
Create the toast reflection one the toaster body. Make a copy of the toast and mirror it under the first toast.
To conclude make a shape filled with a black and white gradient and put it over the mirrored toast. Select both objects and in the Transparency Panel Pop-Up activate the Make Opacity Mask option. Adjust the gradient direction to hide part of the reflection and lower the opacity a little.
After applying a little bit of shadow under the toaster, we’re left with the final image below!
Subscribe to the Vectortuts+ RSS Feed to stay up to date with the latest vector tutorials and articles.