{"id":1633,"date":"2017-01-27T19:39:50","date_gmt":"2017-01-27T19:39:50","guid":{"rendered":"http:\/\/nickcassway.com\/designblog\/?p=1633"},"modified":"2017-01-27T20:35:42","modified_gmt":"2017-01-27T20:35:42","slug":"illustrator-cross-hatching","status":"publish","type":"post","link":"http:\/\/nickcassway.com\/designblog\/?p=1633","title":{"rendered":"Illustrator Cross Hatching"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1645\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch.jpg\" alt=\"CrossHatch\" width=\"600\" height=\"104\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch.jpg 600w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch-300x52.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><br \/>\nIn this tutorial we will be emulating cross-hatching using some effects and the blend tool. The tutorial is pretty straight forward and gives you lots of places to make your own variations.<br \/>\n<!--more--><br \/>\n1. Change colors to <strong>Black<\/strong>\u00a0for the Stroke and <strong>None<\/strong>\u00a0for the Fill. Change the <strong>stroke weight<\/strong> to .5pt<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1635\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch00.jpg\" alt=\"CrossHatch00\" width=\"260\" height=\"374\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch00.jpg 260w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch00-209x300.jpg 209w\" sizes=\"auto, (max-width: 260px) 100vw, 260px\" \/><br \/>\n2. With the line tool, <strong>draw a vertical<\/strong> line about 2 inches high<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1636 size-thumbnail\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch01-150x150.jpg\" alt=\"CrossHatch01\" width=\"150\" height=\"150\" \/><br \/>\n3. With the line selected go to the EFFECTS menu &gt; DISTORT &amp; TRANSFORM &gt; TRANSFORM. The key to making this look realistic is to make<strong> subtle adjustments,<\/strong> as if you were trying to keep the lines as straight as possible but there was some variation due to the fact that you are a human and not a robot. Change the\u00a0<strong>vertical and horizontal scale<\/strong> to 101% and 99% (you can even use a decimal point for say 101.5% if you like). Under <strong>Rotate<\/strong> put in between 2 and 7 degrees depending on how varied you want it. Set\u00a0the <strong>origin<\/strong> to the bottom and then check the <strong>Random<\/strong> box, this will ensure that every instance that is made with the blend will be varied.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1637\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch02.jpg\" alt=\"CrossHatch02\" width=\"364\" height=\"595\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch02.jpg 364w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch02-184x300.jpg 184w\" sizes=\"auto, (max-width: 364px) 100vw, 364px\" \/><br \/>\n4. To add even\u00a0more realism to the crosshatching we&#8217;ll <strong>roughen<\/strong> it up a bit using the EFFECTS menu &gt; DISTORT &amp; TRANSFORMATIONS &gt; ROUGHEN. Make the settings very low 1% for <strong>Size<\/strong>, 1\/in for <strong>Detail<\/strong> and make the points<strong> Smooth<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1644\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch02a.jpg\" alt=\"CrossHatch02a\" width=\"439\" height=\"337\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch02a.jpg 439w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch02a-300x230.jpg 300w\" sizes=\"auto, (max-width: 439px) 100vw, 439px\" \/><br \/>\n5.Select the line with the <strong>Black Arrow<\/strong>, Alt\/Opt <strong>drag a copy<\/strong> over the left about 3 &#8211; 4 inches<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1638 size-medium\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch03-300x157.jpg\" alt=\"CrossHatch03\" width=\"300\" height=\"157\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch03-300x157.jpg 300w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch03.jpg 712w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><br \/>\n6. Select both lines and go to the OBJECT menu &gt; BLEND &gt; BLEND OPTIONS. Change\u00a0the <strong>Spacing<\/strong> to Specified Steps and put in a number 200 to 300 &#8211; we can edit the blend after the fact to change the spacing.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1639 size-full\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch04.jpg\" alt=\"CrossHatch04\" width=\"336\" height=\"211\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch04.jpg 336w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch04-300x188.jpg 300w\" sizes=\"auto, (max-width: 336px) 100vw, 336px\" \/><br \/>\n7. Go to the OBJECT menu &gt; BLEND &gt; MAKE BLEND<br \/>\n8. If your results need adjustment you can <strong>select the blend object<\/strong> (both lines and the stuff in between them) and go back to BLEND OPTIONS and change the number of steps.<br \/>\n9. If you want to <strong>adjust the transformation<\/strong> of the lines, select one of the lines with the <strong>white arrow<\/strong> and open up the <strong>Appearances Panel<\/strong> (WINDOW menu &gt; APPEARANCES) and click on the Transform effect at the bottom, this will open up the Transform Effect window and you can make your refinements. You can adjust the roughen settings as well.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1643\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch05-1-300x253.jpg\" alt=\"CrossHatch05\" width=\"300\" height=\"253\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch05-1-300x253.jpg 300w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch05-1.jpg 450w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><br \/>\n10. Make a <strong>copy<\/strong> of the blend object and use the <strong>Rotate Transformation<\/strong> tool to rotate it 90 degrees and overlap it on top of the original blend.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1641\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch06-300x231.jpg\" alt=\"CrossHatch06\" width=\"300\" height=\"231\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch06-300x231.jpg 300w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch06.jpg 434w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><br \/>\n11. To <strong>change the proportion<\/strong> of the blend, select the blend object with the Black arrow and move the handles on the bounding box (the bounding box needs to be on VIEW menu &gt; SHOW BOUNDING BOX &#8211; it&#8217;s typically already on by default)<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1642\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch07-300x210.jpg\" alt=\"CrossHatch07\" width=\"300\" height=\"210\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch07-300x210.jpg 300w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2017\/01\/CrossHatch07.jpg 513w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial we will be emulating cross-hatching using some effects and the blend tool. The tutorial is pretty straight forward and gives you lots of places to make your own variations.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[7],"class_list":["post-1633","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-illustrator"],"_links":{"self":[{"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts\/1633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1633"}],"version-history":[{"count":5,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts\/1633\/revisions"}],"predecessor-version":[{"id":1650,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts\/1633\/revisions\/1650"}],"wp:attachment":[{"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1633"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1633"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}