<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
><channel><title>Andrew Kelsall &#124; Creative Designer &#187; Color Theory</title> <atom:link href="http://www.andrewkelsall.com/color-theory/feed/" rel="self" type="application/rss+xml" /><link>http://www.andrewkelsall.com</link> <description>Graphic Design Blog of Andrew Kelsall</description> <lastBuildDate>Fri, 03 Feb 2012 18:29:22 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" /> <item><title>Rainbow MacBook Keyboard Decals</title><link>http://www.andrewkelsall.com/rainbow-macbook-keyboard-decals/</link> <comments>http://www.andrewkelsall.com/rainbow-macbook-keyboard-decals/#comments</comments> <pubDate>Tue, 03 Jan 2012 21:34:00 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Color Theory]]></category> <category><![CDATA[apple]]></category> <category><![CDATA[color]]></category> <category><![CDATA[mac]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=3502</guid> <description><![CDATA[<p><img
class="alignnone size-full wp-image-3503" title="Rainbow MacBook Keyboard Decals" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2012/01/Rainbow-MacBook-Keyboard-Decals.jpg" alt="Rainbow MacBook Keyboard image" width="667" height="445" /><strong>I just stumbled across these wonderful Rainbow MacBook Keyboard Decals.</strong> I'm not sure this computer would now be appropriate when working on <a
title="Avoid Bad Design with White Paint?" href="http://www.andrewkelsall.com/avoid-bad-design-with-white-paint/">colour-critical designs</a>, but they sure are sweet.</p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><img
class="alignnone size-full wp-image-3503" title="Rainbow MacBook Keyboard Decals" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2012/01/Rainbow-MacBook-Keyboard-Decals.jpg" alt="Rainbow MacBook Keyboard image" width="667" height="445" /></p><p><strong>I just stumbled across these wonderful Rainbow MacBook Keyboard Decals.</strong> I&#8217;m not sure this computer would now be appropriate when working on <a
title="Avoid Bad Design with White Paint?" href="http://www.andrewkelsall.com/avoid-bad-design-with-white-paint/">colour-critical designs</a>, but they sure are sweet.</p><p>★ These can be purchased over at <a
href="http://www.artfire.com/ext/shop/product_view/3911311" target="_blank">Artfire.com</a> (not an affiliate link).<em> Via <a
href="http://www.thefancy.com/things/260436499/Rainbow-MacBook-Keyboard-Decals" target="_blank">Pareasa</a>.</em></p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/rainbow-macbook-keyboard-decals/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Pantone Christmas Baubles</title><link>http://www.andrewkelsall.com/pantone-christmas-baubles/</link> <comments>http://www.andrewkelsall.com/pantone-christmas-baubles/#comments</comments> <pubDate>Sat, 19 Nov 2011 17:59:31 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Color Theory]]></category> <category><![CDATA[Christmas]]></category> <category><![CDATA[colour]]></category> <category><![CDATA[pantone]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=3429</guid> <description><![CDATA[<p><strong>Pantone® Christmas Baubles.</strong> I could imagine myself being some kind of pretentious stuck-up <a
title="A Print Handbook for Designers" href="http://www.andrewkelsall.com/print-handbook-designers/">designer</a> living in a posh studio apartment. When <a
title="Free Stock Photos of Christmas Bauble Tree Trimmings (2 Images)" href="http://www.andrewkelsall.com/free-stock-photos-christmas-bauble-tree-trimmings-images/">Christmas</a> came around, I'd whip out these colour-coded marvels:<img
class="alignnone size-full wp-image-3430" title="pantone Christmas baubles set" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/11/pantone-Christmas-baubles-set.jpg" alt="pantone Christmas baubles set image" width="667" height="357" />Funnily enough, though, I'd still use a <a
title="Designer Pantone Mugs and Expresso Cups" href="http://www.designsoak.com/quirky-designer-pantone-mugs-and-expresso-cups/">Pantone Mug</a> <em>(note to wife - you haven't given me one yet!)</em>. There's a whole range of these <strong>Pantone Universe™ Christmas Baubles</strong> to choose from, and I would imagine they would look great on the <a
title="Free Download: Norwegian Spruce Tree in Snow" href="http://www.andrewkelsall.com/free-download-norwegian-spruce-tree-snow/">Christmas tree</a> of any design studio across the globe.</p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><strong>Pantone® Christmas Baubles.</strong> I could imagine myself being some kind of pretentious stuck-up <a
title="A Print Handbook for Designers" href="http://www.andrewkelsall.com/print-handbook-designers/">designer</a> living in a posh studio apartment. When <a
title="Free Stock Photos of Christmas Bauble Tree Trimmings (2 Images)" href="http://www.andrewkelsall.com/free-stock-photos-christmas-bauble-tree-trimmings-images/">Christmas</a> came around, I&#8217;d whip out these colour-coded marvels:</p><p><img
class="alignnone size-full wp-image-3430" title="pantone Christmas baubles set" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/11/pantone-Christmas-baubles-set.jpg" alt="pantone Christmas baubles set image" width="667" height="357" /></p><p>Funnily enough, though, I&#8217;d still use a <a
title="Designer Pantone Mugs and Expresso Cups" href="http://www.designsoak.com/quirky-designer-pantone-mugs-and-expresso-cups/">Pantone Mug</a> <em>(note to wife &#8211; you haven&#8217;t given me one yet!)</em>. There&#8217;s a whole range of these <strong>Pantone Universe™ Christmas Baubles</strong> to choose from, and I would imagine they would look great on the <a
title="Free Download: Norwegian Spruce Tree in Snow" href="http://www.andrewkelsall.com/free-download-norwegian-spruce-tree-snow/">Christmas tree</a> of any design studio across the globe.</p><p>Anyway, all joking aside, I think these are great. All us designers know how useful <a
title="What’s the Difference Between 4 Color Process Printing and Spot Color Printing?" href="http://www.andrewkelsall.com/design-news/difference-4-color-process-printing-spot-colors/">Pantone colours</a> are, and I think it&#8217;s a good thing that Pantone licence quirky products like this. You can purchase these <a
href="http://www.firebox.com/product/4614/Pantone-Christmas-Baubles" target="_blank">here</a> if they pander to your liking <em>(this is Not an affiliate link)</em>. <strong>What do you think?</strong></p><h3>Sample Pantone Christmas Baubles Gallery</h3><p><img
class="alignnone size-full wp-image-3431" title="Pantone Christmas ball 268" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/11/pantone-Christmas-purple-bauble.jpg" alt="Pantone 268 Christmas ball" width="667" height="788" /></p><p><em>Above:</em> Pantone Universe™ Christmas Bauble | Purple 268</p><p><img
class="alignnone size-full wp-image-3432" title="Pantone Christmasmas Bauble 165" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/11/pantone-Christmas-baubles-orange-2.jpg" alt="Pantone Christmas Bauble 268" width="667" height="732" /></p><p><em></em><em>Above:</em> Pantone Universe™ Christmas Bauble | <a
title="Free Download: Builders’ Orange Plastic Mesh in Snow" href="http://www.andrewkelsall.com/free-download-builders-orange-plastic-mesh-snow/">Orange</a> 165</p><p><img
class="alignnone size-full wp-image-3433" title="Pantone Christmas Bauble 377" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/11/pantone-Christmas-baubles-green-3.jpg" alt="Pantone Christmas Bauble 377 image" width="667" height="771" /></p><p><em></em><em>Above:</em> Pantone Universe™ Christmas Bauble | Green 377</p><p><img
class="alignnone size-full wp-image-3434" title="Yellow Pantone Christmas Bauble" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/11/pantone-Christmas-baubles-yellow-4.jpg" alt="Pantone Christmas Bauble yellow 14-0848" width="667" height="775" /></p><p><em></em><em>Above:</em> Pantone Universe™ Christmas Bauble | Yellow 14-0848</p><p><strong>Credits:</strong> Found via <a
href="http://www.fubiz.net/" target="_blank">Fubiz</a>. Purchase via <a
href="http://www.firebox.com/product/4614/Pantone-Christmas-Baubles" target="_blank">Play.com</a> <em>(Not an affiliate link)</em>. Pantone® &amp; Pantone Universe™ are registered trade names and marks.</p><p><img
class="alignnone size-full wp-image-3435" title="Pantone Christmas Bauble Pink" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2011/11/pantone-Christmas-baubles-pink-5.jpg" alt="Pantone Christmas Bauble Pink 18-2120" width="667" height="781" /><em></em></p><p><em>Above:</em> Pantone Universe™ Christmas Bauble | Pink 18-2120</p><p>★★★★★ <strong>If you liked this post, I highly recommend <a
title="Quirky Designer Pantone Mugs and Expresso Cups" href="http://www.designsoak.com/quirky-designer-pantone-mugs-and-expresso-cups/">Designer Pantone Mugs and Expresso Cups</a>.</strong></p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/pantone-christmas-baubles/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>The Ultimate List of Gradient Resources</title><link>http://www.andrewkelsall.com/ultimate-list-gradient-resources/</link> <comments>http://www.andrewkelsall.com/ultimate-list-gradient-resources/#comments</comments> <pubDate>Sat, 09 Jan 2010 23:46:12 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Color Theory]]></category> <category><![CDATA[colours]]></category> <category><![CDATA[gradients]]></category> <category><![CDATA[list post]]></category> <category><![CDATA[resources]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=1966</guid> <description><![CDATA[<p><img
class="old-image" title="gradient-colours-image" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/01/gradient-colours-image.jpg" alt="Gradient Colours Image" width="468" height="176" /><strong>I love gradients. I don't like them when they're used incorrectly, though.</strong> The very common "corporate fade" (or strongly-saturated colour fading into white background) on many business advertisements in recent years have given gradients a bad name. However, when used correctly, gradients can give a sense of added depth and 3D-appeal to both print and web works alike.On that note, here is a list of articles, tutorials, tools, code and downloads to satisfy any gradient-induced craving you may have. Enjoy! <img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /><h3>Articles:</h3> Creative Curio → <a
href="http://creativecurio.com/2009/06/taking-design-from-good-to-great-with-gradients/">Taking Design from Good to Great with Gradients</a> Design Meltdown → <a
href="http://www.designmeltdown.com/chapters/GradientMadness/">Gradient Madness</a> Iit.Bloomu → <a
href="http://iit.bloomu.edu/vthc/Photoshop/DRAWING/gradients.htm">Lesson in Gradients</a> Wipeout 44 → <a
href="http://wipeout44.com/tutorials/gradient_mapping.asp">Gradient Mapping effect in Adobe Photoshop</a> Claudiamccue → <a
href="http://www.claudiamccue.com/2008/11/gradient-bug-in-illustrator-cs4/">Gradient Bug in Illustrator CS4</a> 1stwebdesigner → <a
href="http://www.1stwebdesigner.com/inspiration/30-logo-designs-using-gradient-3d-effects-inspirationpart-3/">30 Logo Designs Using Gradient 3D Effects (3)</a> Shape Shed → <a
href="http://shapeshed.com/journal/photoshop_101_the_gradient_tool/">Photoshop 101 - The Gradient Tool</a></p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><img
class="old-image" title="gradient-colours-image" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2010/01/gradient-colours-image.jpg" alt="Gradient Colours Image" width="468" height="176" /></p><p><strong>I love gradients. I don&#8217;t like them when they&#8217;re used incorrectly, though.</strong> The very common &#8220;corporate fade&#8221; (or strongly-saturated colour fading into white background) on many business advertisements in recent years have given gradients a bad name. However, when used correctly, gradients can give a sense of added depth and 3D-appeal to both print and web works alike.</p><p>On that note, here is a list of articles, tutorials, tools, code and downloads to satisfy any gradient-induced craving you may have. Enjoy!<br
/> <img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><h3>Articles:</h3><p>Creative Curio → <a
href="http://creativecurio.com/2009/06/taking-design-from-good-to-great-with-gradients/">Taking Design from Good to Great with Gradients</a><br
/> Design Meltdown → <a
href="http://www.designmeltdown.com/chapters/GradientMadness/">Gradient Madness</a><br
/> Iit.Bloomu → <a
href="http://iit.bloomu.edu/vthc/Photoshop/DRAWING/gradients.htm">Lesson in Gradients</a><br
/> Wipeout 44 → <a
href="http://wipeout44.com/tutorials/gradient_mapping.asp">Gradient Mapping effect in Adobe Photoshop</a><br
/> Claudiamccue → <a
href="http://www.claudiamccue.com/2008/11/gradient-bug-in-illustrator-cs4/">Gradient Bug in Illustrator CS4</a><br
/> 1stwebdesigner → <a
href="http://www.1stwebdesigner.com/inspiration/30-logo-designs-using-gradient-3d-effects-inspirationpart-3/">30 Logo Designs Using Gradient 3D Effects (3)</a><br
/> Shape Shed → <a
href="http://shapeshed.com/journal/photoshop_101_the_gradient_tool/">Photoshop 101 &#8211; The Gradient Tool</a></p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><h3>Tools:</h3><p>All Crunchy → <a
href="http://www.allcrunchy.com/Web_Stuff/Gradient_Generator/">The Amazing Gradient Generator</a><br
/> Patorjk → <a
href="http://patorjk.com/gradient-image-generator/">Gradient Image Generator</a><br
/> Gradcolor → <a
href="http://gradcolor.com/">Gradcolor Color Tool </a><br
/> Make Use Of → <a
href="http://www.makeuseof.com/dir/online-gradient-image-maker/">Online Gradient Image Maker</a><br
/> Gradient Maker→ <a
href="http://gradient-maker.com/">Gradient Maker Tool</a></p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><h3>Tutorials:</h3><p>Layers Magazine → <a
href="http://www.layersmagazine.com/gradient-overlay.html">Gradient  Overlay</a><br
/> Graphic Tutorials → <a
href="http://www.graphictutorials.net/video-tutorials/illustrator/adobe-illustrator-cs4-gradient-tools/">Adobe Illustrator CS4 Gradient Tools</a><br
/> PC and Web → <a
href="http://pcandweb.com/tutorials/how-to-create-cool-glossy-shiny-web20-heart-photoshop.html">How To Create A Cool Glossy Shiny Web 2.0 Heart in Photoshop</a><br
/> Vectips → <a
href="http://vectips.com/tutorials/quick-tutorial-adding-gradients-to-text/">Quick Tutorial: Adding Gradients to Text</a><br
/> A List Apart → <a
href="http://www.alistapart.com/articles/supereasyblendys">Super-Easy Blendy Backgrounds</a><br
/> Vectorials → <a
href="http://www.vectorials.com/tutorials/Gradient-Strokes-58278.html">Quick Tutorial: Gradient Strokes</a><br
/> Digital Media Net → <a
href="http://corporatemedianews.digitalmedianet.com/articles/viewarticle.jsp?id=31450">Transparent Gradients in Adobe Illustrator</a><br
/> Khulsey → <a
href="http://www.khulsey.com/adobe_illustrator_gradient_mesh.html">Creating gradations with Adobe Illustrator&#8217;s Gradients &amp; Blends</a><br
/> Vvector Diary → <a
href="http://www.vectordiary.com/illustrator/amazing-gradient-mesh-tutorials/">13 Amazing Gradient Mesh Tutorials</a><br
/> Graphic Design Employment → <a
href="http://www.graphic-design-employment.com/illustrator-gradient-mesh.html">Illustrator Gradient Mesh Tool &#8211; Creating Realistic Vector Art</a><br
/> Photoshop Digest → <a
href="http://www.photoshopdigest.com/graphic-effects/gradient-navigation-bar/">Gradient Navigation Bar</a><br
/> Veerle&#8217;s Blog → <a
href="http://veerle.duoh.com/blog/comments/elegant_gradient_ribbon_in_illustrator/">Elegant  gradient ribbon in Illustrator</a></p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><h3>Coding/Web:</h3><p>Planetozh → <a
href="http://planetozh.com/blog/my-projects/images-php-gd-gradient-fill/">PHP and GD : Emulate Gradient Fill</a><br
/> Web Source → <a
href="http://www.web-source.net/html_background_gradient.htm">Create a Gradient Background Effect</a><br
/> Secret Geek → <a
href="http://secretgeek.net/ColorWebService.asp">A Color Gradient Webservice</a><br
/> Design Detector →<a
href="http://www.designdetector.com/2005/09/css-gradients-demo.php"> CSS Gradients Demo</a><br
/> Slayeroffice → <a
href="http://slayeroffice.com/code/gradient/">Cross-browser gradient backgrounds without images</a><br
/> Herethere → <a
href="http://www.herethere.net/~samson/php/color_gradient/?cbegin=2B4EFF&amp;cend=FFFFFF&amp;steps=16">Color gradient table generator</a><br
/> VRXnet → <a
href="http://vrx.net/sys/gradient">Color Gradient Generator</a><br
/> Ajaxian →<a
href="http://ajaxian.com/archives/css-gradients-for-all"> CSS Gradients for All!</a></p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><h3>Downloads:</h3><p>Free 4 Photoshop → <a
href="http://www.free4photoshop.com/pgs/gradients/free_photoshop_gradients.html">Free Photoshop Gradients</a><br
/> Nanson&#8217;s Place → <a
href="http://www.nansons-place.com/psp/grads/grads1.html">Nanson&#8217;s PSP 7 Gradients</a><br
/> Euphorish → <a
href="http://www.euphorish.com/2007/photoshop-web-20-gradients-v10/">Photoshop Tutorials: Free Web 2.0 Gradients (v1.0)</a><br
/> Lady Oak → <a
href="http://ladyoak.com/free-photoshop-gradients.html">Free Photoshop Gradients 2</a><br
/> Free Photoshop → <a
href="http://freephotoshop.org/gradients/">Free Gradient Downloads</a><br
/> Tympanus → <a
href="http://tympanus.net/codrops/2009/08/30/5-free-background-gradients/">5 free background gradients</a><br
/> Brushess → <a
href="http://brushess.com/abstract/gradient-shape-brushes.html">Gradient Shape Brushes</a><br
/> Brushes Download → <a
href="http://www.brushesdownload.com/gradients.asp">Free photoshop gradients</a><br
/> Graphic Host → <a
href="http://www.graphic-host.com/1000-free-gradients-web-20-gradients.html">1000 Free Gradients &#8211; Web 2.0 Gradients</a></p><p>If you don&#8217;t think this article deserves the title of been the<strong> Ultimate List of Gradient Resources</strong>, then let me know of any more great links below, and I&#8217;ll add them <img
src='http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/ultimate-list-gradient-resources/feed/</wfw:commentRss> <slash:comments>7</slash:comments> </item> <item><title>Amazing Colour Effect 2: Successive Contrast</title><link>http://www.andrewkelsall.com/amazing-color-effect-2-successive-contrast/</link> <comments>http://www.andrewkelsall.com/amazing-color-effect-2-successive-contrast/#comments</comments> <pubDate>Sat, 16 May 2009 13:27:51 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Color Theory]]></category> <category><![CDATA[Add new tag]]></category> <category><![CDATA[Britishness]]></category> <category><![CDATA[simultaneous contrast]]></category> <category><![CDATA[successive contrast]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=1251</guid> <description><![CDATA[<p>Earlier this month, I wrote an article about <strong>simultaneous contrast</strong> entitled <a
href="http://www.andrewkelsall.com/color-effect-designers-should-see/">Amazing color effect that all designers should see</a>. This new "illusion" is based on the principle of <a
href="http://colorusage.arc.nasa.gov/Simult_and_succ_cont.php">successive contrast</a>, whereby the absence of a particular color produces a visual perception of its opposite.As a demonstration of this, please follow these instructions before triggering the <em><strong>"color-illusion"</strong></em> that the image below can produce when looked at properly.</p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><img
class="alignnone size-full wp-image-3303" title="successive-contrast-flag-2" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/05/successive-contrast-flag-2.png" alt="successive contrast image" width="667" height="571" /></p><p>Earlier this month, I wrote an article about <strong>simultaneous contrast</strong> entitled <a
href="http://www.andrewkelsall.com/color-effect-designers-should-see/">Amazing color effect that all designers should see</a>. This new &#8220;illusion&#8221; is based on the principle of <a
href="http://colorusage.arc.nasa.gov/Simult_and_succ_cont.php">successive contrast</a>, whereby the absence of a particular colour produces a visual perception of its opposite.</p><p>As a demonstration of this, please follow these instructions before triggering the <em><strong>&#8220;colour-illusion&#8221;</strong></em> that the image below can produce when looked at properly:</p><blockquote><p>►► Stare at the white-cross in the centre of the <strong>Green &amp; Yellow Union Jack Flag</strong> for a <strong>whole minute</strong>. Then, stare into the black-cross of the white image and blink a few times. All-going-well, you should see the Union Jack appear before your eyes—in the correct blue, white and red colors.</p></blockquote><p>Did you see it? <em><strong>I&#8217;m not trying to indoctrinate every nation into Britishness here, it&#8217;s just that this is a great example of this &#8220;illusion&#8221;</strong></em> <img
src='http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> As a designer, such colour-displays and illusions really inspire me—and I love to experience both the limitations and wonders of our sight.</p><p>Knowing these things can aid every designer at some point. Please tell me if there&#8217;s any other illustrations of successive contrast you know of&#8230;</p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/amazing-color-effect-2-successive-contrast/feed/</wfw:commentRss> <slash:comments>11</slash:comments> </item> <item><title>Amazing Colour Effect using Trichromacy</title><link>http://www.andrewkelsall.com/color-effect-designers-should-see/</link> <comments>http://www.andrewkelsall.com/color-effect-designers-should-see/#comments</comments> <pubDate>Fri, 01 May 2009 17:15:00 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Color Theory]]></category> <category><![CDATA[Metamerism]]></category> <category><![CDATA[Photoshop]]></category> <category><![CDATA[simultaneous contrast]]></category> <category><![CDATA[trichromacy]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=1208</guid> <description><![CDATA[<p><img
class="alignnone size-full wp-image-3300" title="simultaneous-contrast-color" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/05/simultaneous-contrast-color1.png" alt="simultaneous contrast" width="667" height="450" />Displayed above is an <strong>amazing trichromacy colour effect that all designers should see</strong>. If you take a look at the X's, they both look as though they are different colours. However,<strong> they're not</strong>. <em>The colours are exactly the same tone:</em></p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><img
class="alignnone size-full wp-image-3300" title="simultaneous-contrast-color" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/05/simultaneous-contrast-color1.png" alt="simultaneous contrast" width="667" height="450" /></p><p>Displayed above is an <strong>amazing trichromacy colour effect that all designers should see</strong>. If you take a look at the X&#8217;s, they both look as though they are different colours. However,<strong> they&#8217;re not</strong>. <em>The colours are exactly the same tone:</em></p><p>Look at where both the X&#8217;s intersect at the middle-base of the image. You can see there that the &#8216;true colour&#8217; is in fact a <em><strong>greyish-yellow</strong></em> tone (a mixture of the two colours used in the rectangles). This effect is based on a painting by <a
href="http://en.wikipedia.org/wiki/Josef_Albers">Josef Albers</a>.</p><p>To see something a little weirder, take a look at the second image I have devised, taking the effect one step further:</p><p><img
class="alignnone size-full wp-image-3301" title="trichromacy effect" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/05/trichromacy-effect-color1.png" alt="trichromacy " width="667" height="450" /></p><p>As can be seen, the horizontal bar appears to show a gradient, starting with yellow on the left, to grey on the right. However, as with the first image, the colour is a solid tone—not a gradient of two colours at all. If you don&#8217;t believe me, drag the images into PhotoShop® and whip out the colour-picker tool!</p><h3>Why is this happening?</h3><p>This effect is know as <a
href="http://www.colourware.co.uk/cpfaq/q2-5.htm">trichromacy</a>, with the images above demonstrating <a
href="http://www.webexhibits.org/colorart/contrast.html">simultaneous contrast</a>. To cut a long story short, out eyes record colour in RGB—but none of us can image a yellowish-blue. Our brains therefore plays tricks on us, resulting in the effect/illusion.</p><p>I think knowing this kind of information about colour can be extremely beneficial to a designer. Colour theory is embedded in all we do, so it&#8217;s great to understand great effects like this to aid in design work. Knowing what colours will or will not work together can be imperative—especially in logo design.</p><p>I have written an article about <a
href="http://www.andrewkelsall.com/avoid-bad-design-with-white-paint/">metamerism</a> with another colour-illusion there if this subject interests you. Do you know of any other great effect like this? Do you think knowledge of colour theory will aid in your design work?</p><p><em><strong>If you liked this post, check out <a
title="A Print Handbook for Designers" href="http://www.andrewkelsall.com/print-handbook-designers/">A Print Handbook for Designers</a>.</strong></em></p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/color-effect-designers-should-see/feed/</wfw:commentRss> <slash:comments>21</slash:comments> </item> <item><title>What are Color Gamuts? Part One</title><link>http://www.andrewkelsall.com/what-are-color-gamuts-1/</link> <comments>http://www.andrewkelsall.com/what-are-color-gamuts-1/#comments</comments> <pubDate>Tue, 21 Apr 2009 19:55:04 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Color Theory]]></category> <category><![CDATA[Adobe RGB (1998)]]></category> <category><![CDATA[color gamuts]]></category> <category><![CDATA[ColorThink Pro]]></category> <category><![CDATA[LAB color]]></category> <category><![CDATA[PerfX Gamut Viewer]]></category> <category><![CDATA[sRGB IEC61966-2.1]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=1161</guid> <description><![CDATA[<p><img
class="old-image" title="color-profile-gamut" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/04/color-profile-gamut.jpg" alt="color-profile-gamut" width="468" height="155" /><strong>What are Colour Gamuts?</strong> Simply put, a Colour gamut is a whole range of digital Colour that are included in a <a
href="http://www.andrewkelsall.com/what-are-color-profiles/">color profile</a>. Different gamuts contain varied subsets of different colours.</p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><img
class="old-image" title="color-profile-gamut" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/04/color-profile-gamut.jpg" alt="color-profile-gamut" width="468" height="155" /></p><p><strong>What are Colour Gamuts?</strong> Simply put, a Colour gamut is a whole range of digital Colour that are included in a <a
href="http://www.andrewkelsall.com/what-are-color-profiles/">color profile</a>. Different gamuts contain varied subsets of different colours.</p><p>Now, this is a huge subject to cover, <em>so instead of just trying to explain what they are</em>, I will start by comparing <strong>two</strong> similar gamuts from <strong>two</strong> RGB profiles: <strong>Adobe RGB (1998)</strong> and <strong>sRGB IEC61966-2.1</strong></p><h3>Adobe RGB (1998)</h3><p>Displayed below is a 2D image of the <strong>Adobe RGB (1998) </strong>colour profile. This is the type of image you&#8217;re going to see a lot of throughout this set of articles. Ignore the <a
href="http://en.wikipedia.org/wiki/Lab_color_space">LAB</a> colour letters (b+, a+, etc) and observe the colour and shape. Notice how all the colours shown radiate from white, denoting the <a
href="http://en.wikipedia.org/wiki/RGB">additive colour model</a>.</p><p><img
class="old-image" title="adobe-rgb-1998" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/04/adobe-rgb-1998.jpg" alt="adobe-rgb-1998" width="468" height="421" /></p><p><strong>The next image</strong> (below) displays the same RGB gamut but in 3D. This is one of countless views that can be viewed with special software, such as <a
href="http://www.tglc.com/english/PerfX/3D_Gamut_Viewer.html">PerfX Gamut Viewer</a> or <a
href="http://www2.chromix.com/colorthink/index.cxsa">ColorThink Pro</a>. As can be seen, the 3D view reveals more tones, hues and shades than the 2D version.</p><p>Each colour gamut shown is complete with a coloured-boundary, which indicates the extreme edge of the gamut in both 3D and 2D angles. This one, for example, shows this edge in <strong>Red</strong>.</p><p><img
class="old-image" title="srgb-iec61966-21" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/04/srgb-iec61966-21.jpg" alt="srgb-iec61966-21" width="468" height="421" /></p><h3>Comparing Color Gamuts</h3><p><em>Now we know what we&#8217;re looking at</em>, I&#8217;ll start comparing the two colour gamuts. The larger gamut is a representation of the <strong>Adobe RGB (1998) </strong>colour profile, shown in<strong> RED. </strong>The smaller profile,<strong> </strong><strong>sRGB IEC61966-2.1</strong>, is displayed in <strong>BLUE</strong> (just visible).</p><p>The next three images show varied angles of the two color gamuts&#8230;<strong><br
/> </strong><br
/> <img
class="old-image" title="rgb-compare-1" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/04/rgb-compare-1.jpg" alt="rgb-compare-1" width="468" height="421" /></p><p>Both gamuts displayed are visible at a medium opacity, so you can see both at once.</p><p><img
class="old-image" title="rgb-gamut-compare-2" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/04/rgb-gamut-compare-2.jpg" alt="rgb-gamut-compare-2" width="468" height="421" /></p><p>Notice that even though the Adobe RGB profile is generally larger, RGB 2.1 supercedes it in certain key areas of color&#8230;</p><p><img
class="old-image" title="rgb-comparison-3" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/04/rgb-comparison-3.jpg" alt="rgb-comparison-3" width="468" height="421" /></p><p>These areas are primarily in the green/blue region of the gamut, shown above.</p><p>There you have it—the introduction to the series of articles about colour gamuts. It would be very hard to cover many aspects of the subject matter in one post, so<strong> Part Two</strong> will continue the journey shortly. Why not <a
href="http://feeds2.feedburner.com/AndrewKelsall">subscribe to my RSS feed</a> so you don&#8217;t miss it?</p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/what-are-color-gamuts-1/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>What are Colour Profiles?</title><link>http://www.andrewkelsall.com/what-are-color-profiles/</link> <comments>http://www.andrewkelsall.com/what-are-color-profiles/#comments</comments> <pubDate>Fri, 10 Apr 2009 22:05:43 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Color Theory]]></category> <category><![CDATA[Adobe Photoshop]]></category> <category><![CDATA[color gamut]]></category> <category><![CDATA[color profiles]]></category> <category><![CDATA[Device Profiles]]></category> <category><![CDATA[Document Profiles]]></category> <category><![CDATA[Dynamic Range]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=1108</guid> <description><![CDATA[<p><img
class="old-image" title="color-profile-header" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/04/color-profile-header.jpg" alt="color-profile-header" width="468" height="155" /> <small>Image Copyright <a
href="http://www.flickr.com/photos/matt_gibson/514453793/">here</a></small>The question <strong>"What are Colour Profiles?"</strong> is one asked by every designer in their early career or studies. The thing is, this is such a generic question, it really needs breaking down into three <em>other</em> questions. I will attempt to answer them below, but be aware that this is just a summary. <strong><em>Indeed</em></strong>, whole books are available on the subject of <strong>colour profiles</strong>, so there's an awful lot of information to condense into this post...</p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><img
class="old-image" title="color-profile-header" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/04/color-profile-header.jpg" alt="color-profile-header" width="468" height="155" /><br
/> <small>Image Copyright <a
href="http://www.flickr.com/photos/matt_gibson/514453793/">here</a></small></p><p>The question <strong>&#8220;What are Colour Profiles?&#8221;</strong> is one asked by every <a
href="http://www.purechristiangraphicdesign.com/about/">designer</a> in their early career or studies. The thing is, this is such a generic question, it really needs breaking down into three <em>other</em> questions. I will attempt to answer them below, but be aware that this is just a summary. <strong><em>Indeed</em></strong>, whole books are available on the subject of <strong>colour profiles</strong>, so there&#8217;s an awful lot of information to condense into this post&#8230;</p><p>Every image or file that is created in programs like <strong>Adobe Photoshop®</strong>, <strong>Illustrator®</strong> and <strong>InDesign®</strong> needs a color profile assigned or embedded in order for the software to display and print the image accurately. If no profile is assigned, or a &#8216;generic profile&#8217; is used, results can be very unpredictable.</p><p>To clarify, here is a brief overview of the questions that relate to the use of colour profiles:</p><p><img
title="separator" src="http://i.andrewkelsall.com/separator.png" alt="Graphic Design Blog Divider Image" /></p><p><strong>What are Device Profiles?</strong></p><p>Basically, device profiles contain certain information pertaining to three variables regarding how a certain device (such as a digital camera) &#8216;represents&#8217; colour. These variables are <a
title="Color Gamut Article" href="http://en.wikipedia.org/wiki/Gamut">Color Gamut</a> (colour &amp; brightness), <a
title="Dynamic Range Article" href="http://en.wikipedia.org/wiki/Dynamic_range">Dynamic Range</a> (relates to the white point) and finally, the <strong>Tone Reproduction</strong> of colous.</p><p>For example, a device profile would be included in the software of a digital camera, scanner or desktop printer.</p><p><img
title="separator" src="http://i.andrewkelsall.com/separator.png" alt="Graphic Design Blog Divider Image" /></p><p><strong>What are Profile Classes?</strong></p><p>Profile Classes relate to the types of Device Profiles available:</p><p>★ INPUT PROFILES, which describe the ways in which Digital Cameras and Desktop Scanners capture color.</p><p>★ DISPLAY PROFILES, which describe the ways LCD displays display colors.</p><p>★ OUTPUT PROFILES, which describe color for printers and presses.</p><p><img
title="separator" src="http://i.andrewkelsall.com/separator.png" alt="Graphic Design Blog Divider Image" /></p><p><strong>What are Document Profiles?</strong></p><p>Document Profiles are &#8216;destination profiles&#8217; that are assigned to a file after a conversion from a Device Profile (or source profile). For example, <strong>ProPhoto RGB Color Profile</strong> from Digital Camera <em>(source)</em> &gt; Photoshop® File with <strong>Adobe RGB (1998) Profile</strong> <em>(destination).</em></p><p>I realize that there is much information to cover on the subject, so this is just one of a series of articles about the subject of Color Profiles, Gamuts and Color Spaces. Why not <a
href="feed://feeds2.feedburner.com/AndrewKelsall">Subscribe to my RSS Feed</a> so you don&#8217;t miss the next article?</p><p><strong>Next up</strong> is a more visually interesting post about <strong> Color Gamuts</strong>. If you have any questions about this article, please feel free to leave your thoughts below&#8230;</p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/what-are-color-profiles/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>What are the Benefits of Designing in RGB for CMYK Print?</title><link>http://www.andrewkelsall.com/benefits-designing-rgb-cmyk-print/</link> <comments>http://www.andrewkelsall.com/benefits-designing-rgb-cmyk-print/#comments</comments> <pubDate>Fri, 27 Mar 2009 22:41:32 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Color Theory]]></category> <category><![CDATA[8-page CD gatefold]]></category> <category><![CDATA[Add new tag]]></category> <category><![CDATA[CD Cover Design]]></category> <category><![CDATA[CMYK]]></category> <category><![CDATA[CMYK print]]></category> <category><![CDATA[CMYKOG]]></category> <category><![CDATA[color gamut]]></category> <category><![CDATA[color gamuts]]></category> <category><![CDATA[color profiles]]></category> <category><![CDATA[FOGRA 27]]></category> <category><![CDATA[Hexachrome]]></category> <category><![CDATA[iTunes]]></category> <category><![CDATA[Photoshop]]></category> <category><![CDATA[rgb]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=1063</guid> <description><![CDATA[<p><img
class="alignnone size-full wp-image-3294" title="designing cmyk rgb" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/03/designing-cmyk-rgb1.jpg" alt="CMYK Image" width="667" height="221" />I recently had a great discussion about the use an <strong>RGB colour setup</strong> when <strong>designing for <a
title="DeskTop Secret CMYK" href="http://www.andrewkelsall.com/desktop-secret-cmyk/">CMYK print</a></strong>. I received various responses within my article <a
href="http://www.andrewkelsall.com/top-ten-cd-cover-design-tips/">Top Ten CD Cover Design Tips</a>, whereby the talented designer's <a
class="url" href="http://www.retinart.net/" rel="external">Alex Charchar</a>, <a
class="url" href="http://creativecurio.com/" rel="external nofollow">LaurenMarie</a> and <a
class="url" href="http://robcubbon.com/" rel="external">Rob Cubbon</a><span
class="url"> joined the conversation</span>.</p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><img
class="alignnone size-full wp-image-3294" title="designing cmyk rgb" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/03/designing-cmyk-rgb1.jpg" alt="CMYK Image" width="667" height="221" /></p><p>I recently had a great discussion about the use an <strong>RGB colour setup</strong> when <strong>designing for <a
title="DeskTop Secret CMYK" href="http://www.andrewkelsall.com/desktop-secret-cmyk/">CMYK print</a></strong>. I received various responses within my article <a
href="http://www.andrewkelsall.com/top-ten-cd-cover-design-tips/">Top Ten CD Cover Design Tips</a>, whereby the talented designer&#8217;s <a
class="url" href="http://www.retinart.net/" rel="external">Alex Charchar</a>, <a
class="url" href="http://creativecurio.com/" rel="external nofollow">LaurenMarie</a> and <a
class="url" href="http://robcubbon.com/" rel="external">Rob Cubbon</a><span
class="url"> joined the conversation</span>.</p><p>I generally support the notion of designing in an <strong>RGB colour mode</strong> ― for print<strong><em> and</em></strong> web regarding imagery that is to be printed in CMYK. Some of you reading this may know what I&#8217;m talking about and agree wholeheartedly, yet I suspect that some of you would ask yourself:</p><blockquote><p>Why would I ever design in RGB for printed material that will be printed in<strong> CMYK</strong> ― or even CMYKOG (Hexachrome®)?</p></blockquote><p>Moreover, some may have heard about initially designing in RGB for print before, tried it ― and never did it again ― offering a statement such as this:</p><blockquote><p>I tried designing in RGB ― but all the colours just turned out muddy when I converted it. That&#8217;s the last time I&#8217;m trying <em>that</em> again&#8230;</p></blockquote><p>A valid point. But to prove my case, I will start at the beginning and explain why, in the majority of cases, I design in RGB in the<strong> initial design stages of print work</strong>. Of coarse I send my files off to the printers in CMYK, but this article is about how the initial file setup in an RGB colour profile can benefit designers.</p><p>You may ponder as to why anyone would design in RGB, when the final output is in CMYK. This is like saying:</p><blockquote><p>Why should I mix the ingredients to make fresh cake, when I can go to the shops and buy one ready-made?</p></blockquote><p>Well, the answer to this is quality. If you design in RGB, you have a larger colour gamut to work with, as well as many additional benefits:</p><h3>Benefits of Designing in RGB</h3><p><img
class="old-image" title="rgb-colour" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/03/rgb-color.jpg" alt="rgb-colour" width="468" height="155" /></p><p>★ RGB File Sizes are about 25% smaller than CMYK</p><p>★ Many filters and functions are only available to use in an RGB colour mode in PhotoShop® and similar programs.</p><p>★ The RGB colour gamut is larger than CMYK</p><p>★ Working in RGB means that your images are web-ready with no colour conversion (as opposed to designing for print in CMYK and converting the colour to RGB for web-use).</p><p>To place the above list in a workable context, here is a simulation of how using RGB to design your printed material would have been more beneficial than CMYK (<em>based on one of my previous comments in the aforementioned CD article)</em>:</p><blockquote><p>…I setup my files as CMYK with a FOGRA 27 colour profile. After spending hours designing an 8-page CD Gatefold design, the client supplies me with some more photo files to be used. As they originated from a digital camera, they are in RGB. I place them in layers in Photoshop® and get to work. An hour later, I want to use certain filters on these layers — but I can’t, as many functions and filters are only available in RGB mode in PhotoShop®.</p><p>…After spending much work-around time editing these photos in separate RGB files and importing them back in, I transfer my PSD file onto my MacBook as I’m working on the move. As CMYK files are approximately 25% larger than RGB ones, my laptop starts to slow down, causing loss of productivity to myself.</p><p>…My client also informs me that this <a
title="A CD Album in 77 Snaps" href="http://www.andrewkelsall.com/cd-album-77-snaps/">CD cover</a> is to be used in an interactive digital booklet and used online in iTunes, etc. As the CMYK SWOP gamut is vastly smaller than the “additive” RGB gamut, some colour info will be lost on conversion to the “subtractive” CMYK one.</p><p>…Further down the line, I may also want to include images from my own scanner — again, from source RGB.</p><p>In conclusion, it’s always easier to work in RGB. Some colours may be lost when converting to CMYK, but that is what the “Preview in CMYK” option is for in PhotoShop®, so you can keep track of disastrous results from any conversions.</p></blockquote><p>Are you convinced of the reasoning behind these benefits?  Next, I&#8217;ll take a look at the CMYK colour mode:</p><h3>Benefits of Designing in CMYK</h3><p><img
class="old-image" title="cmyk-color" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/03/cmyk-color.jpg" alt="cmyk-color" width="468" height="155" /></p><p>★ When designing in RGB, there will have to be a conversion to CMYK at a calculated time near the completion of an image. Sometimes, the colour of the image can change appearance due to this conversion. If you work directly in CMYK, <strong>there will be no such conversion</strong> ― and therefore, no colour loss.</p><p>★ er&#8230;</p><p>★ and&#8230;.</p><p>Ok. That&#8217;s it. The only benefit (in most situations/generally) of working in CMYK is the colour control ― but a league of restraints counteracts this benefit.</p><h3>Like this Post?</h3><p><strong>Why not <a
href="feed://feeds2.feedburner.com/AndrewKelsall">Subscribe to my RSS Feed</a> so you don&#8217;t miss a thing?<br
/> </strong></p><p>If you have any questions about this article, please leave your comment below. I know some of the termanology I have used may be unknown to some, so just ask-away ― I&#8217;m always glad to help out&#8230;</p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/benefits-designing-rgb-cmyk-print/feed/</wfw:commentRss> <slash:comments>49</slash:comments> </item> <item><title>I am #525915, what are you?</title><link>http://www.andrewkelsall.com/i-am-525915-what-are-you/</link> <comments>http://www.andrewkelsall.com/i-am-525915-what-are-you/#comments</comments> <pubDate>Thu, 19 Feb 2009 19:40:55 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Color Theory]]></category> <category><![CDATA[Fudge Graphics]]></category> <category><![CDATA[Photoshop]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=981</guid> <description><![CDATA[<p><img
class="old-image" title="colour-hex1" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/02/color-hex1.gif" alt="colour-hex1" width="468" height="155" />Recently, I was asked by <em><strong>Franz Jeitz</strong></em> of <strong>Fudge Graphics</strong> to partake in a social experiment entitled <a
title="fudge graphics" href="http://www.fudgegraphics.com/2009/02/whats-your-favourite-colour/">What’s Your Favourite Colour?</a> Franz was collecting this information to present the variety of colours that designers chose in a chart/table. I chose my colour based on a variety of factors:</p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><img
class="old-image" title="colour-hex1" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/02/color-hex1.gif" alt="colour-hex1" width="468" height="155" /></p><p>Recently, I was asked by <em><strong>Franz Jeitz</strong></em> of <strong>Fudge Graphics</strong> to partake in a social experiment entitled <a
title="fudge graphics" href="http://www.fudgegraphics.com/2009/02/whats-your-favourite-colour/">What’s Your Favourite Colour?</a> Franz was collecting this information to present the variety of colours that designers chose in a chart/table. I chose my colour based on a variety of factors:</p><p>My favourite colour around my desk is a neutral tone, so my eyes won&#8217;t adjust to a <a
title="white point article" href="http://www.andrewkelsall.com/avoid-bad-design-with-white-paint/">alternate white point when designing</a>. My favourite colour used in design when expressing optimism might be orange or yellow. However, design aside, I feel that very earthy-green or brown colours would probably be the most meaningful colours in my life, as they are the colours I like to wear.</p><p>Throughout the past few years, I have normally worn these shades of colour in hooded tops, combat trousers and coats. I suppose these colours are what I am comfortable with―and therefore, capable of designing in, so to speak. After reviewing some tones in <strong>Photoshop®</strong>, I selected a colour that fits well with my personal and professional persona―a mossy-green colour&#8230;<strong> #525915</strong></p><p>If you haven&#8217;t seen the article already, why not head over there and take a look―there&#8217;s some interesting results.</p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/i-am-525915-what-are-you/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>The Professional Designer&#8217;s Guide to using Black</title><link>http://www.andrewkelsall.com/the-professional-designers-guide-to-using-black/</link> <comments>http://www.andrewkelsall.com/the-professional-designers-guide-to-using-black/#comments</comments> <pubDate>Tue, 27 Jan 2009 17:41:49 +0000</pubDate> <dc:creator>Andrew Kelsall</dc:creator> <category><![CDATA[Color Theory]]></category> <category><![CDATA[CMYK]]></category> <category><![CDATA[CMYKOG]]></category> <category><![CDATA[Cool Black]]></category> <category><![CDATA[Embossing]]></category> <category><![CDATA[Flat Black]]></category> <category><![CDATA[focaltone color]]></category> <category><![CDATA[Foil-blocking]]></category> <category><![CDATA[Golden Black]]></category> <category><![CDATA[High-Build]]></category> <category><![CDATA[Matt Laminate]]></category> <category><![CDATA[Metal FX]]></category> <category><![CDATA[Neutral Rich Black]]></category> <category><![CDATA[pantone black]]></category> <category><![CDATA[pantone hexachrome]]></category> <category><![CDATA[pantone process]]></category> <category><![CDATA[photoshop black]]></category> <category><![CDATA[process black]]></category> <category><![CDATA[Registration Black]]></category> <category><![CDATA[Spot Varnish]]></category><guid
isPermaLink="false">http://www.andrewkelsall.com/?p=867</guid> <description><![CDATA[<p><img
class="alignnone size-full wp-image-3048" title="professional-designers-guide-black" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/professional-designers-guide-black.jpg" alt="Designer Black" width="667" height="445" />The aim of this article is to document every conceivable type of black that is destined for print and web. It is my aim that if you are a designer, you can find some information here that you didn't know―and if you are learning about design, I hope you can educate yourself from this post.<blockquote><strong><span
style="color: #ff6600;">★★★★★</span> Like this type of article? Why not subscribe for Free via <a
href="feed://feeds.feedburner.com/AndrewKelsall">RSS</a> or <a
href="http://www.andrewkelsall.com/subscribe/">Email</a>.</strong></blockquote></p><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></description> <content:encoded><![CDATA[<p><img
class="alignnone size-full wp-image-3048" title="professional-designers-guide-black" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/professional-designers-guide-black.jpg" alt="Designer Black" width="667" height="445" /></p><p>The aim of this article is to document every conceivable type of black that is destined for print and web. It is my aim that if you are a designer, you can find some information here that you didn&#8217;t know―and if you are learning about design, I hope you can educate yourself from this post.</p><blockquote><p><strong><span
style="color: #ff6600;">★★★★★</span> Like this type of article? Why not subscribe for Free via <a
href="feed://feeds.feedburner.com/AndrewKelsall">RSS</a> or <a
href="http://www.andrewkelsall.com/subscribe/">Email</a>.</strong></p></blockquote><p><strong>There are 3 Parts in the article:</strong></p><p><strong><em>One:</em></strong> The Different Blacks<br
/> <strong><em>Two: </em></strong>Using Black<br
/> <strong><em>Three: </em></strong>Misuse of Black</p><p><em><strong>Note:</strong> Some of the examples I have used in the article are not accurate color-representations, as the images refer to CMYK color-tones for print. Some colors are exaggerated to clearly show what kind of tint certain blacks pertain, and are only present to indicate color variations, not perfect representation.</em></p><p><em><span
style="color: #808080;">In this article I will be using the USA spelling of &#8216;<strong>color</strong>&#8216;, as opposed to <strong>colour</strong>.</span><br
/> </em></p><h3>Part One: The Different Blacks</h3><p><img
class="old-image" title="rgb-black-color-web" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/rgb-black-color-web.png" alt="rgb-black-color-web" width="468" height="155" /></p><p><strong>RGB Black</strong> | R/0 G/0 B/0 : This black represents zero <a
href="http://www.andrewkelsall.com/benefits-designing-rgb-cmyk-print/">RGB</a> light―and therefore &#8216;black&#8217;. For more information on the properties of the RGB additive color model, visit this <a
title="RGB color" href="http://en.wikipedia.org/wiki/RGB_color_model">WikiPedia Article</a>.</p><p><strong>When to use</strong>: For all on-screen, web and online PDF use. Variations are sometimes used (for example R/5 G/5 B/5), but differing end-user screens makes this practice futile unless a major shift of color is required; and therefore, the color black would be subjective.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="photoshop-black-100" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/photoshop-black-100.png" alt="photoshop-black-100" width="468" height="155" /></p><p><strong>PhotoShop® Black</strong> | C86 M85 Y79 K100 : This type of black is roughly comprised by the preceding color combination, but can vary slightly between document profiles and PS version number (some versions produce black at around (90%).</p><p><strong>When to use</strong>: This is the default PhotoShop® Black. The total ink coverage exceeds the <a
href="http://www.prepressure.com/design/basics/tic">TIC limit</a> of 260-320% (depending on paper stock and printing process), although the total ink coverage can be automatically amended with <strong>GCR</strong> (Grey Component Replacement) and <strong>UCR</strong> (Under Color Removal) at the printers.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="neutral-rich-black" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/neutral-rich-black.png" alt="neutral-rich-black" width="468" height="155" /></p><p><strong>Neutral Rich Black</strong> (also known as <strong>Rich Black</strong>) | C40 M30 Y30 K100 : This type of black is roughly comprised by the preceding color combination, but varies between designers&#8217; personal preference.</p><p><strong>When to use</strong>: There are plenty of variants in this <a
href="http://www.andrewkelsall.com/avoid-bad-design-with-white-paint/">colour</a> mix. This is a very general, rich black that doesn&#8217;t exceed a 200% <strong>TAC </strong>(<strong>T</strong>otal <strong>I</strong>nk <strong>C</strong>overage) limit.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="registration-black-color" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/registration-black-color.png" alt="registration-black-color" width="468" height="155" /></p><p><strong>Registration Black</strong> | C100 M100 Y100 K100 : This mix is comprised of the maximum amount of cyan, magenta, yellow and black.</p><p><strong>When to use</strong>: Generally, this color is only to be used for <a
title="Registration Marks article" href="http://en.wikipedia.org/wiki/Registration_black">registration marks</a> on documents to be sent to the printers. The only exception to this is if a file containing registration black is to be digitally printed (at home or professionally) as toner is used, not wet-ink.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="flat-black-color" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/flat-black-color.png" alt="flat-black-color" width="468" height="155" /></p><p><strong>Flat Black</strong> | C0 M0 Y0 K100 : This black is just made up of 100% of the black channel, with no other ink in the mix. Also known as <strong>Standard black</strong>.</p><p><strong>When to use</strong>: Looking very &#8216;washed-out&#8217;, this black is best used just for small text in magazines and books, and in particular, newsprint where<strong> TAC</strong><strong> limits</strong> are are set to very low tolerance&#8217;s.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="designer-black-image" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/designer-black-image.png" alt="designer-black-image" width="468" height="155" /></p><p><strong>Designer Black</strong> | C70 M50 Y30 K100 : This black is just made up to a <strong>TAC</strong> equating to 250%</p><p><strong>When to use</strong>: Probably the most commonly type of black used. Many designers have their favourite mix―and for different papers and printers. This is a very general, rich and punchy black that will suit almost any application.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="pantone-process-black" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/pantone-process-black.png" alt="pantone-process-black" width="468" height="155" /></p><p><strong>Pantone® Process Black</strong> | Spot-Color/&#8217;K100&#8242; : This black is available as Pantone® Process Black <strong>C</strong> (coated), <strong>U</strong>, (Uncoated) and <strong>M</strong> (Matt).</p><p><strong>When to use</strong>: <em>Being one of the &#8216;four CMYK colors</em>&#8216;, this black is ideally suited to printing text, whereby correct registration is not an issue.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="cool-black-cmyk" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/cool-black-cmyk.png" alt="cool-black-cmyk" width="468" height="155" /></p><p><strong>Cool Black</strong> (also known as<strong> Black Bump</strong>) | C50 M0 Y0 K100 : This is the general-mix, but this black can also be comprised [typically] of between 20%-80% cyan.</p><p><strong>When to use</strong>: Normally, this type of black is used when a very cold-feeling shine/glaze is required. For example, it would be appropriate on posters containing large areas of black, whereby the purpose is to advise elderly people on an impending flu-epidemic. The bluish-tone would add an almost-subliminal dimension to the design.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="golden-black-color" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/golden-black-color.png" alt="golden-black-color" width="468" height="155" /></p><p><strong>Golden Black</strong> | C0 M0 Y60 K100 : This is the general-mix, but this black can also be comprised [typically] of between 20%-80% yellow.</p><p><strong>When to use</strong>: Normally, this type of black can be used when a very warm/earthy feeling shine/glaze is required in a design. For example, this could be used on a &#8216;Global Warming&#8217; advertisement, etc.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="warm-black-color" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/warm-black-color.png" alt="warm-black-color" width="468" height="155" /></p><p><strong>Warm Black</strong> | C0 M60 Y0 K100 : This is the general-mix, but this black can also be comprised [typically] of between 20%-80% magenta.</p><p><strong>When to use</strong>: This type of color would be great if used on a brochure for a jewellery company, etc.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="pantone-black-image" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/pantone-black-image.png" alt="pantone-black-image" width="468" height="155" /></p><p><strong>Pantone® Black</strong> | Spot-Color : This black is available as Pantone® Black <strong>C</strong> (coated), <strong>U</strong>, (Uncoated) and <strong>M</strong> (Matt).</p><p><strong>When to use</strong>: Ideally, this is used for example, on business cards and letterheads, whereby only a certain amount of spot colors are used instead of the expense of CMYK. Another great use is in <a
title="Duo-tone tutorial" href="http://www.pstut.com/tutorial-duotone.html">Duo-tone images</a>.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="pantone-hexachrome-black" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/pantone-hexachrome-black.png" alt="pantone-hexachrome-black" width="468" height="155" /></p><p><strong>Pantone® Hexachrome® Black</strong> | Part of the CMY<strong>K</strong>OG process range (cyan, magenta, yellow, black, orange &amp; green), : This black is available as Pantone® Black <strong>C</strong> (coated), <strong>U</strong>, (Uncoated) and <strong>M</strong> (Matt).</p><p><strong>When to use</strong>: It would be pretty pointless using this black on its own, as it has been developed to be used within the <a
title="Wikipedia Article" href="http://en.wikipedia.org/wiki/Hexachrome">Hexachrome® color range</a> (a set of six colors that produce vivid, bright prints).</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="pantone-2-3-4-5-6-7-black" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/pantone-2-3-4-5-6-7-black.jpg" alt="pantone-2-3-4-5-6-7-black" width="468" height="155" /></p><p><strong>Pantone® Black 2, 3, 4, 5, 6 &amp; 7 (range)</strong> | Spot-Colors : These blacks are available as Pantone® Black <strong>C</strong> (coated), <strong>U</strong>, (Uncoated) and <strong>M</strong> (Matt).</p><p><strong>When to use</strong>: This range of blacks really start to depart from the standard perception of a &#8216;standard black&#8217;. The color-tints in the range are quite prominent, mimicking in many ways cool, rich and ruby black, etc, but in a single spot-color. Use instead of a similar CMKY black to <a
title="Article on spot color" href="http://www.graphic-design-employment.com/4-color-process.html">save money or printing costs</a>.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="metal-fx-black" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/metal-fx-black.jpg" alt="metal-fx-black" width="468" height="155" /></p><p><strong>Metal FX® Black</strong> | [Specialty] Spot-Color : This black is part of a set of metallic-colors that are special color inks printed onto a pre-printed metallic base.</p><p><strong>When to use</strong>: If you want a very eye-catching design―and have a larger printing budget (printing costs are often about +40% of typical CMYK), the <a
title="Metal FX information" href="http://www.longridge.net/metalfx.html">Metal FX® printing</a> process may be a great option, but complicated file setups are required―and printers offering this option are few and far between.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="trumatch-toyo-ficaltone" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/trumatch-toyo-ficaltone.png" alt="trumatch-toyo-ficaltone" width="468" height="155" /></p><p><strong>Trumatch® Black</strong> | Based on the CMYK color-space. Available in <strong>C</strong>oated and <strong>U</strong>ncoated swatchbooks.</p><p><strong>When to use</strong>: If you want more accurate matching of spot colors when converting to CMYK, Trumatch® may be more appropriate than Pantone® colors. However, in the case of just utilizing black, there is little valid reason to use beyond a consistent color work-flow. Read <a
title="Trumatch site" href="http://www.trumatch.com/faq.html">this article</a> for more information.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><strong>Toyo® Black</strong> | Very similar to <strong>Pantone® Black</strong> (and the whole Toyo® color system).</p><p><strong>When to use</strong>: This color matching system is mainly popular in Japan, so you may use it if you design in this country―or maybe if you are designing material that is to be printed there.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><strong>Dainippon</strong><strong>®</strong><strong>: Ink &amp; Chemical (DIC) [Black]</strong> | Just like <strong>Pantone®</strong>, the DIC colors are a spot-based matching system.</p><p><strong>When to use</strong>: This color matching system and inks are used for use on packaging, coatings, plastics and synthetic resins and related products, amongst other specialized uses.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><strong>ANPA® Ink [Black</strong>] | <a
href="http://www.andrewkelsall.com/what-are-color-gamuts-1/">Colour matching</a> system based on the <a
title="LAB color space article" href="http://en.wikipedia.org/wiki/Lab_color_space">LAB</a> color space. These inks were originally made from soybean oil.</p><p><strong>When to use</strong>: This color black is to be used on newsprint. For more information, visit the <a
href="http://www.naa.org/">Newspaper Association of America</a> website.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><strong>HKS® Ink [Black</strong>]<strong> (88 Z)</strong> | Spot-Color : Just like <strong>Pantone®</strong>, the HKS® colors are a spot-based matching system.</p><p><strong>When to use</strong>: This color model is used in Europe and Germany, with the inks being used for design on certain plastics for industrial printing processes.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><strong>Focaltone® Black (1073) </strong>| Spot-Color : Like <strong>Trumatch®</strong>, this is a color model that is based on the CMYK color space.</p><p><strong>When to use</strong>: The <strong>Focaltone® </strong>system can be used for computer system color calibration, whereby Focaltone® black, for example, would be made up a CMYK tints. For more information, <a
title="Focaltone site" href="http://www.kikuze.com/focoltone/index.html">visit the FocalTone site</a>.</p><p><em>Note: To save this post becoming repetitive on certain information, I have excluded some libraries available, such as <strong>Pantone® Pastel </strong>&amp;<strong> Solid</strong> Colors and <strong>Visibone</strong>.</em></p><h3>Part Two: Using Black</h3><p><img
class="old-image" title="printing-black-twice" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/printing-black-twice.png" alt="printing-black-twice" width="468" height="155" /></p><p><strong>Printing Pantone® Black (or any other Spot-Black) Twice</strong> | Spot-Color : The printing of any given spot color twice over (also known as &#8216;hitting it twice&#8217;).</p><p><strong>When to use</strong>: If for example, a special paper is to be used for a business card design, a designer may specify a <strong>Pantone® Black</strong> to be used on 2 separate printing plates. The end result is a super rich black normally only achieved utilizing <strong>CMYK</strong>―but at a lower cost.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="high-uv-spot-varnish" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/high-uv-spot-varnish.jpg" alt="high-uv-spot-varnish" width="468" height="155" /><br
/> <small>Image Copyright: <a
href="http://www.surfacemedia.ca/projects/unite/VIP/unite_vipinvitation.html">Surface Media</a></small></p><p><strong>UV Spot Varnish / </strong><strong>High-Build</strong><strong> UV SV</strong> | This varnish is applied to certain areas of the design, highlighting and drawing attention to selected areas. Other similar coatings include <strong>Matt Varnish</strong>, <strong>Crystal Protective Coatings</strong>, <strong>Gloss</strong> and <a
href="http://www.andrewkelsall.com/colours-gf-smith-free-paper-samples/">Matt Laminates and StopLight Coatings</a>. There is a more comprehensive list of finishes at <a
href="http://www.gemini-press.co.uk/2008/07/30/e-procerument-coming-soon/">Gemini Press</a>.</p><blockquote><p><strong><span
style="color: #ff6600;">★★★★★</span> Like this type of article? Why not subscribe for Free via <a
href="feed://feeds.feedburner.com/AndrewKelsall">RSS</a> or <a
href="http://www.andrewkelsall.com/subscribe/">Email</a>.</strong></p></blockquote><p><strong>When to use</strong>: If you have a certain desired effect you want to achieve, like when used on the black-styled design above, this varnish can look professional and classy. It costs extra, of coarse, but if it&#8217;s used just with black, for example, it may cost less than CMYK depending on the printers used.</p><p><em><strong>Note: </strong>There are other finishes available can be applied to black, such as <span
class="black"><strong>Embossing</strong>, <strong>Debossing</strong> and <strong>Foil-blocking</strong>, but wring of these methods would stray from the context of this article.</span></em></p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="knockout-cmyk-black-img" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/knockout-cmyk-black-img.png" alt="knockout-cmyk-black-img" width="468" height="155" /></p><p><strong>&#8216;Knock-out Black&#8217;</strong> | C40 M40 Y40 K100 : A process whereby text or forms are knocked-out of the black channel (and therefor, printing plate), but the cyan, magenta and yellow channels are either solid or filled to a certain extent (for example, gradients applied).</p><p><strong>When to use</strong>: This technique is great for subtle printing effects, where special spot varnishes are either not available or not in the printing budget. <strong>For example</strong>, I once used thus technique on a <a
href="http://www.andrewkelsall.com/cd-album-77-snaps/">CD Cover</a>, where I knocked-out the band&#8217;s logo on the tray-card reverse.</p><p><img
class="old-image" title="printing-channels-type" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/printing-channels-type.jpg" alt="printing-channels-type" width="468" height="383" /></p><p>The image above shows how the four CMYK channels look. As can be seen, the letters are subtracted from all but the black channel, so the word appears &#8216;less-black&#8217; than the surrounding black, and therefore legible.</p><p>This technique has endless possibilities. For example, the surrounding black could be made as a <strong>Flat Black</strong>, with the text in <strong>Rich-Black</strong>. Shapes, forms and images can also be tailored to this technique, as well as the use of different spot-colors and metallic inks.</p><h3>Part Three: Misuse of Black</h3><p><img
class="old-image" title="printing-mistake-border" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/printing-mistake-border.jpg" alt="printing-mistake-border" width="468" height="383" /><br
/> <small>Base Image: <a
href="http://www.dreamstime.com/res490893-high-resolution-image">Dreamstime</a></small></p><p><strong>Black Border Misuse</strong>: Yeah, maybe she&#8217;s looks shocked because of that drab-&#8217;flat&#8217; border―a common mistake made when using photography in vector-based files (<strong>Adobe Illustrator</strong> and <strong>InDesign</strong>, etc) is not matching black borders to the black contained in the files. For example (taken from above), the CMYK makeup of <strong>number 1</strong> maybe a <a
href="http://www.andrewkelsall.com/logo-sharp-slice-bread/">Neutral Rich Black</a>, but the border (<strong>2</strong>) may be a <strong>Flat Black</strong>. This, of coarse, may be desired in some situations, but for the most part it is a printing mistake.</p><p><strong>Advice:</strong> T0 make sure this doesn&#8217;t happen, use the <a
title="Layers magazine eyedropper tool" href="http://www.layersmagazine.com/photoshop-choose-color.html">eyedropper tool</a> in your chosen Adobe application to measure the CMYK values of the outer-photo black and match the border accordingly.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="overprint-turned-on" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/overprint-turned-on.jpg" alt="overprint-turned-on" width="468" height="383" /><br
/> <small>Base Image: <a
href="http://www.dreamstime.com/res490893-high-resolution-image">Dreamstime</a></small></p><p><strong>Overprint Misuse</strong>: I would always recommend overprinting black, especially where a black-filled-vector shape is on top of a vivid image. I have found that oranges and greens are particularly prone showing through flat blacks, so don&#8217;t ever overprint flat black onto an image unless <em>you want to image</em> to show through.</p><p><strong>Advice:</strong> When overprinting black onto such an image (well, any image), always use a black, such as designer black, whereby all four CMYK <a
href="http://www.andrewkelsall.com/color-effect-designers-should-see/">colours</a> are used. Exactly how much of the percentage of these colors you use is dependent on what stock your design is to be printed on.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><img
class="old-image" title="pantone-black-cd-logo" src="http://ak-main-blog.andrewkelsalldes.netdna-cdn.com/wp-content/uploads/2009/01/pantone-black-cd-logo.jpg" alt="pantone-black-cd-logo" width="468" height="383" /></p><p><strong>Small Black Logo/Text Misuse</strong>: You wouldn&#8217;t believe the amount of &#8216;professionally-designed&#8217; <a
href="http://www.andrewkelsall.com/how-design-cd-album-local-band/">CD Covers</a> I&#8217;ve seen over the years that are inclusive of small black logos that are made up of a rich CMYK black. If you take a look at the logo I have created above, you can see which one is clear and clean cut. There no trying to convince you otherwise. Just imagine if my &#8220;<strong>AK Doesn&#8217;t Make Mistakes</strong>&#8220;<em> [spoof]</em> logo was a maximum 8mm in height? You can see why this is an issue of legibility. This is also true of small black text, etc.</p><p><strong>Advice</strong>: Always check that small black logos only appear on the black channel by proofing your work. <strong>Set black to overprint</strong>, unless it lies on a dark background&#8230;but this may make the logo or text illegible anyway, so use common sense.</p><p><img
class="alignnone size-full wp-image-884" title="separator" src="http://i.andrewkelsall.com/separator.png" alt="separator" /></p><p><strong>Thanks</strong> for taking time to read this article. If you have any questions or comments, please leave them below. If you use a particular mix of black, why?―And what percentages and stock have you used? Can you recommend anything I haven&#8217;t mentioned?</p><h3>Recommended Articles of Interest</h3><p><strong>The Design Cubicle</strong> | <a
href="http://www.thedesigncubicle.com/2008/10/8-print-finishes-to-spice-up-your-designs/">8 Print Finishes to Spice Up Your Designs</a></p><p><strong>Perrogger</strong> | <a
href="http://perrogger.blogspot.com/2008/12/converting-cmyk-black-type-to-100-black.html">Converting CMYK Black Type to 100% Black</a></p><p><strong>Creative Curio</strong> | <a
href="http://creativecurio.com/2009/01/applying-special-effects-to-your-print-work/">Applying Special Effects to Your Print Work</a></p><p><strong>Retinart</strong> | <a
title="Print Checklist" href="http://retinart.net/drafts_/printchecklist">#Print Checklist</a></p><p><strong>The Theme Blog</strong> | <a
href="http://thethemeblog.com/tutorials/understanding-photoshop-color-modes">Understanding Photoshop Color Modes</a></p><p><strong>Spoon Graphics</strong> | <a
title="Designing with black" href="http://www.blog.spoongraphics.co.uk/articles/the-ultimate-guide-to-designing-with-black">The Ultimate Guide to Designing with Black</a></p><p><strong>Design Shard</strong> | <a
title="CMYK Tips" href="http://www.designshard.com/print-design/tips-for-working-in-cmyk-for-print-computer-arts/">Tips for Working in CMYK for Print &#8211; Computer Arts</a></p><p><strong>Photoshop Ninja </strong>| <a
href="http://photoshopninja.com/techniques-print/better-cmyk-black-printing/">Better CMYK black printing</a></p><p><strong>Laughing Lion Design</strong> | <a
title="Colour Modes" href="http://laughingliondesign.net/2007/03/12/colour-models-in-photoshop-what-they-are-and-when-to-use-them/">Colour Models in Photoshop</a></p><p><strong>Graphic Forums</strong> | <a
href="http://www.graphic-forums.com/showthread.php?p=277667">Black is causing a Headache</a><strong></strong></p><p><strong>Treble Click</strong> | <a
href="http://trebleclick.blogspot.com/2009/01/pure-100-k-cmyk-black-is-not-html.html">Pure 100 K CMYK black is not HTML 000000 color</a></p><p><strong>Desk Top Publishing : About </strong>| <a
href="http://desktoppub.about.com/cs/softwaretutorials/ht/spot_varnish.htm">How To Specify Spot Varnish in a Digital File</a></p><p><strong>O&#8217;Reilly Digital Media</strong> | <a
href="http://blogs.oreilly.com/digitalmedia/2008/06/hexachrome-color.html">Hexachrome Color</a></p><p><strong>Prepressure</strong> | <a
href="http://www.prepressure.com/design/basics/richblack">Design Basics―Richblack</a></p> <span
id="pty_trigger"></span><p>This post is Copyright <a
href ="http://www.andrewkelsall.com">Andrew Kelsall</a>, author of the <a
href ="http://www.andrewkelsall.com">Andrew Kelsall Graphic Design Blog</a>.<a
href="http://www.andrewkelsall.com">Andrew Kelsall | Creative Designer - Graphic Design Blog of Andrew Kelsall</a></p>]]></content:encoded> <wfw:commentRss>http://www.andrewkelsall.com/the-professional-designers-guide-to-using-black/feed/</wfw:commentRss> <slash:comments>92</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Database Caching 3/1894 queries in 0.620 seconds using disk: basic
Object Caching 2117/2256 objects using disk: basic
Content Delivery Network via ak-main-blog.andrewkelsalldes.netdna-cdn.com

Served from: www.andrewkelsall.com @ 2012-02-04 22:20:08 -->
