New Document and Set Up
Press Ctrl + N to create a New Document. Configure the Units to Pixels, and create an artboard of 800x800 px. Later in More Settings, select RGB, Screen (72 ppi). Go to preferences (Ctrl + K) and add in a value of 1 px in Keyboard Increment. Press Ok.
You can activate the Info Panel (Windows > Info) to get a preview of the size and position of your shapes. Remember you can configure the measurement units in Edit > Preferences > Units. This will allow you to work faster.
How to create the background
Create a rectangle of 800x800 px (#FBD262) with the Rectangle Tool (M) in the centre of the artboard. Later draw in two verticle rectangles (#FBC635) in the ends to create a grid, use Blend (Alt + Ctrl + B) with 19 seperation steps.
How to create the food elements
Start drawing the coffee maker with the Polygon Tool, create a hexagon (#E6E6E6) and complete edges with the Pen Tool (P).
Draw two small ellipses with the Ellipse Tool (L) in the centre of the coffee maker. At the same time, draw a rectangle (#4D4D4D) for the handle of the coffee maker. Use the Free Transform Tool (E) with the perspective to modify the left edges of the rectangle and place at the back (Ctrl + [).
Copy this rectangle (Ctrl + C > Ctrl + F) and invert it, make it bigger with the fill color #999999. Round the vertexes using Live Corners with the Direct Selection Tool (A).
Later add a small ellipse (#4D4D4D) close to the spout and with the Direct Selection Tool (A) move the right node to the inside of the ellipse. Group the coffee maker (Ctrl + G).
Now we'll make the avocado. To do this draw an medium sized ellipse (#006837) (we'll adjust the final proportions later) and with the Direct Selection Tool (A) move the bottom node downward. Later duplicate (Ctrl + C > Ctrl + F) and apply a movement of -7 px (Effect > Path > Offset Path > OK) and expand the appearance (Object > Expand Appearance).
Repeat the process with the last shape and apply a movement of -18 px.
Create a small ellipse in the middle of the avocado (#A67C52), later make two copies (Ctrl + C > Ctrl + F) and move the last one slightly, and minus it with the one before using Minus Front from the Pathfinder panel.
Now we're going to create the milk carton. Use a rectangle (#D2F3F7) and draw two edges (#66B1BA) with the Pen Tool (P). Later continue drawing the internal shadows in the edges (#3F8C96).
Finally, finish drawing a rectangle that divides the carton and an ellipse for the carton's lid.
Now let's create the plate with the sandwich. To make the plate, create two ellipses (#E6E6E6) and (#F2F2F2). Later with the Rectangle Tool (M) draw a square rectangle, use the fill #FBE2BC and a line of 6 px (#C69C6D).
Apply a Roughen effect to the rectangle (Effect > Distort & Transform > Roughen) and expand the appearance (Object > Expand Appearance). With the Brush Tool (B) add in some seeds on the bread.
Later create a rectangle (#22B573) and (#FFE222) for the leaves and cheese in the sandwich, extrude the edges applying the Roughen effect (Effect > Distort & Transform > Roughen) and place them under the bread.
For the tomatoes draw two ellipses, one smaller than the other, and later draw some ellipses in the center and extrude them with the Roughten effect that we used before.
Place the tomatoes with the bread, later duplicate the last layer of bread and place it under everything and rotate them with the Rotation Tool (R).
The next part is quite simple, draw the jar of mayonaise. We just have to create ellipses of different sizes and there you have it.
Let's get on with the mug, create two ellipses and later, for the handle, create a rectangle rounding it and taking it behind the mug. Lastly, make two copies of the hangle (Ctrl + C > Ctrl + F) and move the last one upwards and minus it from the last one using Minus Front from the Pathfinder.
Group the mug (Ctrl + G).
Now let's do the saly shaker. Use the Ellipse Tool (L) and create two ellipses. Create two copies of both ellipses and minus the last one from each to create the shadows on the edges. Lastly, with the Brush Tool (B) draw three spots for the holes on the lid of the salt shaker.
We're going to create a plate with butter.
Copy the sandwich's plate and make it smaller with the Selection Tool (V). Later draw a rectangle (#FBD35C) and round off the edges on the right side, create two copies and minus the last one creating a shadowed edge (#FBC421).
Later draw small rectangles in the butter and extrude its edges using Roughen (Effects > Distort & Transform > Roughen).
Draw a small rectangle at the side of the butter, extrude the edges using Roughen. Later copy the bits of butter and place some on that piece on the side.
Now we have to make the knife to spread with. Draw a verticle rectangle (#8C6239~) and another for the metal (#E6E6E6). Round of the vertexed of the handle, and create, at the end of the handle, a grey ellipse.
Later on the knife, with the Pen Tool (P) add in a node in the middle of the space, create a curve on this segment and later round off the vertexes using Live Corners with the Direct Selection Tool (A). Lastly, create two copies both on the handle and on the knife and create edges on the shadows changing the colors to stronger ones.
Lastly we have to make the tea spoon, they're very similar steps to the knife.
Create two rectangles, one for the handle and another for the metal. Draw an ellipse as well on the end for the spoon and join it to the metal using Unite on the Pathfinder panel. Round off the vertexes of the middle of the ellipse and the extension of the spoon.
In the tea spoon, create a copy and apply a movement of -3 px (Effect > Path > Offset Path). Expand the appearance (Object > Expand Appearance) and create two copies (Ctrl + C > Ctrl + F) and minus the last one, leaving an internal edge on the spoon. This way we'll get an internal shadow that will give it some depth.
Erase any excess shapes after minusing the shape. Group up the tea spoon (Ctrl + G).
Group up all of the elements we've made and place on the artboard in the background we initially created.
This step is quite important, so pay attention! We're going to create the shadows on each of the elements.
It's as easy as duplicating the elements (Ctrl + C > Ctrl + F) and join them (Unite from the Pathfinder panel). Later change the fill (#E6E6E6) ad in the blend modes, use Multiply, from the Appearance panel, and take each of the shadow behind each of the elements.
Nice! You're done!
As you can see, that was a pretty easy to follow tutorial, but it's still illustrative and easy to do. I hope you've liked this illustration, and you now let your imagination go wild to make similar scenes.
At home or wherever you find inspiration.
No time limits or pressure. Adapt the courses to your own timetable.
Share your projects and learn from our online community.
When you finish a course you'll be able to download your certificate.