preview

How to Create A Realistic Chef’s Knife in Illustrator

Sep 7th in Icon Design by Andrea Austoni

If you love cooking, then this tutorial is just for you! Learn how to create a realistic chef's knife by using simple paths and gradients. We'll use relatively easy techniques to give an object volume, control the lighting, and make it look super sharp. Let's get started!

PG

Author: Andrea Austoni

Andrea Austoni is an Italian graphic designer currently living in Krakow, Poland. He specializes in icon design and illustration.

Final Image Preview

Below is the final image we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join Vector Plus for just 9$ a month.

Tutorial Details

  • Program: Adobe Illustrator CS4
  • Difficulty: Easy
  • Estimated Completion Time: 30 minutes

Step 1

We want to create a chef's knife in perspective view to incorporate in an illustrated recipe. First read up what Wikipedia has to say about this type of knife. Now fire up Illustrator, hit Command + N to create a new document and choose A4 with landscape orientation. Imagine a big chef's knife lying on the cutting board at an angle, then draw the following shape using the Pen Tool (P).

Step 2

That will be the blade. Make sure it's a closed shape. Get rid of the black stroke and fill it with a soft medium-to-light gray gradient, making sure it's aligned with the blade so the tip will be lighter. From now on let's assume that the light comes from the left so the right side will be darker.

Step 3

Let's draw the cutting edge. With the blade selected copy it (Command + C) and paste it in front (Command + F). With the Direct Selection Tool (A) slide the bottom right vertex close to the edge, then reshape the edge's curve by manipulating the handles of the top left vertex. You should get a thin shape as shown.

Step 4

Shade the cutting edge with a Linear Gradient from medium gray (top) to white (bottom) - nice and shiny!

Step 5

Draw two arched rectangles across the blade to simulate reflections. Always use Smart Guides (Command + U) to make sure the anchor points snap to the paths. Make the bottom vertices to overlap the cutting edge a little.

Step 6

Shade the reflections with standard, white to black gradients aligned with their direction. The manipulator in the next image, available only in Illustrator CS4, shows you the gradient's direction.

If you have an older version of Illustrator just grab the Gradient Tool (G) from the toolbar, then click and drag on the object to orient the fill. We want to make the reflections fade as they recede from view so put the black color on top. Now in the Transparency panel, select the Screen blending mode from the pull-down menu and reduce the Opacity to 60%.

Step 7

Draw the bolster now. Make the right part stand out from the blade's profile, but snap the left anchor points to the cutting edge, so the bolster will look thicker at the top and tapered down at the bottom.

Step 8

Shade the bolster with a linear gradient. Always maintain consistency with the light's direction by applying the lighter shade to the left side.

Step 9

Add thickness to the bolster by drawing the following shape. Again use Smart Guides for precision.

Step 10

Fill this shape using a gradient with three shades to emphasize the curve.

Step 11

Draw the top of the handle with a single closed path.

Step 12

Fill it with a very dark gradient and make sure the left edge is slightly brighter. For the orientation refer to the following image.

Step 13

Create a copy of this object, right-click on it and select Arrange > Send to Back, or use the keyboard shortcut Shift + Command + Left Bracket key. Then move it down and snap it to the bottom of the bolster's thickness.

Step 14

Erase the topmost anchor point then draw vertical connection lines:

Step 15

Now grab the Scissors Tool (C) and click on the bottom curve where the vertical connection line touches it (15a). Erase the little path that sticks out (15b). Now with the Direct Selection tool (A), draw a window around the new anchor point. Hit J to Join the two paths, choosing the Smooth option (15c).

Step 16

Join the leftmost segments as in the following image.

Step 17

Duplicate the top curve and hide it. We'll combine its copy with the bottom curve to create the side of the handle. Lock the middle connection line, then use the Scissors Tool (C) to cut both the top and bottom curves where they intersect with it. When you're done, erase the S-shaped segment between the two curves. Refer to the image below.

Step 18

Join the new paths to create two shapes for the side of the handle. Follow the instructions in the next image.

Step 19

Let's shade the side of the handle. Again use gradients that help define the shape, remaining consistent with the light's direction.

Step 20

Create the tang of the blade, the thin metal strip enclosed in the handle, by copying (Command + C) and pasting in front (Command + F) the two side shapes.

