Creating convincing vectors can be a daunting task. I will show you how to make wood and metal textures for a vector knife using the Gradient Mesh Tool, layering Gradients, and the Pathfinder Tools.
Final Image Preview
First, let's take a look at the image we'll be creating. Below is the completed illustration to see what you'll be working toward.
Step 1
First, download the picture I took of a knife. Then using the Pen Tool, outline the shape of the knife. Then put the "blade" and "handle" shapes on different layers.
Step 2
Hide the blade layer and select the handle. Make a copy of the handle on a new layer and name it "texture." Hide the texture layer for now.
Step 3
Select the handle and make the fill #8C6239 with no stroke. Go to Object > Create Gradient Mesh. Set it up with 4 rows, 4 columns, and flat.
Step 4
Select your Gradient Mesh Tool and click any point around the edge. Change the color of the point to #331E16. You can control the gradient much like the curve on the Pen Tool. Change the color of every point around the edge of the handle.
You can create more points if you need by clicking off an intersection point. You may have to play around a little to achieve the gradient you want. The final gradient should be similar to the one below.
Step 5
Lock the "handle" layer and then go to your "texture" layer. Select the Pen Tool, with a black fill and no stroke. Make shapes similar to the ones below. Using your Selection Tool, press Alt and drag the shapes to duplicate them.
Once it is filled, select all the shapes and press Divide in the Pathfinder Palette. Select the image and set it to a 0.5 pt black stroke with no fill. We use the pathfinder method to make this into one shape. This makes the workflow much easier.
Step 6
Turn the opacity of the texture layer down to around 15% and make sure the handle layers are lined up.
Step 7
Lock your "handle" layers and go to your "blade" layer. Instead of using a gradient mesh, I will show an alternate method of achieving the same effect. Make three copies of your blade and apply a gradient similar to the ones shown below. We will use the third copy in an upcoming step. The top blade is your original so keep the opacity at 100%. The second two blades you can turn down to around 30%.
Step 8
Line up the second two blades on the original. Resize them slightly so they are lying just above the original. This will give the blade some dimension.
Step 9
On the third copy of the blade we are going to repeat Step 5 to make the texture of the metal.
Step 10
Line up the texture to the original blade and turn the Opacity down to around 2%.
Step 11
Create a new layer for the last details. Select your Pen Tool and make a black and a white shape, as shown below. Turn the Opacity down on them to 25%.
Step 12
Select the Ellipse Tool and create two 10 pt circles. Set one with a .75 pt stroke and the other with no stroke. Create a linear gradient similar to the one shown below. Position the stroke behind the gradient slightly off center for dimension.
Step 13
Make a copy of the shape from Step 12 and position it accordingly.
Step 14
Repeat Step 12 with a 15 pt circle. Your color choice does not have to be the same as mine, but you should have the same order. Start with a dark color and keep selecting lighter colors. Then fade back to dark.
Step 15
Use your Pen Tool to make a shape with a white fill and no stroke like the one below. Position the shape in the appropriate spot.
Conclusion
Creating realistic textures may take a little time to achieve, but it's rewarding once completed. I hope you enjoyed the tutorial!
Related Posts
Keep reading with more great tutorials and articles!
Enjoy this Post?
We'd love your vote!
User Comments
( ADD YOURS )Nic July 4th
Nice job
Simona July 4th
Very nice tutorial, good work. I like it.
giackop July 4th
coolo one!!
Moritz Feierabend July 4th
Nice 1!
Drupal Museum July 4th
Very cool.
Lee Milthorpe July 4th
Wow, that looks fantastic! Very realistic.
D.A.T. July 4th
cool way to make the texture.
pica July 4th
thats cool
i always thought such a woodstructure was harder to do
great result!
Brent Nelson July 4th
Would be cool to see this extruded in 3d.
Danny July 4th
Nice job!
Braden Keith July 4th
Cool beans. This is the quality of tuts I’m looking for, best one yet.
K3v July 4th
For the handle you can draw a few lines and used the warp tool to recreate a wooden texture too
Nice tut, excellent result!
MoNsTeR July 4th
Just add some blood and you have something.
Ali July 5th
nice tutorial, good practice..
Joefrey Mahusay July 6th
Great tuts.
Shane July 6th
interesting tutorial - thanks for posting.
Tim July 6th
Nice tutorial, thanks! This is actually my first tutorial and my first time trying to do anything from scratch with Illustrator. I have always used Fireworks for simple vector artwork and am trying to learn to do more.
I got stuck on step 14 though. Well, not stuck, but it just seems like I was taking a very long time to set the colors. I would have to write down or keep track of what hex #’s I was using, then renter that into the next gradient color point, then adjust it from there. Is there a way to select the gradient color points and then use an eye dropper tool choose the color in another window/desktop item? Say I wanted to use the exact colors that you chose for the gradient, is there an easy way to eye drop your color selection to use those colors in my gradient?
Thanks again and keep ‘em comin’ guys!
-Tim
Michael Thompson July 8th
@Tim: You might have better luck using swatches. Also, if you’re coming from Fireworks or any other vector editing software it can take some trial and error before you get into the swing of working with colors in Illustrator — always remember that you can drag/drop just about anywhere.
mikeFARRELL July 8th
Nice one danny boy. Im printing more shirts tonight
Daniel Geraldi July 9th
Nice job! thanks!
Krystal Maria July 10th
LOOKS AMAZING!!! You did a very nice job. Also, great job on explaining all the steps, very useful.
Vector Graphics August 26th
Whoo…very detailed tutorial. I think noobs will have what to learn from this tutorial. Keep up the good work!
Add Your Comment
( GET A GRAVATAR )Your Name January 5th