..

Illustration: Create a Laundry Day Design

Beginner level Adobe Illustrator Adobe Illustrator

Set up a new document

Step 1

Press Ctrl + N to create a new document. Set the units to pixels and make the canvas 800x600 px. Then, in Advanced Settings, select RGB and Screen (72 ppi).

Go to Preferences (Ctrl + K) and introduce a value of 1 px for Keyboard Increment. Click OK.

You can activate the Information panel (Window > Information) in order to have a preview of the size and position of the shapes. Remember to set up the units to pixels on Edit > Preferences > Units. This will speed up your work.

undefined


Creating the washing machine

Let's start drawing what will eventually be our washing machine.

Step 1

Using the Rectangle Tool (M) draw a 159x176 px rectangle using fill color #70C3E8. Then, make the top corners round using the option Live Corners with the Direct Selection Tool (A).

undefined


Step 2

Then, draw two rectangles (#D6EFF9) with the Rectangle Tool (M), one in the top and one in the bottom. Erase the excess shape using the Shape Builder Tool (Shift + M).

undefined

Step 3

Now draw a 104x104px elipse with the Elipse Tool (L) (#54BCE8), another one measuring 97x97 px (#7FCDEE) and a last one with a size of 78x78 px (#D4EEF9).

Then, using the Pen Tool (P) draw two water waves and delete the excess shape with the Shape Builder Tool (Shift + M).

undefined

Step 4

Create the handle of the washing machine using a 27x27 px ellipse (#1E9DD4) and subtract its shape from the door's using the Shape Builder Tool (Shift + M).

Then, draw two rectangles (#FFFFFF) with 20 % opacity, rotate them 45º using the Rotate Tool (R) and trim them using the machine's door with the Shape Builder Tool (Shift + M).

undefined

Step 5

For the top buttons create two 15x15 px ellipses (#70C3E8) and then two rounded rectangles (#1E9DD4) inside the ellipses with the Rounded Rectangle Tool

undefined

Step 6

Now draw a rounded rectangle (#1E9DD4) using the Rounded Rectangle Tool to create the little screen. After that, make a copy (#7FCDEE) (Ctrl + C > Ctrl + F) and apply a -2 px offset using Effects > Path > Offset Path.

Then draw two rectangles (#FFFFFF) with 20 % opacity and rotate them 45º. Cut them using the Shape Builder Tool (Shift + M). Last, create five 4x4 px ellipses (#7FCDEE) beside the screen.

undefined

Step 7

Now draw some folded clothes creating a rounded rectangle using the Rounded Rectangle Tool. Now make two copies (Ctrl + C > Ctrl + F), move the last one 3 px up and apply Minus Front option with the previous copy using the Pathfinder panel.

Last, make several copies to add more clothes on top of the machine.

undefined

Step 8

Now, draw a socket using a rectangle (#E6E6E6) with the Rounded Rectangle Tool. Then, draw an elipse (#BDBDBD) in the center of the rectangle.

Then, draw a 2 px path (#BDBDBD) with the Pen Tool (P) for the current cable of the machine. Round the corner using the Live Corners widget with the Direct Selection Tool (A).

undefined

Create the laundry basket

Now it's time to draw the laundry basket. 

Step 1

Use a 87x77 px rectangle (#D6EFF9) and move 10 px its lower widgets with the Direct Selection Tool (A) inwards. Then, round those corners using the Live Corner widget with the Direct Selection Tool (A).

undefined

Step 2


Now make two copies (Ctrl + C > Ctrl + F) of the rectangle, move the last copy 20 px to the left and apply the Minus Front function with the previous copy from the Pathfinder panel. Change the fill color of the new shape to #BAE3F7

Then, draw a long rectangle (#7FCDEE) for the basket edge using the Rounded Rectangle Tool.

undefined

Step 3

Next is drawing some pieces of clothing sticking out of the basket. For this, start drawing the sleeve of a shirt (#A9B5F2) with the Pen Tool (P), the cuff (#93A0DB) with the Shape Builder Tool (Shift + M) and a button (#FFFFFF) drawing an elipse withe the Elipse Tool (L).

undefined

Step 4

Let's draw some pants now. Use the Pen Tool (P) and start by drawing a triangle (#00A99D). Then, draw the waist band (#0EA399) and erase the rest with the Shape Builder Tool (Shift + M). Then draw two rectangles (#16948C) as the belt loops and last, a pocket (#16948C) on the side with the Pen Tool (P).

undefined

Step 5

Finish by drawing four pieces of clothing with the Pen Tool (P) using the following fill colors: #ED91C4, #EDD491, #91B4ED, #ED4E54.

undefined

Create the shelf

Step 1

Let's draw now a simple shelf. Start by creating a rounded rectangle with a size of 159x6 px (#BEA2EE) using the Rounded Rectangle Tool. Now, create another rectangle (#B296E3) this time make it 13x18 px and, using the Direct Selection Tool (A), move its bottom corners 3 px inwards.

Round those lower corners using the Live Corner widget. Make a copy (Ctrl + C > Ctrl + F) and place it opposite to the first one.

undefined

Step 2

Create two 4x4 px (#9372CC) elipses on the shelf's supports. Then draw a rectangle (#AB8AE3) on the supports and delete the shape's excess with the Shape Builder Tool (Shift + M) to get a light shape on them.

undefined

Step 3

Create a 37x47 px rectangle (#8AD4F5) and then move the top nodes 10 px inwards. Now slightly round the bottom corners using the Live Corners widget with the Direct Selection Tool (A).

undefined

Step 4

Now draw a rectangle using the Rounded Rectangle Tool and rotate it slightly to align it with the container's shape. Then, apply the Minus Front function from the Pathfinder panel. Draw a rectangle (#51BAE8) on top and another one as the bottle's cap (#F7D58B).

Slightly round the top corners of the cap. Last, draw an elipse (#51BAE8) on the container.

undefined

Step 5

Create the soap using a 38x47 px rectangle (#FFE8B5). Then, draw a thin rectangle (#F7D58B) and an elipse (#F7D58B) in the center with the Elipse Tool (L).

Draw a small circle and rotate it. Then, put it behind the soap (Shift + Ctrl + 9).

undefined

Step 6

Draw a 24x15 px rectangle (#EE6D92) for the brush and then move the top right corner 10 px to the right. Then, slightly round all the corners.

Draw the brush's handle using a rounded rectangle and applying the Minus Front function from the Pathfinder panel.

undefined

Step 7

Now, create the brush drawing rectangles and alternating the fill colors #FFFFFF and #E6E6E6.

undefined

Create the window

Step 1

We're almost done now. Lastly we have our scene's window.

For this, use a 177x198 px rectangle (#7FCDEE) for the frame and another 153x175 px (@F0FBFF) rectangle as the glass.

undefined

Step 2

Draw a rectangle with a size of 166x10 px (#A9E2F9) as the headrail of the blinds. Then, create another one with a size of 159x106 px (#FFFFFF) for the blinds and one more on its bottom's edge (#A9E2F9).

Draw two more rectangles as the blind's wand. Use fill colors #7FCDEE and #54BCE8.

undefined

Create the background

Step 1

To finish, draw a long rectangle (#BAE3F7), that will be the floor of the scene. Then, draw with the Pen Tool (P) a blob and place it in the background of the canvas (Ctrl + 9).

undefined


Congratulations!

Done and dusted! This illustration is quite elaborate, so we've learned to do bits and pieces of everything. I hope you make the most of it. I'd like to see your results in the projects section soon.

undefined

What do you think of this tutorial?

Discussion

Edited 1 week ago
Wash_day_copy.jpg

Made this to frame and hang in my laundry

1 month ago

Thank you very much for uploading your final project! In order for everyone in Tutpad to enjoy it you should upload it on the 'Project' tab :)

Tired of not knowing what to do while you wait for the washing machine to finish? In this tutorial you will learn to recreate that classic home scene: a space for washing clothes at home with its washing machine, shelf, basket and a nice window. What do you say? Should we start?

Tut Details

Beginner level 45m 1,397 views

Share