Advertisement

How to Create a Shiny Bucket Icon

by

This Cyber Monday Tuts+ courses will be reduced to just $3 (usually $15). Don't miss out.

In this tutorial you will learn how to make a realistic vector bucket icon. You will learn to use the 3D Revolve function, how to add realistic light effects and how to draw different objects to form a composition.


Step 1

First thing you have to do is open a new document at 500x500 px. Using the the Pen Tool (P) make a shape like the one in the next image and fill it with a color (I chose blue).


Step 2

Now, go to Effect > 3D-Revolve and press OK. Leave the settings as default.


Step 3

Select the object after revolving and go to Object > Expand. Ungroup the shapes (Shift+Control+G) and select each side. Fill the shapes with a single color and Merge them.


Step 4

Select the hidden shapes behind the ones that can be seen and delete them.


Step 5

Draw a shape, like the one in the image, using the Pen Tool (P). Select the ones that I selected and Trim (in the Pathfinder menu). Ungroup and delete the shape you created with the Pen Tool.


Step 6

Duplicate the bucket body and make this copy smaller.


Step 7

In this step we will apply gradients to each part of the bucket. I made a stroke around each part of the bucket and a gradient style to see which ones fits. You don`t have to do this, you can use the same gradients I've applied to each part.


Step 8

Draw a handle using the Pen Tool (P) and apply a gradient that's the same as the image below.


Step 9

In the next few steps we will make the screw. Make a circle and fill it with a gradient that's the same as the image below. Make sure the circle is slightly distorted on the sides, this will keep with the perspective of the bucket.


Step 10

Duplicate the last circle created and make it smaller, fill it with black and reduce the opacity to 40%.


Step 11

Duplicate the white layer again, send it forward and make it smaller than the black one. Apply a gradient that's the same as the image below.


Step 12

Now let`s make the screw holes. Using the Pen Tool (P) draw an X shape like the one in the next image. Fill it with black.


Step 13

In this step we will make the screw 3D. Using Pen Tool (P) make an arrow shape. You need to make 3 shapes like that. Apply radial gradient to each arrow (white inside the radial and black outside).


Step 14

In this step we will make the handle more realistic and give it the 3D feeling. Draw a shape that's the same as the image below using the Pen Tool (P) and add the same gradient to it.


Step 15

In this step, we will make a lighting effect for the handle. Using the Pen Tool (P) draw a shape that's the same as the image below, and make it white. Then duplicate it. Select the shape resulted from duplicating and add a black and white gradient to it.
Select both shapes - the white one and the one with gradient - and go to Transparency > Make Opacity Mask.


Step 16

Take the Pen Tool (P) and draw a shape that's the same as the image below, send it backward, fill it with black and reduce the opacity to 40%. This will be the shadow on the bucket crown.


Step 17

Now we will make the handle shadow on the bucket. using Pen Tool (P) make a shape that's the same as the image below, fill it with black and reduce the opacity to 40%. The shadow will come from the left side, so the shadow will be above the first half of the handle
and under the second half of the handle.


Step 18

To make the bucket more realistic we will make 2 shapes on the bucket crown. Draw the shapes using the Pen Tool (P) that are the same as the image below. Fill the left one with a dark gray and the right one with a light gray.


Step 19

Use the Pen Tool (P) to make a shape that's the same as the image below, and make a layer mask. Set a black to white radial gradient, with white inside and black outside.


Step 20

Using the Pen Tool (P) make a shape that's the same as the image below, send it backward until it appears under the crown and in front of the bucket. Fill it with black and reduce the opacity to 20-30%


Step 21

Duplicate the body of the bucket, distort it a little and move it to left. Add layer mask and make the gradient linear with white in the left side, black in the right side. Drag the gradient from left to right.


Step 22

Draw a circle under the bucket, slightly distort it to make it look more realistic. In this case distort it selecting the upper path with the Direct Select Tool (A) and drag it upwards like you can see in the next image. Go to Effect > Stylize > Feather and change the number to 13. Press OK. If the shadow is to dark, fill the circle with gray.


Step 23

Useing the Pen Tool (P), draw some files.


Step 24

Now we will apply a gradient to the file. I've applied a stroke to the file to see it better, you don`t have to do this. Apply a gradient that's the same as the image below.


Step 25

Select the Pencil Tool (N) and draw some lines. This will make the writing on the file.


Step 26

Duplicate the file and send it backward. Rotate the copy and move it to the left. Then using the Pen Tool draw a folded page and apply the same gradient.


Step 27

In this step we will make file's shadows. Using the Pen Tool (P) draw shapes that are the same as the image below, fill them with black and reduce the opacity to 30%. Send the shadows backward to be behind each file.


Step 28

Set the stroke and use the Pen Tool (P) to draw a paperclip.


Step 29

With the Pen Tool (P) draw some abstract shapes, this will represent the paperclip shadows. Move them away from the paperclip.


Step 30

Now let`s make the DVD and it's cover. Start with a circle, fill it with dark gray and the stroke with a lighter gray. Go to Object > Expand and Ungroup.


Step 31

Duplicate the stroke and make it smaller, fill it with a darker gray.


Step 32

Duplicate the dark gray circle, make it smaller than the duplicated stroke and fill it with the same gradient that's in the image below.


Step 33

Now select the dark gray circle and fill it with the gradient in the following image. After you've set the colors of the gradient, drag the gradient sliders from the top right to bottom left.


Step 34

Draw a white circle in the middle of the DVD circle.


Step 35

Using the Pen Tool (P) draw the cover of the DVD and apply the same gradient that's the same as the image below.


Step 36

Duplicate the cover, send it behind the DVD. Fill it with the same color as the image below.


Step 37

Using the Pen Tool (P) draw the corners of the cover in a darker colour to the previous shape. To make it look more realistic add the 3D effect.


Step 38

Using the Pen Tool (P) draw the shape that will form the shadow from the crown of the bucket. Draw a shape that's the same as the image below, fill it with black and reduce the opacity to 20-30%


Step 39

Using the Pen Tool (P) draw the shadows of the DVD, fill them with black, reduce the opacity to 20-30% and send them behind the cover.


Step 40

Draw the shadow cast by the DVD and its cover ontop of the files. Fill it with black, reduce the opacity to 20-30% and send it behind the cover and the DVD.


Conclusion

So there you have it, your very own bucket icon. You can apply these techniques to other objects and create an icon set or customise the contents of the bucket for different applications. Think about the items you see around the office and try and replicate them using the same techniques you've learnt in this Tut. Have fun!

Advertisement