Vector Graphics

it's your vector graphics forum

Skip to content

Inkscape tutorial

Inkscape tutorial

Postby sanitarium on Wed Sep 24, 2008 9:52 am

How to Make Vector Grunge ?

In order to easily make intricate grunge shapes, we are essentially going use a picture and trace the patterns and edges using a vector graphics software tool (InkScape). Althought this IS possible to do using Illustrator’s “Live Trace,” In my opinion, InkScape leaves Illustrator in the dust as far as tracing goes (Score: Adobe-0, Open Source-1, let the battle continue!).
Tutorial Link:
sanitarium
 
Posts: 3
Joined: Tue Sep 23, 2008 9:59 pm

Re: Inkscape tutorial

Postby blaz_boy on Wed Sep 24, 2008 7:27 pm

Image
Overview:

In order to easily make intricate grunge shapes, we are essentially going use a picture and trace the patterns and edges using a vector graphics software tool (InkScape). Althought this IS possible to do using Illustrator’s “Live Trace,” In my opinion, InkScape leaves Illustrator in the dust as far as tracing goes (Score: Adobe-0, Open Source-1, let the battle continue!).

I have provided everything you need for this tutorial, except for InkScape itself.
First things First:
Image
Like I said, you can also follow along in Illustrator using Live Trace, but I highly recommend using Inkscape. and install it.
Image
(Not sure if this is true for PC users, but . . .) Once you install InkScape you might get an error saying you need a program called “X11″ in order for InkScape to work. If you get this error (which you probably will with a Mac) here are some instructions on (also Free).
Lets Get Started:

Now that you have InkScape up and running, we can get started making some quick and easy vector grunge shapes in a matter of seconds. First, download this image that I will be using for the tutorial so you can follow along. (I took this picture myself in my basement, so no copyright is involved here)

1. Open your grunge image in Photoshop.

This is the image we will get our vector shapes from, so we need to make sure there is enough contrast in the image itself, in order for Inkscape to find some detailed edges. If your image already has enough contrast, you can skip the next few steps. Here is what our original image looks like in Photoshop:
Image
2. Take up the contrast of your image

In Photoshop, go to “Image > Adjustments > Brightness/Contrast” and take up the contrast on your image a little. (Again, only if it needs it)
Image
Our image after upping the contrast: (save it)
Image
3. Open Inkscape and Import your adjusted grunge image
Image
4. Now you should see your grunge image on the InkScape artboard:
Image
5. Keep your image selected and go to “Path > Trace Bitmap.”
Image
6. Trace your image to make the vector grunge.
You will have plenty of options to play with in this window, but for learning purposes just keep the default settings for now. You can go back later and try thousands of combinations.
Image
7. Click OK to trace your image

Click “OK” and InkScape will trace the image (could take a few seconds depending on complexity) and place the vector grunge shapes on top of the original image, like this:
Image
8. Separate the vector shapes from the image

Once you have your vector grunge shapes on top, drag them aside and delete the original image so you can save your shapes as a vector file.
Image
9. Save your new vector grunge!

After you delete the image you traced, and all you have left is the grunge vector shapes, you are ready to save. Go to “File > Save As.”
Image
10. Choose your file type

I always save as “Plain SVG” when saving, because I can easily open SVG Files in Illustrator, but you can save as whatever file type that’s most convenient to you.
Image
User avatar
blaz_boy
Site Admin
 
Posts: 13
Joined: Sun Sep 21, 2008 8:53 pm
---------


Return to Tutorials and lessons

Who is online

Users browsing this forum: No registered users and 0 guests

cron