{"id":1601,"date":"2021-02-25T23:37:32","date_gmt":"2021-02-25T23:37:32","guid":{"rendered":"http:\/\/sites.saic.edu\/aoc\/?p=1601"},"modified":"2021-02-26T17:17:31","modified_gmt":"2021-02-26T17:17:31","slug":"making-a-puzzle-with-the-trotec-vision","status":"publish","type":"post","link":"https:\/\/sites.saic.edu\/aoc\/making-a-puzzle-with-the-trotec-vision\/","title":{"rendered":"Making a Puzzle with the Trotec Vision"},"content":{"rendered":"<p>Written by: <b>Lou Najjar-Rulin<\/b><\/p>\n<p>In previous posts, we\u2019ve seen how to make a book with the Trotec Vision (<a href=\"https:\/\/sites.saic.edu\/aoc\/bookmaking-with-help-from-the-trotec-vision1\/\">Book Making with Help from the Trotec Vision<\/a>) but now it\u2019s time to make a puzzle. With this project, the trickiest part happens before we even touch the machine, during file setup. There are countless ways to construct different types of puzzles in illustrator, but luckily there are also tricks to speed up the process.<\/p>\n<p>The first choice you have is what you want pictured on your puzzle. This post will show you how to design a file for a puzzle which you can use without the Trotec Vision if you wish, by engraving your image into the material with the laser. However, with the Vision camera you can print and adhere your image to the material in advance, enabling you to use full color and have complete control. I\u2019m going to make 2 puzzles, one rectangular and one an irregular shape.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1602 aligncenter\" src=\"http:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/91117521f6a3bab3e03152fd1cc77562-228x300.jpg\" alt=\"\" width=\"228\" height=\"300\" srcset=\"https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/91117521f6a3bab3e03152fd1cc77562-228x300.jpg 228w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/91117521f6a3bab3e03152fd1cc77562-779x1024.jpg 779w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/91117521f6a3bab3e03152fd1cc77562-768x1009.jpg 768w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/91117521f6a3bab3e03152fd1cc77562-150x197.jpg 150w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/91117521f6a3bab3e03152fd1cc77562.jpg 900w\" sizes=\"auto, (max-width: 228px) 100vw, 228px\" \/><\/p>\n<p>There\u2019s always the option of drawing your puzzle pieces by hand and then tracing them in illustrator or drawing them directly on the computer. Creating them yourself allows you to make unusual shapes and be more creative with the outcome. For a more clean and traditional look there are free sites that will let you put in specifications to automatically generate vectors for a jigsaw puzzle. I\u2019m going to use this one for \u201cAnne Thinking with Ice Cream\u201d<\/p>\n<p><a href=\"https:\/\/cdn.rawgit.com\/Draradech\/35d36347312ca6d0887aa7d55f366e30\/raw\/b04cf9cd63a59571910cb226226ce2b3ed46af46\/jigsaw.html\">A Jigsaw Puzzle Generator<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1603 aligncenter\" src=\"http:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/Screen-Shot-2021-01-28-at-10.43.40-AM-294x300.png\" alt=\"\" width=\"294\" height=\"300\" srcset=\"https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/Screen-Shot-2021-01-28-at-10.43.40-AM-294x300.png 294w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/Screen-Shot-2021-01-28-at-10.43.40-AM-1005x1024.png 1005w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/Screen-Shot-2021-01-28-at-10.43.40-AM-768x783.png 768w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/Screen-Shot-2021-01-28-at-10.43.40-AM-150x153.png 150w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/Screen-Shot-2021-01-28-at-10.43.40-AM.png 1042w\" sizes=\"auto, (max-width: 294px) 100vw, 294px\" \/><\/p>\n<p>You can mess around with the different settings to find a shape you like for your puzzle pieces, just get the overall size close to the size of your rectangle. Don\u2019t worry if it\u2019s not perfect, since it will create vectors that you can easily adjust the size again in Illustrator, though it may affect the shape of the pieces. When you like the way it looks click \u201cDownload SVG\u201d and open the file in illustrator. At this point you can change the strokes around the puzzle pieces to red, and the stroke around the outside of the whole image to blue, so that the inside cuts first to avoid shifting. Don\u2019t use black for any of the strokes, because you will need it later for the registration marks for the camera. Depending what website you use you may have to release or ungroup the resulting vectors in order to edit the lines individually. Once this is done, lay the file over your image and adjust so the rectangles line up.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1604 aligncenter\" src=\"http:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/Screen-Shot-2021-01-28-at-10.46.53-AM-230x300.png\" alt=\"\" width=\"230\" height=\"300\" srcset=\"https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/Screen-Shot-2021-01-28-at-10.46.53-AM-230x300.png 230w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/Screen-Shot-2021-01-28-at-10.46.53-AM-150x196.png 150w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/Screen-Shot-2021-01-28-at-10.46.53-AM.png 612w\" sizes=\"auto, (max-width: 230px) 100vw, 230px\" \/><\/p>\n<p>For the irregular shape these square pieces won\u2019t work, so I\u2019ll have to create my own pieces. I\u2019m going to copy a couple sections from the jigsaw puzzle to make it easier. Then I will \u201cpuzzle\u201d them in until the shape is fully broken down. The result is more varied, but also more irregularly shaped pieces, and it takes a bit more time than the rectangle. I added a circle to the center of this design to hold the two halves of the puzzle together. Make sure as you compose your file that the strokes are red, blue, or another color recognized by job control that is NOT black, as black should be reserved for the registration marks you will add in the next step.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1605 aligncenter\" src=\"http:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/Screen-Shot-2021-01-28-at-12.34.43-PM-300x295.png\" alt=\"\" width=\"300\" height=\"295\" srcset=\"https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/Screen-Shot-2021-01-28-at-12.34.43-PM-300x295.png 300w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/Screen-Shot-2021-01-28-at-12.34.43-PM-768x756.png 768w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/Screen-Shot-2021-01-28-at-12.34.43-PM-150x148.png 150w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/Screen-Shot-2021-01-28-at-12.34.43-PM.png 1000w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>For both of the examples here I thickened the line so it would be visible in the screenshot, but your stroke weights should all be set to 0.01. Once the stroke weights and colors are set, all there is left to do is add the registration marks that show the camera where to cut. They should be black \u00bc inch circles surrounding the design. The more detailed or complex the edge, the more points you need. It\u2019s very important that these marks are in the same spot in the image you\u2019re going to print as they are in the file you\u2019ll cut. Lay them on top of each other in illustrator to align the marks perfectly.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1606 aligncenter\" src=\"http:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/composite-300x300.jpg\" alt=\"\" width=\"300\" height=\"300\" srcset=\"https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/composite-300x300.jpg 300w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/composite-150x150.jpg 150w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/composite-768x768.jpg 768w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/composite.jpg 800w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Print out the image without the vector lines, so all you have is the picture you want on your puzzle and the registration marks. You can print directly on the material you want to cut or you can print on paper and glue it onto your material with a thin layer of white school glue or regular wood glue, which should be done the night before to ensure it is completely dry. The file you will send to the laser cutter should have the vector lines and registration marks, but not the original image. When you input your power settings set black to \u201cRegMarks.\u201d Make sure that the physical image in the machine is oriented the same way as the file in Job Control, so all the registration marks are situated in approximately the same spot in relation to each other.<\/p>\n<p>A staff member will help you to attach the Vision camera. Focus the laser as usual, and when you hit \u201cplay\u201d in Job Control it will prompt you to find the first registration mark by moving the laser until the camera shows the mark on the screen. Click \u201cok\u201d and the camera will find the rest of the points automatically and start the cut. If the machine fails to find your reg marks it will tell you there is an error and you can go back to your file and make sure the marks are in the same exact spot on the material and in your file. Each of these took less than 10 minutes to cut, though they\u2019ll take much longer for me to reassemble!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1607 aligncenter\" src=\"http:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/IMG_8507-225x300.jpeg\" alt=\"\" width=\"225\" height=\"300\" srcset=\"https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/IMG_8507-225x300.jpeg 225w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/IMG_8507-150x200.jpeg 150w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/IMG_8507.jpeg 750w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1608 aligncenter\" src=\"http:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/IMG_8505-225x300.jpeg\" alt=\"\" width=\"225\" height=\"300\" srcset=\"https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/IMG_8505-225x300.jpeg 225w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/IMG_8505-150x200.jpeg 150w, https:\/\/sites.saic.edu\/aoc\/wp-content\/uploads\/sites\/68\/2021\/02\/IMG_8505.jpeg 750w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to make puzzles using the Trotec&#8217;s Vision camera.<\/p>\n","protected":false},"author":165,"featured_media":1608,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7],"tags":[],"class_list":["post-1601","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laser-cutter"],"acf":[],"_links":{"self":[{"href":"https:\/\/sites.saic.edu\/aoc\/wp-json\/wp\/v2\/posts\/1601","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.saic.edu\/aoc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.saic.edu\/aoc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.saic.edu\/aoc\/wp-json\/wp\/v2\/users\/165"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.saic.edu\/aoc\/wp-json\/wp\/v2\/comments?post=1601"}],"version-history":[{"count":3,"href":"https:\/\/sites.saic.edu\/aoc\/wp-json\/wp\/v2\/posts\/1601\/revisions"}],"predecessor-version":[{"id":1611,"href":"https:\/\/sites.saic.edu\/aoc\/wp-json\/wp\/v2\/posts\/1601\/revisions\/1611"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sites.saic.edu\/aoc\/wp-json\/wp\/v2\/media\/1608"}],"wp:attachment":[{"href":"https:\/\/sites.saic.edu\/aoc\/wp-json\/wp\/v2\/media?parent=1601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.saic.edu\/aoc\/wp-json\/wp\/v2\/categories?post=1601"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.saic.edu\/aoc\/wp-json\/wp\/v2\/tags?post=1601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}