Try Tuts+ Premium, Get Cash Back!
Make a Delicious Sandwich with Easy 3D Illustration Techniques

Make a Delicious Sandwich with Easy 3D Illustration Techniques

Tutorial Details
  • Program: Adobe Illustrator CS4
  • Difficulty: Beginner
  • Estimated Completion Time: 35 mins
Download Source Files

Final Product What You'll Be Creating

In this tutorial, you will learn how to create a 3D sandwich using easy to understand steps and techniques. We will use the 3D Extrude & Revolve Tool with some simple shapes to make a tasty looking BLT sandwich.


Step 1

Open a new document and select the Rounded Rectangle (M). Create a similar shape to the one you see below.


Step 2

Fill the shape with a beige-orange color to simulate a bread slice. Then with the Pen Tool (P) add extra path points and with the Direct Selection Tool (A) click each point individually and move them around until you have a toast shape like this.


Step 3

Select the shape with the Selection Tool (V) and go to Object > Path > Offset Path and apply -10pt as an offset.


Step 4

Select both shapes together and in the Pathfinder Palette choose the Divide option. Then, with the Direct Selection Tool (A) select the outer shape (rim) and apply a darker color to it.


Step 5

Select all shapes and go to Effect > 3D Extrude & Bevel and apply the settings you see in the image below.


Step 6

Make a copy of the 3D shape and place it above the previous shape. This is our sandwich.


Step 7

Select the top slice of bread and press Command + 3. This will hide the shape. Then select the bottom slice of bread and go to Effect > Stylize > Drop Shadow and apply the following settings.


Step 8

Let’s start creating some of the ingredients. Create a triangle, fill it with red and then apply a 10pt rounded corner. (Effect > Stylize > Rounded Corners).


Step 9

Create a circle with the Ellipse Tool (L), fill it with red. The take the triangle, duplicate and rotate it. To do so, select the triangle, press R then drag and hold the Shift Key + Option Key and place the first copy. Then press Command + D for duplicate. This will be the tomato.


Step 10

Select the Pencil Tool (O) and start drawing a random leaf like shape. Fill it with green. This will be the lettuce.


Step 11

Select the lettuce shape and apply the 3D settings you see below. (Effect > 3D Extrude & Bevel).


Step 12

Now we need some bacon, the real tasty kind. Create three long rectangles with the Rectangle Tool (M) and fill the right and left with a red color. The middle shape should be filled with an off white or light beige color. Group the shapes together. Select the Warp Tool (Shift + R) and start pushing the sides until you have a simmilar shape to the image below.


Step 13

Select the bacon shape and apply the 3D effect.


Step 14

Select the tomato shape and apply the same 3D effect.


Step 15

Now place the tomato on top of the slice of bread.


Step 16

Then place the lettuce and bacon. Make copies of the tomato and the bacon (even the lettuce if you like) to cover the rest of the sandwich.


Step 17

To give the sandwich a bit of dimension, select a shape, either the bacon, lettuce or tomato and apply a Drop Shadow. (Effect > Stylize > Drop Shadow).


Step 18

Hit Command + Option + 3 to show all hidden shapes. The top slice of bread will become visible again. Your BLT sandwich is ready. Yum!


Conclusion

I added a tooth pick and some texture to the top slice of bread. To do the same, make a copy of the inner shape on the bread and place it on top, then fill it with a pattern of your liking. The tooth pick was created with the Pen Tool (P). I hope you enjoyed this beginner tutorial.

  • stevo

    tasty!

  • Kalle

    You forgot the shadow from the toothpick on the bread.

    • http://www.spgrafiks.com Simona
      Author

      I did indeed :/

  • http://www.vectordesign.us Vector design

    Very nice tutorial from start to finish. I love it when tutorials are actually easy to follow step by step and don’t still leave you guess throughout it like some do. Thanks for sharing :)

  • mohamed

    hmm yammy

  • http://www.simbionte.com.br Frederick Vasconcellos

    Delicious Tutorial ;P
    Baconnnnnnnnnnnnnnnn :)

  • RC

    tasty little tutorial for the beginning illustrator… me likes. :-D

  • http://www.designioustimes.com/ Doink

    Both useful and tasty! :)

    Om nom nom

  • saki

    Very very Useful Techniques

  • http://www.logolitic.com logolitic

    great tutorial

  • edwinnic

    thanks for the tutorial! at the end i ended up starving haha

  • Boudeccea

    Thanks! This was easy and quite fun!

  • http://www.abhijit.biz Abhijit

    Wonderful Sandwich! Must be tasty too! Thanks for writing such wonderful tutorial. (Why dont the tomatoes peep out? They are hiding their beauty)

  • Adebayo Emmanuel

    wooooow, woooooooww, verrrrryyy gooooooog, thisssss isssss exxaaaaacttlyyyy whaaaaaat i wasssss looooookingggg forrrrr