How to Make Halftone Vectors for Lasercutting (Method 2)

by charleneeshong in Workshop > Laser Cutting

7113 Views, 71 Favorites, 0 Comments

How to Make Halftone Vectors for Lasercutting (Method 2)

20426900_10155650428603826_371627472_o.jpg

This is a continuation of my other Instructables, How to Make Halftone Vectors for Lasercutting (Method 1). As the title suggests, this is Method 2! They produce different results, so it's up to you to choose which one you prefer appearance-wise. Both methods are done in Adobe Illustrator. As mentioned in my other Instructable, "halftone" refers to an art style meant to simulate continuous tone imagery through the use of dots, similar to stippling; it's often used in comics and has its own unique look (read more here).

Choose Your File + Onto Illustrator!

Lion.png
2017-07-22 17_45_17-.png

Import the image you'd like to use into Illustrator; I will continue to use my lion's head so as to clearly indicate the difference between the two Halftone methods and how they turn out when lasercut. Create a new Illustrator file, and place your image into it (File -> Place). You'll want to Embed the image, so that Illustrator can apply more methods to it.

Object Mosaic

2017-07-24 13_07_47-lion.ai_ @ 92.78% (RGB_Preview).png

This time, instead of using the Color Halftone method in Illustrator, we'll be creating an Object Mosaic out of our embedded image. To reach this option, select your image and find the Object -> Create Object Mosaic... option near the top of the window.

Dialog Box

2017-07-24 13_09_48-Start.png
2017-07-24 13_10_52-lion.ai_ @ 92.78% (RGB_Preview).png
2017-07-24 13_11_04-lion.ai_ @ 92.78% (RGB_Preview).png

You'll get the Create Object Mosaic dialog box, and get to choose your settings! The most relevant one for us will be the Number of Tiles, since our "tiles" will end up creating our halftone circles and you want enough to accurately represent your image. Since my images have been fairly small (within 12" x 12") I have found that keeping the number of tiles within 100 has worked fairly well. Still, I highly recommend you play with these settings based on the complexity of your image! Furthermore, select Use Ratio to create evenly sized and spaced square tiles.

Graphic Styles Pt. 1

2017-07-24 14_06_18-.png
2017_07_24_13_55_01_Photos.png

Now, double click the grouped tile vectors to enter Isolation Mode for the group (you should see an extra gray line indicating that you're in Layer _ <Group>) and then select one tile of a specific color. In our case, since we started with a black and white image, our tiles are grayscale (in shades of black to white); thus, we'll want to select the a Black tile since they are the primary building blocks of our image. Then, with that tile selected, click Effect -> Convert to Shape -> Ellipse... .

Graphic Styles Pt. 2

2017_07_24_14_30_14_lion.ai_257.82_RGB_Preview_.png
2017-07-24 14_35_51-lion.ai_ @ 257.82% (RGB_Preview).png
2017-07-24 14_37_51-lion.ai_ @ 400% (RGB_Preview).png
2017-07-24 14_38_01-lion.ai_ @ 400% (RGB_Preview).png

After selecting Ellipse, the Shape Options dialog box should pop up. Set size to Absolute to save later headaches, then adjust the Width and Height of your circle so that it fits within your tile (you don't want the created circle to be larger than the tile, otherwise they will overlap!). Use the Preview option to help you visualize your changes!

Then, you'll want to save your ellipse as a Graphic Style. Go to Window -> Graphic Styles at the top to pull up the Graphic Styles window, and then drag and drop your created ellipse into it. You should see a new Graphic Style pop up that looks like a circle!

Magic Wand Tool

2017-07-24 14_46_24-Cortana.png
2017-07-24 14_44_34-lion.ai_ @ 296.28% (RGB_Preview).png
2017-07-24 14_44_52-lion.ai_ @ 93.53% (RGB_Preview).png
2017-07-24 14_48_24-lion.ai_ @ 242.06% (RGB_Preview).png

After creating your Graphic Style with your black dot, you can use the Magic Wand Tool (shortcut Y for Windows) to select all black tiles in your group. Then, if you select your new Graphic Style from the Graphic Styles window while all tiles are selected, you'll see them change into the style! All your black tiles should now have turned into black circles.

Shades

2017-07-24 14_52_44-lion.ai_ @ 390.54% (RGB_Preview).png
2017-07-24 14_53_00-lion.ai_ @ 390.54% (RGB_Preview).png
2017-07-24 14_55_26-lion.ai_ @ 150% (RGB_Preview).png

Now you'll want to repeat the above process with your shades of grey! I was a bit lazy this time around, so I decided to change all my shades of grey into one smaller circle; if you'd like to be more careful with your design, feel free to create more circles of various sizes depending on the various shades of color of your original image!

Change the Colors

2017-07-24 14_58_08-lion.ai_ @ 150% (RGB_Preview).png
2017-07-24 15_01_00-lion.ai_ @ 100% (RGB_Preview).png
2017-07-24 15_03_18-lion.ai_ @ 100% (RGB_Preview).png

Lastly, you'll want to Exit Isolation Mode, and delete the original image so you can see your circles. It should look like a halftone image! Then, as before, all that's left is to change their colors appropriately for laser cutting. This will vary across each machine, and since ours take full red vectors as cutting lines, I adjusted the colors to be red. There you go! You now have an awesome design ready for laser cutting. Please let me know if you have any questions, and I'll include my lion2 file for fun in case you want to open it to see how it looks.

Downloads

Lasercut!

20426900_10155650428603826_371627472_o.jpg
20317179_10155650554768826_253780383_o.jpg
20447412_10155650428518826_929317261_o.jpg

Here's a look at how it turned out when lasercut! There's definitely a difference between this method and Method 1, so let me know which one you prefer and why!