How to Make a Baked Bread Set up

Create a New Document

Step 1

Press Ctrl + N to create a New Document. Set the Units to Pixels and the size to 600x600 px. In Advanced Options, select Color mode RGB and Resolution, 72 ppi.

Go to Preferences (Ctrl + K) and input 1px in Keyboard Increment. Click OK.

You can activate the Info panel (Window > Info) to Preview the size and position of your shapes. Remember to set the Units to Pixels in Edit > Preferences > units. This will help you work faster.


Make the Oven

 Step 1 

With the Rectangle tool (M) draw a 548x25 px rectangle and fill it with this color: #FADAB4. Round the upper corners, with the Direct Selection tool and live Corners activated (A).


Step 2

Make the body of the oven using a 249x201 px rectangle (Color: #999999) and round the corners slightly with the Direct Selection tool (A). Then draw another rectangle (#4C4C4C) and place it on the right side of the first, deleting the parts that stick out with the Shape Builder tool (M).

Step 3

The next step is to select the base rectangle and copy it (Ctrl + C > Ctrl + F). then select the copy along with the rectangle on the right and add to the shape using the Shape Builder tool (M). Apply this fill color: #303030.

Apply an Offset of -4 to the added shape in Effect > Path > Offset Path. Then go to Object > Expand Appearance.


Step 4

Make a copy of the previous rectangle (Ctrl + C > Ctrl + F) and change the fill color to: #4C4C4C. Add another 150x170 px rectangle and round the corners slightly.

Then apply Minus Front in the Pathfinder.

Step 5

Make eight 8x8 px circles with the Ellipse tool (L), and draw two thin rectangles inside the oven shape with the Rectangle tool (M). Select all the elements inside the oven and Group (Ctrl + G).


Step 6

Draw an oven shelf using a 140x15 px rectangle (Color: #3E3E3E). With the Direct Selection tool (A), move the lower anchor points in and then round those two corners using Live Corners.


Step 7

It’s time to make our first loaf of bread! Make a 92x12 px rectangle (Color: #E29B6B) and add an anchor point in the middle with the Pen tool (P). Then, move this anchor point up 20 px by pressing Shift.

Move the lower anchor points 5 px in with the Direct Selection tool (A) and round four of the bottom corners using Live Corners. Lastly, round the upper angle completely, to get the shape of the loaf.


Step 8

Let’s make a shadow on the bread. Make two copies of the loaf (Ctrl + C > Ctrl + F) and move the second copy 10 px to the left by pressing Shift. Apply Minus Front to the first copy in the Pathfinder. Fill this shape with this color: #D58F5D.


Step 9

Select the Pen tool (P) and draw four lines on the bread (Color: #D4874E) as shown in the image below. Then, select the loaf and the lines and use the Shape Builder tool to get rid of the bits sticking out of the bread. Finally, select all the elements and Group (Ctrl + G).


Step 10

Now draw a rectangle (Color: #CCCCCC) on the bottom half of the oven. Select it along with the shape of the oven. Use the Shape Builder tool (Shift + M) to delete the excess parts.


Step 11

Draw two rectangles (Color: #FFFFFF) with a 10% Opacity and rotate them 45º with the Rotate tool (R), pressing Shift. Place them in front of the oven shape and selecting the inside of the oven with the Shape Builder tool (Shift + M), delete the excess parts.


Step 12

Draw two rectangles (Color: #B3B3B3) on the right side and delete the parts that stick out with the Shape Builder tool (Shift + M). Then draw another two rectangles (Color: #CCCCCC) with the Rounded Rectangle tool.


Step 13

Make three 30x30 px circles (Color: #303030) for the knobs. Draw the dials using the rounded Rectangle tool and rotate them with the Rotate tool (R).

Then draw small circles around the knobs.


Step 14

Make a 20x20 px rectangle (Color: #4C4C4C). With the Direct Selection tool (A), move the upper anchor points 3 px in. Then make a copy (Ctrl + C > Ctrl + F), and place both at the bottom of the oven, as the legs. Make sure to Send to Back.


Step 15

Now we’ll draw the handle using the Rounded Rectangle tool (Color: #CCCCCC). Then, draw two rectangles on each end of the handle and delete the excess using the Shape builder tool (Shift+ M).


Step 16

Let’s make a small board for our other loaf of bread to go on. Draw a 146x9 px rectangle (#C49677) and move the bottom corners in 4 px with the Direct Selection tool (A).

Then, make a copy of the bread (Ctrl + C > Ctrl + F) and place it on the board. For the shading, make another copy (Ctrl + F) and make it bigger with the Selection tool (V). Change the fill color of the bread to: #E8B18C, and the color of the shadow to: #EBA273.

Step 17

We’ll make a little steam rising up from the bread. Select the Pen tool (P) and draw the steam with a 3 px stroke and this color: #EBA273. Then, make two copies and change the size as shown in the image below.

Make the Tiled Background

We’re almost done!

Step 1

Draw two long rectangles with the Rectangle tool (M) using this fill color: #FDF3E8. Then, blend them together by going to Object > Blend > Make.

In Blending Options set the number of steps to 12. Then make a copy (Ctrl + C > Ctrl + F), and rotate 90º. Group together (Ctrl + G) and then make a copy of the rectangle at the back. Bring this to Front and create a clipping mask (Right click > Make Clipping Mask).


Step 2

Finally draw a 30x44 px rectangle (Color: #E6E6E6) with the Rounded Rectangle tool. Then, make a 14x14 px circle (Color: #CCCCCC) and place it in the center of the rectangle. This will be our plug socket.

With the Pen tool (P), draw the cable connecting the oven to the socket, using a stroke weight of 2 px and this color: #CCCCCC. Use Live Corners and the Direct Selection tool (A) to round the angles.


Congratulations! We’re done!

So we’ve achieved a great looking illustration with basic shapes and easy steps to follow.

I hope you enjoyed this tutorial and that you found it useful. Remember to put into practice what you’ve learnt and apply it to your own projects and designs!

See you soon, bye!

What’s your opinion of this tutorial?

Hector Heredia
Hector Heredia
Hector HerediaTeacher

Hector (JHereM) is an illustrator and motion designer freelance that worked with brandings, logo for companys and recently in digital agencies. He create motion graphics, logo design, infographics animations, and shares in Youtube his knowledge and techniques with video-tutorials.

To learn more, visit http://www.jherem.com

Anywhere
Anywhere

At home or wherever you find inspiration.

At your own pace
At your own pace

No time limits or pressure. Adapt the courses to your own timetable.

Meet the community
Meet the community

Share your projects and learn from our online community.

Certified courses
Receive your diploma

When you finish a course you'll be able to download your certificate.

american-express visa en-square English French Spanish Italian Brazilian happy neutral-happy neutral neutral-sad sad premium spinner grid