{"id":1206,"date":"2023-08-08T22:56:40","date_gmt":"2023-08-08T22:56:40","guid":{"rendered":"https:\/\/blogs.eciad.ca\/comdtech\/?p=1206"},"modified":"2025-07-22T21:13:06","modified_gmt":"2025-07-22T21:13:06","slug":"how-to-use-placed-images-with-riso-spot-colours","status":"publish","type":"post","link":"https:\/\/palette.ecuad.ca\/comdtech\/2023\/08\/08\/how-to-use-placed-images-with-riso-spot-colours\/","title":{"rendered":"How To Use Placed Images With Riso Spot Colours"},"content":{"rendered":"<p>Have you downloaded our custom set of <a href=\"https:\/\/palette.ecuad.ca\/comdtech\/risograph\/templates\/\">studio spot colours<\/a> for Risograph, or set up <a href=\"https:\/\/palette.ecuad.ca\/comdtech\/risograph\/templates\/#Pantone\">Pantone<\/a> colours in your file? Once you have either of these sets of special colours in your InDesign or Illustrator swatches, it&#8217;s easy to apply them to text or vector shapes &#8211; but it&#8217;s not as obvious how to use them on pixel-based placed images like photographs or illustrations. Let&#8217;s go through the steps!<\/p>\n<p><!--more--><\/p>\n<h2>Open your image in Photoshop.<\/h2>\n<p>The image will need to be saved in Grayscale mode. Go to Image &gt; Mode &gt; Grayscale in the menu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1207\" src=\"http:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/mode-grayscale-884x1024.png\" alt=\"Going to Image &gt; Mode Grayscale in the Photoshop menu\" width=\"525\" height=\"608\" srcset=\"https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/mode-grayscale-884x1024.png 884w, https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/mode-grayscale-259x300.png 259w, https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/mode-grayscale-768x890.png 768w, https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/mode-grayscale.png 1184w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>If you&#8217;re starting with a colour image: you can also try Image &gt; Adjustments &gt; Black &amp; White first, before Image &gt; Mode &gt; Grayscale, to customize how it&#8217;s converting your colours to gray.<\/p>\n<p>You should now see the word &#8220;Gray&#8221; in the tab next to the file name.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1208\" src=\"http:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/gray-tab.png\" alt=\"\" width=\"506\" height=\"94\" srcset=\"https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/gray-tab.png 506w, https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/gray-tab-300x56.png 300w\" sizes=\"auto, (max-width: 506px) 100vw, 506px\" \/><\/p>\n<p>It&#8217;s not enough that it&#8217;s Gray &#8211; for this to work, it also has to be flat, and saved as a specific file type. Go to the Layer menu, and Flatten Image.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1901\" src=\"http:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/flatten.png\" alt=\"\" width=\"1604\" height=\"1708\" srcset=\"https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/flatten.png 1604w, https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/flatten-282x300.png 282w, https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/flatten-962x1024.png 962w, https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/flatten-768x818.png 768w, https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/flatten-1442x1536.png 1442w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/p>\n<p>To double check if the image is properly flat: look at Layers (Window &gt; Layers.) Your file should now only have one layer, called &#8220;Background&#8221;, and it should be locked.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1902\" src=\"http:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/flat-layer.png\" alt=\"\" width=\"488\" height=\"358\" srcset=\"https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/flat-layer.png 488w, https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/flat-layer-300x220.png 300w\" sizes=\"auto, (max-width: 488px) 100vw, 488px\" \/><\/p>\n<p>You should also not see any of the checker pattern that represents transparency. If it&#8217;s all flattened, any transparent areas of your grayscale image should just look white.<\/p>\n<h2>Save As&#8230;<\/h2>\n<p>Once your image is gray and flat, go to File &gt; Save As&#8230; and choose either\u00a0<strong>&#8220;Photoshop&#8221;\u00a0<\/strong>or\u00a0<strong>&#8220;TIFF&#8221;\u00a0<\/strong>as the format. These are file types that support the true grayscale colour mode, and will work for applying colours to this image in InDesign or Illustrator.<\/p>\n<h2>In Illustrator or InDesign<\/h2>\n<p>Place your grayscale image in your document (File\u00a0 &gt; Place, or drag the file in.) To check that the mode is grayscale, open Window &gt; Links and take a look at the image information.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1213\" src=\"http:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/links-gray-1.png\" alt=\"\" width=\"896\" height=\"616\" srcset=\"https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/links-gray-1.png 896w, https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/links-gray-1-300x206.png 300w, https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/links-gray-1-768x528.png 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/p>\n<p>If it says Gray or Grayscale, it&#8217;s good and ready to use. If it says RGB or CMYK, it&#8217;s not properly saved in gray mode (even if the artwork looks black or gray) &#8211; open it up in Photoshop, convert it to gray, and save it again.<\/p>\n<p>Now, select the\u00a0<strong>image content, not the container frame\u00a0<\/strong>(one way to do this is by clicking it with the white arrow, the &#8220;direct selection&#8221;), and you&#8217;ll see that it has a black fill colour. You can change that colour to any of your swatches, and it will replace black and gray!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1903\" src=\"http:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/apply-swatch.png\" alt=\"\" width=\"1140\" height=\"1456\" srcset=\"https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/apply-swatch.png 1140w, https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/apply-swatch-235x300.png 235w, https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/apply-swatch-802x1024.png 802w, https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/apply-swatch-768x981.png 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/p>\n<p>If you apply the colours to the frame or container instead of the image content, it will apply to the white parts of the image, and act like a background colour.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1214\" src=\"http:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2025\/03\/apply-container-1024x687.png\" alt=\"Applying an InDesign swatch to the container frame\" width=\"525\" height=\"352\" \/><\/p>\n<p>If you want two inks to overprint and overlap on purpose, just set the blending mode to\u00a0<strong>&#8220;Multiply&#8221;\u00a0<\/strong>(either for both of them, or just the top object.) In InDesign, this is in Window &gt; Effects, and in Illustrator it&#8217;s in Window &gt; Transparency. You can also create overlap effects using Opacity.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1215\" src=\"http:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/multiply.png\" alt=\"Setting the blending mode to Multiply in InDesign\" width=\"576\" height=\"896\" srcset=\"https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/multiply.png 576w, https:\/\/palette.ecuad.ca\/comdtech\/wp-content\/uploads\/sites\/77\/2023\/08\/multiply-193x300.png 193w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/p>\n<p>If you don&#8217;t set up overprints with opacity or blending modes, it will instead treat the overlap as a &#8220;knockout&#8221; when we generate the separation for print (leaving a white gap in the bottom shape.)<\/p>\n<p>That&#8217;s it! Using spot colours with placed files is a great way to set up more complex layouts and publications that need to consistently use the same Riso colours for both text and images.<\/p>\n<p><strong>When you&#8217;ve got everything set up with your ink colours<\/strong>, you can either bring your working .indd or .ai file to a COMD tech appointment, or take a look at <a href=\"https:\/\/palette.ecuad.ca\/comdtech\/risograph\/templates\/#separations\">how to generate your own separations for printing.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Have you downloaded our custom set of studio spot colours for Risograph, or set up Pantone colours in your file? Once you have either of these sets of special colours in your InDesign or Illustrator swatches, it&#8217;s easy to apply them to text or vector shapes &#8211; but it&#8217;s not as obvious how to use &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/palette.ecuad.ca\/comdtech\/2023\/08\/08\/how-to-use-placed-images-with-riso-spot-colours\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How To Use Placed Images With Riso Spot Colours&#8221;<\/span><\/a><\/p>\n","protected":false},"author":106,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[2,5],"tags":[],"class_list":["post-1206","post","type-post","status-publish","format-standard","hentry","category-files-software","category-risograph"],"_links":{"self":[{"href":"https:\/\/palette.ecuad.ca\/comdtech\/wp-json\/wp\/v2\/posts\/1206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/palette.ecuad.ca\/comdtech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/palette.ecuad.ca\/comdtech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/palette.ecuad.ca\/comdtech\/wp-json\/wp\/v2\/users\/106"}],"replies":[{"embeddable":true,"href":"https:\/\/palette.ecuad.ca\/comdtech\/wp-json\/wp\/v2\/comments?post=1206"}],"version-history":[{"count":3,"href":"https:\/\/palette.ecuad.ca\/comdtech\/wp-json\/wp\/v2\/posts\/1206\/revisions"}],"predecessor-version":[{"id":1909,"href":"https:\/\/palette.ecuad.ca\/comdtech\/wp-json\/wp\/v2\/posts\/1206\/revisions\/1909"}],"wp:attachment":[{"href":"https:\/\/palette.ecuad.ca\/comdtech\/wp-json\/wp\/v2\/media?parent=1206"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/palette.ecuad.ca\/comdtech\/wp-json\/wp\/v2\/categories?post=1206"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/palette.ecuad.ca\/comdtech\/wp-json\/wp\/v2\/tags?post=1206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}