1. Design & Illustration
  2. Spring

How to Create a Spring Cleaning Illustration in Adobe Illustrator

Final product image
What You'll Be Creating

Today, we will create some cleaning and washing supplies. Having a great illustration in my mind and ready to use it in my next tutorial, I adjust this illustration for beginners. I'm sure the best way to do it is combine an illustration from basic shapes and apply warping or distortion. That's why we will take an ellipse or rectangle, apply effects, and then add in an object, for example a spray bottle or bucket. Sound interesting?

Do you know that GraphicRiver has a huge variety of cleaning supplies images? Please have a look, and I'm sure you will be inspired.

1. How to Create a Bucket

Step 1

First, create a new document (File > New) with the following dimensions: 850 px Height and 850 px Width. Next, create a grey rectangle with the help of the Rectangle Tool (M). For its modification we will use the Arc Tool. Go to Effect > Warp > Arc and enter the following settings:

creating the base shape of the bucket

Step 2

Create a copy of this shape: while holding down the Shift and Alt keys, move the original shape to the right. Pressing the Shift key will allow you to move the shape perfectly in a horizontal direction. Pressing the Alt key will make a copy of the original image. Create another copy of the original shape in front (Control-C, Control-F). 

Now, keeping both it and the moved one selected, press the Minus Front button on the Pathfinder panel (Window > Pathfinder). This action leaves us with the portion of the shape. 

While keeping it selected, change the shape's color to a slightly darker shade. Also you can move the bottom left anchor point of the new shape to the right a little bit. To select just one anchor point instead of the whole shape, use the Direct Selection Tool (A).

creating the base shape of the bucket 2

Step 3

Using the Rectangle Tool (M), create a yellow rectangle on top. Then take the Direct Selection Tool (A) and select the bottom left anchor point. Start pressing the Right Arrow button a few times to move this anchor point to the right. Then select the right anchor point of this yellow rectangle and press the Left Arrow button a few times to move this anchor point to the left.

creating the top of the bucket

Step 4

Let's add more details to the bucket. Using the Ellipse Tool (L), create two yellow ovals with a smaller one in front. While keeping them selected, press the Exclude button on the Pathfinder panel (Window > Pathfinder). Place the shape as shown in the image below.

creating the top of the bucket 2

Step 5

Now, we will create the handle. Using the Rounded Rectangle Tool, create a thin grey rounded rectangle on top of the bucket. Add another red rounded rectangle on top. Our bucket is ready!

creating the handle of the bucket

2. How to Create a Plastic Bottle

Step 1

We will start with a dark yellow rectangle (Rectangle Tool (M)). Then place a lighter rounded rectangle (Rounded Rectangle Tool) on top. Holding down the Shift and Alt buttons, move the light yellow rounded rectangle down. 

Create a copy of the dark yellow rectangle in front (Control-C, Control-F). Using the Eye Dropper Tool (I), make the same fill color as the rounded rectangles'. Shrink the new rectangle from top and bottom. This is the body of the bottle.

creating the body of the bottle

Step 2

For the bottle's cap, create another rectangle and make it red. Add a darker rectangle in front (Control-C, Control-F). Make the new dark rectangle very narrow using the Selection Tool (V). Holding the Shift and Alt keys, move this dark rectangle to the right to get another copy of it. 

Press Control-D and you’ll get another copy of this rectangle on the right, at the same distance as it was between the first and the second. Keep pressing Control-D until you have filled the whole rectangle with stripes as shown in the image below.

creating the cap of the bottle

Place this cap on top of the bottle's body.

placing the cap on the bottle

3. How to Create Gloves

Step 1

Now we are creating the first glove's base. Begin by making a pink rectangle. Keeping it selected, go to Effect > Warp > Arc Upper. In the new dialogue window, adjust the options to the ones you see in the image below. Expand this shape (Object > Expand Appearance).

creating the base of the glove

Step 2

For the glove's fingers, create four rounded rectangles: first create one, then holding the Shift and Alt keys move it to the right, and then press Control-D twice more. Keeping the two middle rounded rectangles selected, shift them a bit higher.

creating the fingers of the glove

Place the four fingers on top of the glove's base.

placing the fingers on the glove

Step 3

For the thumb, draw an ellipse using the Ellipse Tool (L). Then take the Direct Selection Tool (A) and select the left and the right anchor points of the ellipse and move them down.

creating the thumb of the glove

Place the thumb on the left side of the glove.

placing the thumb on the glove

Step 4

Make another copy of the glove (Control-C, Control-V) and change it to a slightly darker color.

creating the second glove

4. How to Create a Squeegee

Step 1

Start with a vertical dark grey rectangle. On top of it, add a smaller, but slightly wider light grey rectangle. On the bottom, add an orange rounded rectangle for the squeegee's handle. For a slight change of the handle's shape, select it and go to Effect > Warp > Arc and enter the settings shown below.