Lock the original shapes to avoid selecting them. Using the Direct Selection Tool (A), move the top anchor points down and the bottom points up, effectively creating a thin, centered slice of the side shapes. Shade the tang with light gray gradients, simulating both the rounded shape and the reflections.

Step 21

Create the handle's rivets with three simple ellipses. Align and position them correctly by using a perspective guide. Make them bigger as they get closer. Shade them with linear gradients from white to light gray to simulate subtle ambient reflections. Our chef's knife is now finished!

Conclusion

Even if you don't possess advanced Illustrator skills you can still create realistic objects by paying attention to volume, perspective and shading. I hope this tutorial inspired you and made you hungry for more!

Subscribe to the Vectortuts+ RSS Feed to stay up to date with the latest vector tutorials and articles.


Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    massafakka September 7th

    ups first thx :)

    thx for the tut… i love it and ill definately try it out…

    ( Reply )
  2. PG

    imsraaia September 7th

    nice…

    ( Reply )
  3. PG

    Cam September 7th

    just guessing…wouldn’t you skip several steps if you would use the 3D effect on the handle and then expand it…anyways grate tutorials you guys always help me so much!

    ( Reply )
  4. PG

    Simon September 7th

    Not necessarily realistic (maybe it’s a bit too clean, hah), but definitely pretty.

    Let’s say it’s a newly purchased knife.

    Thanks, there are some handy tips here.

    ( Reply )
  5. PG

    buzz September 7th

    pretty sweet, I like it. Simple, clean, nice idea. Perhaps I will try this. I liked the wacom tablet which i did and learned a few new things.

    MORE VECTOR TUTS PLEASE! less interviews. I only read tutorials.

    ( Reply )
  6. PG

    matek kowe September 8th

    HOHOHOHOHO….

    ( Reply )
  7. PG

    chuck September 8th

    awesome and really helpful tips..thanks!!!!

    ( Reply )
  8. PG

    Modisana September 8th

    that is awesome.. love the process.. great tutorial

    ( Reply )
  9. PG

    Oliver September 8th

    Another great tutorial and very easy to follow. I will have to try this tutorial as well as I already did the wacom tablet one, which taught me some new techniques. Thanks for this.

    ( Reply )
  10. PG

    Jon September 8th

    I think I’ll take a stab at it…. ba dum dum.

    ( Reply )
  11. PG

    Matthew Johnson September 8th

    Great work, this is a nice and quick tutorial that pays off well.

    ( Reply )
  12. PG

    bill September 8th

    please help at Step 15

    ( Reply )
  13. PG

    Andrea Austoni September 8th

    Bill,

    for Step 15:

    Lock the vertical straight line.
    With Smart Guides active grab the Scissors Tool and click on the point circled in 15a. The curved line will be split at that point.
    Select and erase the top segment as in 15b.
    Now unlock the vertical straight line.
    Window-select the point you clicked on. There 2 points there on top of each other . Hit Ctrl+J to join them, choosing the Smooth option (15c).

    Is that clear enough?

    ( Reply )
  14. PG

    bill September 8th

    Andrea Austoni, all clear, thx tut and answer.

    ( Reply )
  15. PG

    Diego SA September 8th

    The realism gonna make this knife pop up from the monitor and stab something… or someone. Kidding. A texture would make this knife looks even more awesome! But nice tutorial.

    ( Reply )
  16. PG

    David Moreen September 8th

    This tutorial is great, you lost me at Step 15 though.

    ( Reply )
  17. PG

    Jeff S September 8th

    Step 15 was not clear enough, but got it working after your response. Nice tutorial!

    ( Reply )
  18. PG

    nelutu September 9th

    thanks for tutorial

    ( Reply )
  19. PG

    Melody September 9th

    Very nice, clean, vector image….liked the angle you made it at…

    ( Reply )
  20. PG

    Kim September 9th

    I had a lot of trouble with steps 15 – 18, I don’t get a dialogue box when I press command J

    ( Reply )
  21. PG

    Foi September 10th

    I am having problems with the erasing part.
    Help! anyone?

    ( Reply )
  22. PG

    Bernd Artmüller October 10th

    pls can somebody explain step 15 and following..they are really confusing

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    October 10th