Set up a new document
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.
Creating the washing machine
Let's start drawing what will eventually be our washing machine.
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).
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).
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).
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).
For the top buttons create two 15x15 px ellipses (#70C3E8) and then two rounded rectangles (#1E9DD4) inside the ellipses with the Rounded Rectangle Tool.
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.
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.
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).
Create the laundry basket
Now it's time to draw the laundry basket.
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).
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.
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).
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).
Finish by drawing four pieces of clothing with the Pen Tool (P) using the following fill colors: #ED91C4, #EDD491, #91B4ED, #ED4E54.
Create the shelf
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.
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.
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).
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.
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).
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.
Now, create the brush drawing rectangles and alternating the fill colors #FFFFFF and #E6E6E6.
Create the window
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.
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.
Create the background
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).
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.
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 DetailsBeginner level