creating the squeegee handle

Step 2

Create another orange horizontally placed rectangle. Using the Direct Selection Tool (A), move the bottom right and left anchor points to the middle. Add a grey rectangle on top. And finally create a second vertical grey rectangle slightly narrower and lighter. 

creating the squeegee top

This is a closer look at the top part of the squeegee.

closer look

5. How to Create a Spray Bottle

Step 1

Start by creating a light grey rounded rectangle. After that, modify this shape with the Arc Tool (Effect > Warp > Arc Lower) and apply the options shown below. Expand this shape by going to: Object > Expand Appearance

Add an oval and make it overlap the rounded rectangle as in the image below. Just so you know, the outline of the ellipse is not needed, but it is here for better viewing. Next, keeping the two shapes selected, go to the Pathfinder panel and press the Minus Front button.

creating the spray bottle base

Step 2

After that, flatten the top using the Direct Selection Tool (A). Select the created shape and go to Object > Path > Offset Path and set the Offset value to around -10. It actually depends on the size of your object and can be slightly different. By this action you will create a similar shape inside the original one, but a little smaller. 

Change the fill color of the newly created object to a slightly darker color. Finally in this step, add a small pink rectangle on top, and place it behind (Control-X, Control-B).

creating the spray bottle base 2

Step 3

For the top part of the spray bottle, create two pink rounded rectangles, and make them overlap as in the image below. Select the top rounded rectangle and apply the Arc Tool, and then expand this shape. After that, unite these two shapes: select them and hit the Unite button in Pathfinder

Next, we will use the Corner Widget, which is available in later versions of Illustrator. This tool will allow us to adjust how round we want the corners to be. 

First, be sure to check View > Show Corner Widget. Now, near each corner of the rectangle, you have a tiny circle. Select two sharp corners of the shape using the Direct Selection Tool (A) and move these circles to the middle of shape, and the corners of the rectangle will gradually become round. (Just as a practice, try moving the circles out, and the corners of the rectangle will be sharp again).

creating the spray bottle top

Step 4

Next, create a pink oval. Modify it by moving the handles of the anchor points (use the Direct Selection Tool (A)) as in the image below.

creating the spray bottle top 2

Step 5

Combine all the shapes to get the image of a spray bottle. Next, place a pink rectangle for the nozzle, using the Eyedropper Tool (I) to take the fill color you need. Pay attention to the part marked by a circle. In this place, move the anchor points and handles of the pink shape to achieve a similar result.

creating the spray bottle top 3

6. How to Arrange the Scene

Place all the cleaning supplies in the bucket to make a similar scene. Make sure the bucket is in front of all the other cleaning supplies.

making the scene

7. How to Create a Sponge

Create a yellow, horizontally oriented oval. Transform it by going to Effect > Distort and Transform > Roughen. The entered options might be slightly different in your case. It depends on the size of your created oval. 

If you are satisfied with the selected roughness, make another copy of it, decrease the size of the copy, and make its fill color lighter. Next, make a few copies of this shape and make them much smaller and darker—these will be used as the holes in our sponge. 

On the Appearance panel, you can press Roughen and change to the necessary Size and Detail values of the created shapes to get an image of the sponge like the one presented below. In the end, do not forget to expand the created object.

creating the sponge

Place the sponge below and in front of the bucket.

placing the sponge

8. How to Create the Background

Step 1

Let’s wrap up our illustration. Create a light blue square behind the scene by using the Rectangle Tool (M). Click on the artboard and enter 850 x 850 px.

creating the background

Step 2

Add a dark blue circle behind the scene, but above the square. To make an even circle, draw an oval using the Ellipse Tool (L) while holding down the Shift key. 

Place this circle in the middle of the background. To do this, open the Align panel (Window > Align). Set the Align To: Align to Artboard (open the fly-out menu and go to Show Options if you don’t see the Align To: section shown here), make sure that your shapes are selected, and click the Horizontal Align Center and Vertical Align Center buttons. In the end, your circle should be in the middle of the background.

creating the background 2

Step 3

To finish off the design, we will make some soap bubbles! First, create a small circle with the same fill color as the background. Keeping this circle selected, go to the Transparency panel, find the word Normal (which is Blending Mode) and choose Screen from the fly-out menu. Now distribute this circle on the image by holding the Alt button. Change the size of some circles and voila! We have the completed illustration!

creating the soap bubbles

Awesome Work, Your Chores Are Done!

We made it! Now you are ready to create any home tools you want. It can be brushes, sponges, brooms, a mop, or something else, using just simple forms! Have fun creating your own illustrations, and please share your creations in the comments below. I hope you have a fantastic day! See you again!

final image
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.