{"id":1945,"date":"2018-09-05T20:01:38","date_gmt":"2018-09-05T20:01:38","guid":{"rendered":"http:\/\/nickcassway.com\/designblog\/?p=1945"},"modified":"2018-10-11T14:57:58","modified_gmt":"2018-10-11T14:57:58","slug":"subtle-textures-in-illustrator-diamonds-02","status":"publish","type":"post","link":"http:\/\/nickcassway.com\/designblog\/?p=1945","title":{"rendered":"Subtle Textures in Illustrator \u2013 Diamonds 02"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1946\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond00.jpg\" alt=\"\" width=\"701\" height=\"175\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond00.jpg 701w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond00-300x75.jpg 300w\" sizes=\"auto, (max-width: 701px) 100vw, 701px\" \/><br \/>\nFor this diamond texture, you can use any diamond size you prefer, just use the grid and snap to grid to keep it well organized and predictable.<br \/>\n<!--more-->1. In a new document or the same one as your last pattern, <strong>turn on the Grid<\/strong> and <strong>turn on Snap to Grid.\u00a0<\/strong>Go to the FILE menu &gt; DOCUMENT COLOR MODE &gt; RGB (this will ensure all of our blendings works correctly.)<br \/>\n2. Change your <strong>fill color to black<\/strong> and your <strong>stroke to white<\/strong>. Make sure the stroke is aligned to the center of the path.<br \/>\n3. <strong>Draw a diamond<\/strong> &#8211; in my example, my diamond is 2 small grid squares wide by 6 small grid squares high but you can use any symmetrical diamond.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1947\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond01.jpg\" alt=\"\" width=\"347\" height=\"398\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond01.jpg 507w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond01-261x300.jpg 261w\" sizes=\"auto, (max-width: 347px) 100vw, 347px\" \/><br \/>\n4. <strong>Copy the diamond three times<\/strong> and arrange them as illustrated below. With Snap to Grid turned on you can ensure that the corners will touch each other.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1948\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond02.jpg\" alt=\"\" width=\"165\" height=\"329\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond02.jpg 247w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond02-151x300.jpg 151w\" sizes=\"auto, (max-width: 165px) 100vw, 165px\" \/><br \/>\n5. <strong>Draw a rectangle<\/strong> that snaps to the upper and bottom points of the left and right diamonds. Change the fill and stroke of the rectangle to none and then go to the OBJECT menu &gt; ARRANGE &gt; SEND TO BACK. This step is crucial as the invisible box\u00a0 &#8211; the Clipping Mask &#8211; defines the overall size of the repeated tile. <strong>The Clipping Mask must be unpainted (no fill or stroke) and MUST be the bottom-most object.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1949\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond03.jpg\" alt=\"\" width=\"170\" height=\"346\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond03.jpg 226w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond03-147x300.jpg 147w\" sizes=\"auto, (max-width: 170px) 100vw, 170px\" \/><\/strong><br \/>\n6. Drag all 5 elements (the 4 diamonds and one rectangle) into the <strong>Swatches Panel.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1950\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond04.jpg\" alt=\"\" width=\"349\" height=\"383\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond04.jpg 657w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond04-274x300.jpg 274w\" sizes=\"auto, (max-width: 349px) 100vw, 349px\" \/><\/strong><br \/>\n7. Make a large shape and select the diamond pattern as the fill.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1951\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond05.jpg\" alt=\"\" width=\"440\" height=\"110\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond05.jpg 546w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond05-300x75.jpg 300w\" sizes=\"auto, (max-width: 440px) 100vw, 440px\" \/><br \/>\nSome Variations:<br \/>\nInstead of solid lines change them to dotted lines. Select the 4 shapes and change the <strong>stroke to 1pt<\/strong> and the <strong>end caps to Round Cap<\/strong>. Click on <strong>Dashed Line<\/strong> and make the <strong>Dash 0 pts<\/strong> and the <strong>Gap 4pts<\/strong>. Make sure the option to &#8220;<strong><em>Aligns dashes to corners and path ends, adjusting lengths to fit<\/em><\/strong>&#8221; is selected &#8211; this will ensure a dot is on each corner and the dots will line up from shape to shape.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1952\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond06.jpg\" alt=\"\" width=\"316\" height=\"331\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond06.jpg 557w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond06-286x300.jpg 286w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/><br \/>\nDrag the 5 elements into the Swatch Panel.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1953\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond07.jpg\" alt=\"\" width=\"447\" height=\"111\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond07.jpg 447w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond07-300x74.jpg 300w\" sizes=\"auto, (max-width: 447px) 100vw, 447px\" \/><br \/>\n&#8211; Try <strong>reversing the colors<\/strong>, a white fill with black dots.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1954\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond08.jpg\" alt=\"\" width=\"442\" height=\"110\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond08.jpg 474w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond08-300x75.jpg 300w\" sizes=\"auto, (max-width: 442px) 100vw, 442px\" \/><br \/>\n&#8211; Or change the <strong>stroke to none<\/strong> and the<strong> fill to a black to white gradient<\/strong> with the white at the top and the black at the bottom (you will need to change one and then copy it)<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1955\" src=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond09.jpg\" alt=\"\" width=\"444\" height=\"111\" srcset=\"http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond09.jpg 609w, http:\/\/nickcassway.com\/designblog\/wp-content\/uploads\/2018\/09\/Diamond09-300x75.jpg 300w\" sizes=\"auto, (max-width: 444px) 100vw, 444px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>For this diamond texture, you can use any diamond size you prefer, just use the grid and snap to grid to keep it well organized and predictable.<\/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-1945","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\/1945","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=1945"}],"version-history":[{"count":3,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts\/1945\/revisions"}],"predecessor-version":[{"id":2123,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts\/1945\/revisions\/2123"}],"wp:attachment":[{"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1945"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1945"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}