Creating Realistic Texture and a Sharp Vector Knife
Download Source Files
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!
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Dan Hess
Join our newsletter!
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Vectortuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
Nice job
Very nice tutorial, good work. I like it.
coolo one!!
Nice 1!
Very cool.
Wow, that looks fantastic! Very realistic.
cool way to make the texture.
thats cool
i always thought such a woodstructure was harder to do :-)
great result!
Would be cool to see this extruded in 3d.
Nice job!
Cool beans. This is the quality of tuts I’m looking for, best one yet.
For the handle you can draw a few lines and used the warp tool to recreate a wooden texture too ;)
Nice tut, excellent result!
Just add some blood and you have something.
nice tutorial, good practice..
Great tuts.
interesting tutorial – thanks for posting.
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
@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.
Nice one danny boy. Im printing more shirts tonight
Nice job! thanks!
LOOKS AMAZING!!! You did a very nice job. Also, great job on explaining all the steps, very useful.
Whoo…very detailed tutorial. I think noobs will have what to learn from this tutorial. Keep up the good work!
Nice tips
Nice work
Wicked! Nice tut
i like it and i desire able to take past with a presentation for fruits designing.
Thank you for tutorial instruction.
I followed every step getting a great knife, thanks for sharing
really helps a lot in studies……………………..thnxxxxxxxxx frnds
Very Cool
Working on a new website background right now. This tutorial should help thanks.