Forum

Welcome Guest 

Show/Hide Header

Welcome Guest, posting in this forum requires registration.





Pages: [1]
Author Topic: Using Inkscape to Generate Vectorized Halftones
kongorilla
Pro
Posts: 362
Permalink
kongorilla
Post Using Inkscape to Generate Vectorized Halftones
on: September 19, 2012, 13:00
Quote

It's been general practice among polargraph operators to use a program such as Rasterbater to convert bitmaps to vectorized halftone images. Once doing so, I (and I assume others) would then import the vectors into Inkscape for additional editing. I've recently discovered, however, that Inkscape is fully capable of halftone conversion on its own, and has some additional features that I'm really excited about.

I'm going to insert the caveat that I've found Inkscape's tool to be a little buggy (using the Windows version). It's possible the problems I've encountered were due to me semi-blindly poking about. But even now, with a standard workflow established, I still sometimes get wackidoodle results. When things go horribly wrong, I've found the best solution is to toss out what I've done and start over from scratch.

THE SHORT VERSION

    - Import a bitmap into Inkscape
    - Draw a small shape to define what your halftone "dots" will look like
    - Put the dot shape over the top left corner of your bitmap and leave the dot selected
    - Select Edit/Clone/Create Tiled Clones...
    - Adjust, primarily, the parameters under the "Trace" tab (other tabs have useful stuff, too)
    - Hit "Create"

THE LONG VERSION

1. Import a bitmap into Inkscape using File/Import...
Take note of the dimensions of your file (e.g. 600x800 pixels). Don't scale your image in Inkscape.

2. Draw a shape that will define what your halftone "dots" will look like. It needn't be a circle, it can be any vector shape. Since the "fill" setting on your shape won't affect your polargraph drawing, consider bringing the line inside your shape, too, to fill it somewhat. Scale the shape to be the size you want your largest dots to be (in other words, the grid size). If your dot is made of multiple lines (like the star below), you must combine the lines together with cntrl+k (>Path/Combine).
Image

3. Move the dot so it's just touching the top and left edges of your bitmap.
Image

4. With your dot selected, go to Edit/Clone/Create Tiled Clones...

5. Click the Trace tab on the far right.

    Add a check to the Trace the drawing under the tiles box.
    Under 1. Pick from the Drawing:, select Color.
    Under 3. Apply the value to the clones':, check Size only.

6. The Shift, Scale and Rotation tabs have useful parameters, especially Randomize. Play with them sometime.

7. Near the bottom of the dialog box, select Width, height and enter the dimensions of your bitmap, and make sure px is the unit you're using.

8. Cross your fingers, pay tribute to a higher power, and click the "Create" button. It might take a while to create all the clones, especially if your dot shape is relatively small. You might even crash Inkscape if it has to make too many clones. Next time, use a larger dot.

9. Here's the part I especially like: Since the dots are all clones (rather than copies), when you edit your original shape, all the clones update. This makes adjusting your image easy, and experimenting really fun. When scaling your dot, you should hold the shift key, so the scale is done around the center of the dot (shift+cntrl for scaling both axis at the same time). Otherwise, your dot clones will shift off-center.

10. Save your file. Then delete the original dot shape. Using a different filename, save the file again. Use this second file in the polargraph controller. Save the first file for future editing.

I think that's it. Let me know if you find steps I've forgotten or if you run into other problems, and I'll update the tutorial.

Here are the first images I've done with this technique. One uses the square spiral example seen above, and the other uses the scribble shape with random rotation added.

Image
Image
Image
Image

sandy
Administrator
Posts: 1317
Permalink
sandy
Post Re: Using Inkscape to Generate Vectorized Halftones
on: September 20, 2012, 00:33
Quote

Oh man you're putting me to shame Kong - this is brilliant! I never used inkscape enough to discover half the stuff it does, but this is a great discovery. Pretty much knocks rasterbator into a cocked hat.

I love the scribble pixel one - I think odd angles and irregular shapes are necessary for building up a higher-than-max level of density. Like the circles and the squares we're used to have that weird density aliasing that happens at 100% pixel size, but something that doesn't have a distinct boundary can expand more flexibly - more effectively.

The square spiral has it's own beauty to it mind. This is basically a way of doing polargraph-style shading in software. I knew I was right not to build that into the controller 🙂

Cheers Kong, thanks for writing this up so clearly and sharing it with us. I'm going to have a better look at what inkscape can do for me in future 🙂

Sandy Noble

kongorilla
Pro
Posts: 362
Permalink
kongorilla
Post Re: Using Inkscape to Generate Vectorized Halftones
on: September 25, 2012, 00:03
Quote

I've been using Inkscape for years, and didn't know about this feature. It reminds me of the old Hitchhiker's Guide joke about the plans for the bypass being on display "in the bottom of a locked filing cabinet stuck in a disused lavatory with a sign on the door saying 'Beware of the Leopard'."

It's like the Inkscape developers wanted us to have a sense of accomplishment just discovering it.

sandy
Administrator
Posts: 1317
Permalink
sandy
Post Re: Using Inkscape to Generate Vectorized Halftones
on: September 25, 2012, 18:10
Quote

You've unlocked level 2 achievements!

jcliff
Newbie
Posts: 9
Permalink
Post Re: Using Inkscape to Generate Vectorized Halftones
on: December 16, 2012, 23:05
Quote

The trace features of that dialog were explained fairly well by Bulia in the screenshots he did when it was new and fancy:

http://inkscape.org/screenshots/index.php?lang=en&version=0.42

For actual documentation I recommend Tavs book:

http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Tiles-Trace.html

if you find things that crash it in a way you can reliable reproduce then report it to our tracker, if there's things it doesn't do that you wish it would, file them in the tracker too (or start a blueprint on launchpad). - https://launchpad.net/inkscape

davefromsh-
effield
Newbie
Posts: 12
Permalink
Post Re: Using Inkscape to Generate Vectorized Halftones
on: February 9, 2016, 11:39
Quote

Tried it - first attempt at inkscape, works well but now stuck. Please bear with me
Do you have to separate clones from original image ? (how)
What do you save it as (svg, jpeg, png)
What do you load into controller
Thank you dave

davefromsh-
effield
Newbie
Posts: 12
Permalink
Post Re: Using Inkscape to Generate Vectorized Halftones
on: February 9, 2016, 12:41
Quote

Ok progress ? if I do a selection on my drawing but just miss the last column of clones off I can drag the remainder to one side and delete the original drawing that remains.
I now have just the clones
save as svg
In polarcontroller load vector
clone drawing appears (with large pink spot just off centre)
select area and draw red frame around graphic
set frame to area
move vector - vector floats but wont drop on paper
red frame remains in original position ?

davefromsh-
effield
Newbie
Posts: 12
Permalink
Post Re: Using Inkscape to Generate Vectorized Halftones
on: February 9, 2016, 12:52
Quote

Ok pennies dropped
select area first (draw a red box on your paper)
set frame to area (defines this as the drawing area on your paper)
then move vector into this box and it 'sticks'

sandy
Administrator
Posts: 1317
Permalink
sandy
Post Re: Using Inkscape to Generate Vectorized Halftones
on: February 9, 2016, 20:17
Quote

It's not very well explained - thanks for persisting 🙂

Pages: [1]
Mingle Forum by cartpauj
Version: 1.0.34 ; Page loaded in: 0.023 seconds.