<?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>Pizza By The Slice &#187; How-To</title>
	<atom:link href="http://pizzabytheslice.com/tag/how-to/feed" rel="self" type="application/rss+xml" />
	<link>http://pizzabytheslice.com</link>
	<description>Photography, Illustration, Web Development &#38; Scary Rants</description>
	<lastBuildDate>Wed, 02 May 2012 15:52:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Ukulele Valentine Heart Box Papercraft</title>
		<link>http://pizzabytheslice.com/ukulele-valentine-heart-box-papercraft.htm</link>
		<comments>http://pizzabytheslice.com/ukulele-valentine-heart-box-papercraft.htm#comments</comments>
		<pubDate>Wed, 25 Jan 2012 06:40:48 +0000</pubDate>
		<dc:creator>Buz</dc:creator>
				<category><![CDATA[Illustration]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[papercraft]]></category>
		<category><![CDATA[ukulele]]></category>
		<category><![CDATA[Valentine's Day]]></category>

		<guid isPermaLink="false">http://pizzabytheslice.com/?p=744</guid>
		<description><![CDATA[&#8220;Moderation&#8221; &#8212; it isn&#8217;t in the ukulele player&#8217;s vocabulary, so why are you hesitating? You actually believe there are limits to the uke obsession? Puh-shah!! No way! Enjoy a stress-free Valentine&#8217;s Day: build your uke-crazed sweetie this heart-shaped ukulele box then fill it with See&#8217;s candies, jelly beans, an engagement ring, or Jake Shimabukuro tickets &#8212; [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://pizzabytheslice.com/wp-content/uploads/2012/01/ukulele-valentine-heart-box.jpg"><img class="alignnone  wp-image-756" title="Ukulele Valentine Heart Box" src="http://pizzabytheslice.com/wp-content/uploads/2012/01/ukulele-valentine-heart-box.jpg" alt="Ukulele Valentine Heart Box" width="470" height="313" /></a></p>
<p>&#8220;Moderation&#8221; &#8212; it isn&#8217;t in the ukulele player&#8217;s vocabulary, so why are you hesitating? You actually believe there are limits to the uke obsession? Puh-shah!! No way! Enjoy a stress-free Valentine&#8217;s Day: build your uke-crazed sweetie this heart-shaped ukulele box then fill it with See&#8217;s candies, jelly beans, an engagement ring, or <a href="http://jakeshimabukuro.com/">Jake Shimabukuro</a> tickets &#8212; whatever you do rest assured that ya done good.</p>
<p><a href="http://pizzabytheslice.com/downloads/ukulele-valentine-heart-box.pdf">Download &#8220;Ukulele Valentine Heart Box&#8221; template (532kB PDF)</a></p>
<p><span id="more-744"></span>Finished box with lid measures about 6” x 4” x 1.25”. Includes three sheets: box &amp; lid plus truly garish interior pink-n-purple box &#8220;lining&#8221;.</p>
<p><a href="http://pizzabytheslice.com/wp-content/uploads/2012/01/ukulele-heart-front-and-back.png"><img class="alignnone  wp-image-760" title="ukulele heart - front and back views" src="http://pizzabytheslice.com/wp-content/uploads/2012/01/ukulele-heart-front-and-back.png" alt="ukulele heart - front and back views" width="420" height="341" /></a></p>
<p>I printed mine on 80 pound smooth paper and can attest that the resulting carton is a surprisingly sturdy beast &#8212; those interior strips really stiffen the structure.</p>
<p>Be forewarned! 45 minutes did I toil assembling this silly box, though I’m admittedly all thumbs when doing paper craft — glue covered thumbs, wrong bits stuck together; that level of ineptitude (rings oddly familiar, same can be said of my uke playing <img src='http://pizzabytheslice.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> ). Heck, even basics — cutting along lines, folding straight edges — it’s all a challenge. Doodling artwork (Adobe Illustrator) on my new-ish MacBook Air while enjoying a brew at local coffee spots? That I can do.</p>
<div id="attachment_746" class="wp-caption alignnone" style="width: 310px"><a href="http://pizzabytheslice.com/wp-content/uploads/2012/01/ukulele-valentines-box-papercraft-prototype.jpg"><img class="size-medium wp-image-746" title="ukulele-valentines-box-papercraft-prototype" src="http://pizzabytheslice.com/wp-content/uploads/2012/01/ukulele-valentines-box-papercraft-prototype-300x225.jpg" alt="&quot;Uke Box&quot; Prototype" width="300" height="225" /></a><p class="wp-caption-text">&quot;Uke Box&quot; Prototype: overall scale and aesthetics check.</p></div>
<p>Some tips might be useful so here&#8217;s what I found helpful:</p>
<ul>
<li>Fold &amp; glue the tuning pegs before doing your precise trimming.</li>
<li>On the lid (the uke&#8217;s top) don&#8217;t worry about gluing all the way up to the edge, a bit of a lip is fine.</li>
<li>Start attaching the sides with the headstock piece, beginning at the &#8220;V&#8221; where the head meets the fretboard.</li>
<li>Once the fretboard sides are attached (don&#8217;t glue the very end bit as there might be some trimming required &#8212; I deliberately made the pieces longer than you should need) attach the body&#8217;s sides starting at the sharp point at the bottom of the heart shape &#8212; folding the sides in half and aligning the &#8220;V&#8221; to the point.</li>
<li>Depending upon your paper stock you might need to &#8220;feather&#8221; the tabs a bit on the round corners of the head stock.</li>
<li>Attach the lining sides first. The top &amp; bottom lining pieces are larger than you need so dry fit, trim, dry fit, trim &#8212; until they fit snugly before gluing in place.</li>
</ul>
<div id="attachment_759" class="wp-caption alignnone" style="width: 430px"><a href="http://pizzabytheslice.com/wp-content/uploads/2012/01/papercraft-ukulele-heart-valentine-box.jpg"><img class=" wp-image-759" title="papercraft-ukulele-heart-valentine-box" src="http://pizzabytheslice.com/wp-content/uploads/2012/01/papercraft-ukulele-heart-valentine-box.jpg" alt="" width="420" height="280" /></a><p class="wp-caption-text">More dramatic lighting you say? Surely! Let me kick in the LED spots.</p></div>
<p>Oh, and for the record, I take extra pride in the slightly bowed frets and the tuning gears.</p>
<p><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" rel="license"><img style="border-width: 0;" src="http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png" alt="Creative Commons License" /></a><br />
<span>Ukulele (Valentine) Heart Box Paper Craft Template</span> by <a href="http://pizzabytheslice.com/" rel="cc:attributionURL">Buz Carter</a> is licensed under a <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" rel="license">Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License</a>.<br />
Based on a work at <a href="http://pizzabytheslice.com/" rel="dct:source">pizzabytheslice.com</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://pizzabytheslice.com/ukulele-valentine-heart-box-papercraft.htm/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Zombie Snowflake Papercraft Pattern</title>
		<link>http://pizzabytheslice.com/zombie-snowflake-papercraft-pattern.htm</link>
		<comments>http://pizzabytheslice.com/zombie-snowflake-papercraft-pattern.htm#comments</comments>
		<pubDate>Mon, 20 Dec 2010 00:18:54 +0000</pubDate>
		<dc:creator>Buz</dc:creator>
				<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Christmas]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[papercraft]]></category>
		<category><![CDATA[silhouette]]></category>
		<category><![CDATA[Zombie]]></category>

		<guid isPermaLink="false">http://pizzabytheslice.com/?p=638</guid>
		<description><![CDATA[A few weeks ago Ludlow suggested several Zombie Christmas items (for Ben&#8217;s novel, Rise Again), this Zombie Snowflake being among them. My first attempt mistakenly began by folding the paper in successive halves &#8211; yielding an 8-pointed Zombie Hawai&#8217;ian quilt pattern &#8212; lovely, but a fairly unconvincing snowflake. So, it sat fallow, until last weekend when I did [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/img/posts/zombie-snowflakes/zombie-snowflake-pattern.jpg" alt="Zombie Snowflake Pattern (example)" /><br />
A few weeks ago <a href="http://ludders.tumblr.com/">Ludlow </a>suggested several Zombie Christmas items (for Ben&#8217;s novel, <a href="http://riseagainthenovel.com/">Rise Again</a>), this Zombie Snowflake being among them. My first attempt mistakenly began by folding the paper in successive halves &#8211; yielding an 8-pointed Zombie Hawai&#8217;ian quilt pattern &#8212; lovely, but a fairly unconvincing snowflake. So, it sat fallow, until last weekend when I did this 6-pointed version. (BTW, if you do make a zombie Hawai&#8217;ian quilt, please let me know &#8212; it&#8217;d be awesome!)</p>
<p><a href="/downloads/zombie-snowflake-pattern.pdf">Download Zombie Snowflake Papercraft Pattern (87KB PDF)</a></p>
<p><span id="more-638"></span>Instructions below. Also available as an image here <a href="http://www.flickr.com/photos/pizzabytheslice/sets/72157625509045939/with/5275443823/">Zombie Snowflake Pattern/Template (Flickr set)</a>.</p>
<p>Trim your tree with Ben&#8217;s <a href="http://riseagainthenovel.com/zombie-santa-ornament-gift-tag.htm">Zombie Christmas Ornaments</a> and be sure to try his <a href="http://zombiechristmas.org/papercraft-zombie-nativity-set.htm">Zombie Nativity Set</a>. Here&#8217;s a few shoots using one of the programmable LED lights (available from ThinkGeek).<br />
<img src="/img/posts/zombie-snowflakes/zombie-snowflake-papercraft-5512.jpg" alt="Zombie Snowflake Pattern" /><br />
<img src="/img/posts/zombie-snowflakes/zombie-snowflake-papercraft-5522.jpg" alt="Zombie Snowflake Pattern" /><br />
<img src="/img/posts/zombie-snowflakes/zombie-snowflake-papercraft-sample-5506.jpg" alt="Zombie Snowflake Pattern" /></p>
<h3>Instructions</h3>
<p>From printed sheet to final flake. Print on light, but rigid paper &#8212; though I had fairly good success with heavy bond. Sharp scissors are, however, crucial.<br />
<img src="/img/posts/zombie-snowflakes/step-1-papercraft-zombie-snowflake.jpg" alt="Zombie Snowflake Pattern" /></p>
<p>Start by folding in half. Followed by that first 60-degree bend. Make your folds crisp!!<br />
<img src="/img/posts/zombie-snowflakes/step-2-papercraft-zombie-snowflake.jpg" alt="Zombie Snowflake Pattern" /></p>
<p>Properly folding the paper is key, lo, the second 60-degree fold:<br />
<img src="/img/posts/zombie-snowflakes/step-3-papercraft-zombie-snowflake.jpg" alt="Zombie Snowflake Pattern" /></p>
<p>Now get to cutting!<br />
<img src="/img/posts/zombie-snowflakes/step-4-papercraft-zombie-snowflake.jpg" alt="Zombie Snowflake Pattern" /></p>
<p>Unfolding…<br />
<img src="/img/posts/zombie-snowflakes/step-5-papercraft-zombie-snowflake.jpg" alt="Zombie Snowflake Pattern" /></p>
<p>Tah-dah!<br />
<img src="/img/posts/zombie-snowflakes/step-7-papercraft-zombie-snowflake.jpg" alt="Zombie Snowflake Pattern" /></p>
]]></content:encoded>
			<wfw:commentRss>http://pizzabytheslice.com/zombie-snowflake-papercraft-pattern.htm/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Papercraft Ukulele</title>
		<link>http://pizzabytheslice.com/papercraft-ukulele.htm</link>
		<comments>http://pizzabytheslice.com/papercraft-ukulele.htm#comments</comments>
		<pubDate>Fri, 19 Nov 2010 21:22:36 +0000</pubDate>
		<dc:creator>Buz</dc:creator>
				<category><![CDATA[Illustration]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[papercraft]]></category>
		<category><![CDATA[ukulele]]></category>

		<guid isPermaLink="false">http://pizzabytheslice.com/?p=614</guid>
		<description><![CDATA[Few things are as pleasant as lazing around strumming the uke, but admit it, don&#8217;t ya sometimes wish it was smaller? Of course you do. So scratch that itch with this easy, DIY paper craft soprano ukulele. Download Papercraft Soprano Ukulele (PDF) You may also download the big image from my Flickr Stream. In under [...]]]></description>
			<content:encoded><![CDATA[<p>Few things are as pleasant as lazing around strumming the uke, but admit it, don&#8217;t ya sometimes wish it was smaller? Of course you do. So scratch that itch with this easy, DIY paper craft soprano ukulele.</p>
<p><a href="http://pizzabytheslice.com/downloads/papercraft-ukulele.pdf">Download Papercraft Soprano Ukulele (PDF)</a></p>
<p><span id="more-614"></span></p>
<p><a title="Papercraft Soprano Ukulele by Buz Carter, on Flickr" href="http://www.flickr.com/photos/pizzabytheslice/5189996939/"><img class="alignright" style="float: right; margin: 0 0 10px 10px;" src="http://farm5.static.flickr.com/4126/5189996939_8ea0d9eb59.jpg" alt="Papercraft Soprano Ukulele" width="193" height="300" /></a></p>
<p>You may also download the big image from my <a href="http://www.flickr.com/photos/pizzabytheslice/5189996939/">Flickr Stream</a>.</p>
<p>In under ten minutes you can have your very own uke! Great for Christmas tree trimming, package wrapping, or just to collect dust. All ya need is scissors and glue. A skewer or coffee stirrer, glue stick, and X-acto knife are also helpful, but not needed.</p>
<p>Oh, I also have a tumblr exclusively devoted ukuleles.  &#8221;<a href="http://beginnersuke.tumblr.com/">A Beginners Ukulele Resource Kit</a>&#8221; is for those just picking up this &#8216;lil instrument and looking for resources and/or inspiration.</p>
<p><img class="alignnone" src="/img/posts/papercraft-ukulele-sample.jpg" alt="Sample Papercraft Ukulele" width="470" height="664" /></p>
<p><img src="/img/posts/papercraft-ukulele-ornament.png" alt="" width="470" height="470" /></p>
]]></content:encoded>
			<wfw:commentRss>http://pizzabytheslice.com/papercraft-ukulele.htm/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Rainy Day Fun: Make Silhouettes</title>
		<link>http://pizzabytheslice.com/rainy-day-fun-make-silhouettes.htm</link>
		<comments>http://pizzabytheslice.com/rainy-day-fun-make-silhouettes.htm#comments</comments>
		<pubDate>Sat, 27 Dec 2008 22:25:25 +0000</pubDate>
		<dc:creator>Buz</dc:creator>
				<category><![CDATA[Illustration]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[silhouette]]></category>

		<guid isPermaLink="false">http://pizzabytheslice.com/?p=498</guid>
		<description><![CDATA[Even I&#8217;ve noticed that silhouettes have experienced a resurgence, to the point that they&#8217;re now blase (peaking last May at 3:20PM). Great! It&#8217;s time to jump on the bandwagon, or be the 300th person on a 100-person capacity refurbished WWII ferry heading out into Manila Bay&#8217;s choppy, shark infested waters! Here&#8217;s some suggestions for making [...]]]></description>
			<content:encoded><![CDATA[<p><a href="/rainy-day-fun-make-silhouettes.htm"><img src="/img/posts/ludlow-turtle-frame-silhouette-iphone.jpg" alt="ludlow with turtle, framed silhouette iphone wallpaper" /></a><br />
Even I&#8217;ve noticed that silhouettes have experienced a resurgence, to the point that they&#8217;re now blase (peaking last May at 3:20PM). Great! It&#8217;s time to jump on the bandwagon, or be the 300th person on a 100-person capacity refurbished WWII ferry heading out into Manila Bay&#8217;s choppy, shark infested waters! Here&#8217;s some suggestions for making your own silhouettes.<br />
<span id="more-498"></span></p>
<p>Pictured above, an iPhone wallpaper-sized (320x480px) silhouette from this past fall. For Halloween a scary theme seemed appropriate, thus this H.R.Giger inspired silhouette below:<br />
<img src="/img/posts/giger-ludlow-alien.jpg" alt="Ludlow with Giger Alien silhouette" /></p>
<p>Between Wikipedia, Flickr, and Google Image Search it&#8217;s fairly easy to find critters in profile that&#8217;ll enhance any staid Victorian silhouette. Another source: <a href="http://browse.deviantart.com/resources/applications/customshape/?order=9">DeviantArt&#8217;s Photoshop Custom Shapes gallery</a>!</p>
<p>While Photoshop or Illustrator makes the tracing task quite easy the old school Xacto knife, tracing paper, and black paper method still works.</p>
<p>As for tips &#8212; really the only (surprising) mistake people seem to make is in photo selection. Not to state the obvious, but, errr, isn&#8217;t it obvious that a silhouette depends on a profile or pose that&#8217;s clean? So, backlight the subject, stand them far enough away from a white wall that it won&#8217;t bounce too much light back onto the subject, and DON&#8217;T LIGHT THE SUBJECT! Seriously. No front-flash, okay? Light the wall (white, ideally) behind them well. And that&#8217;s it.</p>
<p>For this one (below) I traced a photo in Illustrator, printed it, then pencil sketched the squid before scanning that sketch and heading back to Illustrator for the final squid tracing and cleaning. Total time? Less than writing about it, say, 20-30 minutes?</p>
<p><a name="ludlowSquidHead"></a><img src="/img/posts/silhouettes-ludlow-squid-head.png" alt="Ludlow with Squid head" /></p>
<p>This recent spate of stupidity actually started when I noticed how other-worldly (read: messy tangle) my hair was in a photo, which lead to making a self-silhouette portrait, which lead to thinking &#8220;wow, that&#8217;s a truly creepy thing to do, better muck it up&#8221;, and as JB Steve&#8217;s and my recent encounter with an enormous preying (praying?) mantis at KC&#8217;s Union Station was still fresh in my mind, well, just be glad these critters aren&#8217;t the size of house cats, or we&#8217;d be in serious trouble. Inspired here&#8217;s that result:<br />
<img src="/img/posts/silhouette-with-mantis-oval.jpg" alt="me with preying mantis" /></p>
<p>One problem: silhouettes of the same person, well, look the same, that is, one is good, two are boring. Retracing is definitely a clear cut diminishing returns exercise, too. So why not spruce them up?</p>
<p>OK, it&#8217;s time to eat, so I&#8217;ll stop here. Hope you try this with some friends or family&#8230; ok, both. Sure. Here&#8217;s some more silhouette inspirations:</p>
<ul>
<li><a href="http://www.pantherhouse.com/newshelton/freeze-frame-screen-the-shadow-hot-heads-under-silent-wigs/">Incredible 3D silhouette Installation</a></li>
<li><a href="http://www.whitney.org/www/exhibition/kara_walker/index.html">Kara Walker</a> who explores race with large-scale silhouettes</li>
<li><a href="http://shop.h-concept.jp/shop/A119/QxD461VwC/syoinfo/76">animal bookshelf dividers</a></li>
<li><a href="http://www.juniorsociety.com/2007/04/06/shadow-dancing/">Junior Society&#8217;s Silhouette Round-up: Shadow Dancing</a></li>
</ul>
<p>For you DIYers itching to go:</p>
<ul>
<li><a href="http://www.papercuttingartprabal.com/paper_silhouette.html">Silhouette Tips and Instructions</a></li>
</ul>
<p>If you want someone to do a legit one for you, there&#8217;s actually a lot of Silhouette Artists (<a href="http://www.papercutters.info/SA/ByName/index.php">Silhouette Paper Cutters</a> maintains an index, by region), here&#8217;s a sampling:</p>
<ul>
<li><a href="http://www.roving-artist.com/mike/">Mike Herbert</a></li>
<li><a href="http://www.cutarts.com/">Karl Johnson</a>. Check out his gallery and ready-made goods, really great whimsy</li>
<li>And naturally the <a title="Threadless t-shirt community" href="http://threadless.com">Threadless </a>spin-off <a title="Blik Surface Graphics" href="http://www.whatisblik.com/">Blik Surface Graphics</a> fixes any crap paint job, and they have repositionable ones, too.</li>
</ul>
<p>Wait! Wait! Before you go mosey over to <a title="Squid, by Laughing Squid" href="http://squid.us/">squid.us</a>, a site devoted to all things squiddy which is something, don&#8217;t ya think?</p>
]]></content:encoded>
			<wfw:commentRss>http://pizzabytheslice.com/rainy-day-fun-make-silhouettes.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Make A Steampunk Gear Using Photoshop Patterns and Effects</title>
		<link>http://pizzabytheslice.com/make-a-steampunk-gear-using-photoshop-patterns-and-effects.htm</link>
		<comments>http://pizzabytheslice.com/make-a-steampunk-gear-using-photoshop-patterns-and-effects.htm#comments</comments>
		<pubDate>Sat, 27 Dec 2008 07:20:59 +0000</pubDate>
		<dc:creator>Buz</dc:creator>
				<category><![CDATA[Illustration]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Steampunk]]></category>

		<guid isPermaLink="false">http://pizzabytheslice.com/?p=488</guid>
		<description><![CDATA[This really is a simple graphic to make though you might not at first agree &#8212; especially if you&#8217;ve already peeked at the lengthy list of steps below. Let me reassure you that it&#8217;s easy and if you&#8217;re new to Photoshop you&#8217;ll learn&#8230; shoot, you&#8217;ll learn all this: Patterns! Useful in the basic mode of [...]]]></description>
			<content:encoded><![CDATA[<div class="tutorial">
<p>This really is a simple graphic to make though you might not at first agree &#8212; especially if you&#8217;ve already peeked at the lengthy list of steps below. Let me reassure you that it&#8217;s easy and if you&#8217;re new to Photoshop you&#8217;ll learn&#8230; shoot, you&#8217;ll learn all this:</p>
<ol>
<li>Patterns! Useful in the basic mode of making shapes, these prove powerful and flexible in realizing photo-realistic effects</li>
<li>Bevel and Emboss&#8217; hidden treasures: Contour and Texture.</li>
<li>Painting with light. Seems obvious, but this composition &quot;works&quot; by combining 3D lighting to 2D elements.</li>
<li>Shadows. Yup, Drop Shadows are key to this, more so than you might think.</li>
<li>The utility of making your own Styles and collecting a Texture Library.</li>
</ol>
</div>
<p><span id="more-488"></span></p>
<div class="tutorial">
<h2>Final Image Preview</h2>
<p>	<a class="tutorialRightPic" href="http://www.flickr.com/photos/pizzabytheslice/1428233585/" title="Steampunk Tile-able Background/Wallpaper/Desktop by Buz Carter, on Flickr"><img src="http://farm2.static.flickr.com/1002/1428233585_83ffea2de6_t.jpg" width="100" height="81" alt="Steampunk Tile-able Background/Wallpaper/Desktop" /></a></p>
<p>The <a href="http://www.flickr.com/photos/pizzabytheslice/1428233585/" title="Steampunk Tile-able Background/Wallpaper/Desktop by Buz Carter, on Flickr">steampunk tileable wallpaper</a> I made a year or two ago generated quite a few &quot;how&#8217;d you do that&quot; emails so here&#8217;s a scaled-down project you can knock out quite easily.</p>
<p><a href="/downloads/tutorials/steampunk-gear-tutorial.zip">Download Project Files</a>  2.3MB (Patterns and Gear as Photoshop Vector and PNG).</p>
<p>(The image below is 50% size of my actual Photoshop file. For some projects I prefer working  at twice my final output resolution, this allows me to work faster,  be a bit sloppy, but still have a clean final design. View <a href="http://www.flickr.com/photos/pizzabytheslice/3140762424/" title="Steampunk Gear - A Photoshop Tutorial by Buz Carter, on Flickr">large final version here</a>.)</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/final-steampunk-gear-tutorial.jpg" alt="steampunk gear" /></div>
<h2>Part 1: Getting Document Started</h2>
<h3>Step 1</h3>
<p>Before launching Photoshop let&#8217;s gather the required assets beginning with some tessellating (seamlessly repeating) texture patterns. We&#8217;ll also use a few Patterns that ship with Photoshop.</p>
<p>There&#8217;s plenty of great tutorials on making step-and-repeat (tileable) patterns (<a href="http://psdtuts.com/tutorials/interface-tutorials/how-a-turn-a-texture-into-a-seamlessly-tiled-background/">try this tutorial over at PSDTUTS</a>) so I&#8217;ll not go into how they were made here.  </p>
<p>For this project we&#8217;ll be making heavily pitted, metallic surfaces so I started with this photo of dirt (below) taken at a nearby baseball diamond.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-1-pattern-dirt.jpg" alt="dirt photo" /></div>
<p>After applying a few filters and fixing the edges so they disappear when tiled that baseball dirt is now the Photoshop Pattern named &quot;Sand&quot; (below). We&#8217;ll be using this one the most.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/photoshop-sand-pattern.jpg" alt="final dirt pattern" /></div>
<p>A softer version of &quot;Sand&quot; named &quot;Rough Brass&quot; (below).</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-1-pattern-gold.jpg" alt="dirt photo" /></div>
<p>Lastly, &quot;Rotting Leaves&quot; &#8212; a messy pattern, handy for dirtying stuff. </p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-1-pattern-pattern.jpg" alt="dirt photo" /></div>
<p>These patterns are included in the <a href="/downloads/tutorials/steampunk-gear-tutorial.zip">zipped project file</a>. I&#8217;m going to assume that you&#8217;ve saved them someplace convenient where you can easily access and use them from within Photoshop. If you haven&#8217;t done this yet take a minute to do it, we&#8217;ll wait until you get back. (if you need help read this) OK, ready? Cool.</p>
<h3>Step 2</h3>
<p>Let&#8217;s begin by creating our Photoshop file, 1000 by 1000 pixels at 300dpi. </p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-2-new-document.png" alt="steampunk" /></div>
<h3>Step 3</h3>
<p>Add our background surface. Create a solid by choosing <span class="tutorialMenuSample">Layer &raquo; New Fill Layer &raquo; Solid Color&#8230;</span>. I&#8217;ll name it &quot;Background&quot;. As for colors I&#8217;m going with a nice orangey-rust, say #270e03. </p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-3-background-solid.png" alt="steampunk" /></div>
<h3>Step 4</h3>
<p>Time to texturize. Let&#8217;s add a <strong>Pattern Overlay</strong> effect (click the effects button (<img src="/img/posts/steampunk-gears/fx.png" alt="fx button" />) on the Layers window). Choose our Sand pattern. Change the Blend Mode to Screen, knock the Opacity back to about 50%.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-4-texture-bg.png" alt="steampunk" /></div>
<h2>Part 2: Styling the Gear</h2>
<h3>Step 5</h3>
<p>Definitely time for a gear. I built several gears, needles, and cogs in Illustrator (yet another tutorial, gang) and <a href="http://flickr.com/photos/pizzabytheslice/2671572056/">posted them on Flickr</a>, here&#8217;s the one we&#8217;ll be using (PNG with transparency). Open this in Photoshop.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-5-steampunk-gear-400px.png" alt="steampunk gear" /></div>
<h3>Step 6</h3>
<p>Control+click the gear&#8217;s icon in the Layer window to load its transparency as our current selection.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-6-making-gear.png" alt="steampunk" /></div>
<h3>Step 7</h3>
<p>From the menu choose <span class="tutorialMenuSample">Layer &raquo; New Fill Layer &raquo; Pattern&#8230;</span>. Give it a name, click OK. Again choose our Sand Pattern.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-7-new-layer-the-gear.png" alt="steampunk" /></div>
<h3>Step 8</h3>
<p>Drag this new layer into our original composition where we just created the background. You should see the gear faintly on your somewhat darker background (below). We&#8217;re done importing the gear into our composition so go ahead and close it if you&#8217;d like.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-8-drag-gear-layer-final.jpg" alt="steampunk" /></div>
<h3>Step 9</h3>
<p>We&#8217;re now going to do all the real work by apply numerous effects to this Gear layer starting with a dark, large <strong>Drop Shadow</strong>.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-9-drop-shadow.png" alt="steampunk" /></div>
<p>Next, an <strong>Outer Glow</strong> with Multiply as the Blend Mode will sell the 3D effect a bit. I like to use a color other than black for secondary shadows such as this one, so try sampling a color from the composition and knock back it&#8217;s saturation just a bit.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-9-outer-glow.png" alt="steampunk" /></div>
<p>I&#8217;m adding a <strong>Gradient Overlay</strong> here to again create a lighting effect. Light paints with color not just brightness (and darkness). So I&#8217;m making a black to pale yellow-green (#f9fd80) gradient and setting the Blend Mode to &quot;Soft Light&quot;.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-9-gradient-overlay.png" alt="steampunk" /></div>
<p>Age the piece more by applying our Leafy <strong>Pattern Overlay</strong> in &quot;Multiply&quot; Blend Mode.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-9-applying-dirty-leaf-pattern-effect.png" alt="steampunk" /></div>
<p>Time for <strong>Bevel and Emboss</strong>!! First the basics: Chisel Hard with some a strong orange Highlight (#b54000) and deep red-brown Shadow (#380000).</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-9-bevel-and-emboss.png" alt="steampunk" /></div>
<p>Now let&#8217;s set a <strong>Bevel and Emboss Contour</strong>. This adds a slight lip to our gear. You can make it large &#8212; as in a decorative flourish &#8212; or quite small as flashing (mistakes made during casting or perhaps a misaligned die).</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-9-bevel-and-emboss-contour.png" alt="steampunk" /></div>
<p>As you can see we now have a respectable 3D gear laying on Mars. Yay. Let&#8217;s keep going.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-9-finished-gear.jpg" alt="steampunk" /></div>
<h3>Step 10</h3>
<p>With the Ellipse Tool we&#8217;ll add a plate over the center of our gear to attach it to our background. Set the options to &quot;Paths&quot; rather than its default of &quot;Shape Layer&quot;. Draw a circle over the middle of the gear &#8212; constrain the ellipse tool to a circle by holding the shift key down as you drag.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-10-ellipse-tool-options.png" alt="steampunk" /></div>
<p>We have a path, now choose<span class="tutorialMenuSample"> Layer &raquo; New Fill Layer &raquo; Pattern&#8230;</span>. Name it &quot;Hub&quot; and choose our Smooth Gold Pattern.</p>
<p>Note: if the Hub isn&#8217;t on the exact center that&#8217;s OK, we&#8217;ll align the layers a bit later.</p>
<h3>Step 11</h3>
<p>We&#8217;ll apply effects to our Hub very similar to the gear we just did. First, a <strong>Drop Shadow</strong>.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-11-hub-effects-drop-shadow.jpg" alt="steampunk" /></div>
<p>An <strong>Outer Glow</strong>, Multiply Blend Mode using a red brown (#3b200c).</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-11-hub-effects-outer-glow.png" alt="steampunk" /></div>
<p>A simple <strong>Gradient Overlay</strong> (just black to white) adds depth to the Hub&#8217;s surface.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-11-hub-effects-gradient-overlay.png" alt="steampunk" /></div>
<p>Roughen the Hub&#8217;s surface with a <strong>Pattern Overlay</strong> using Luminosity Blend Mode and our trusty Sand Pattern</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-11-hub-effects-pattern-overlay.png" alt="steampunk" /></div>
<p><strong>Bevel and Emboss</strong> the Hub. This time let&#8217;s set the size to 10px or large. You&#8217;ll see why, be patient.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-11-hub-effects-bevel-and-emboss.png" alt="steampunk" /></div>
<p>Enable <strong>Contour</strong> and click the &quot;Anti-aliased&quot; option. Then click on the Contour pattern itself we&#8217;re going to make a Custom Contour. Let&#8217;s make a more decorative rim for the Hub by flattening the saw-tooth wave with some &quot;corner&quot; points.</p>
<p> The flat parts of the contour  make the top bits of the rim, the anchor points along the Mapping&#8217;s baseline represent the troughs. The rim&#8217;s width is determined by what you enter in the Bevel and Emboss Size (that&#8217;s why we set it to 10px).</p>
<p> You might want to play with this a bit as some quite pleasing effects can be accomplished this way. Play, by all means, play. That&#8217;s what Preview is for.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-11-hub-effects-bevel-and-emboss-contour.png" alt="steampunk" /></div>
<p>One  final touch to add a 3D texture to your Hub. In 3D graphics programs allow you to add &quot;Bump Map&quot; to a surface so it reflects light like a wood or sandpapery surface. A bump map is just a black and white image, the program uses the image&#8217;s luminosity to determine the surface texture, lighter values are peaks, darker ones pits (or valleys). Photoshop will do the same.</p>
<p> Let&#8217;s add the trusty Sand Pattern as our <strong>Texture</strong> with a Depth of 46%. Sweet!</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-11-hub-effects-bevel-and-emboss-pattern.png" alt="steampunk" /></div>
<h3>Step 12</h3>
<p>We&#8217;re ready to add a nut to our gear and hub. For this let&#8217;s choose the Polygon Tool (it&#8217;s in the Ellipse/Rectangle fly-out menu) and we&#8217;ll use it in much the same way we added the hub with the Ellipse Tool. Set the Tool&#8217;s options to Paths, set the number of sides to 6, shift-drag over the Hub&#8217;s center.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-12-polygon-tool-settings.png" alt="steampunk" /></div>
<p>Choose<span class="tutorialMenuSample"> Layer &raquo; New Fill Layer &raquo; Solid Color..</span>. Name the layer (&#8220;Nut&#8221; might be a good name) . Click OK, and, you&#8217;re correct, pop open the nut layer&#8217;s effects, we&#8217;ll add a few simple effects that&#8217;ll take us to this:</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-12-mid-point-with-nut.jpg" alt="steampunk" /></div>
<h3>Step 13</h3>
<p>This nut just needs the basics: a <strong>Drop Shadow</strong>&#8230;</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-13-effects-drop-shadow.png" alt="steampunk" /></div>
<p>&#8230; an <strong>Outer Glow</strong> for fuzzier shadows and to show the nut &quot;biting&quot; into the Hub&#8217;s surface&#8230;</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-13-effects-outer-glow.png" alt="steampunk" /></div>
<p>&#8230;<strong>Gradient Overlay</strong>  highlighting&#8230;</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-13-effects-gradient-overlay.png" alt="steampunk" /></div>
<p>&#8230;<strong>Bevel and Emboss</strong>, the most obvious 3D trickery&#8230;</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-13-effects-bevel-and-emboss.png" alt="steampunk" /></div>
<p>&#8230;and finally, <strong>Contour (Bevel and Emboss)</strong> again, playing around I decided this contour profile looked neat.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-13-effects-bevel-and-emboss-contour.png" alt="steampunk" /></div>
<h3>Step 14</h3>
<p>We&#8217;ll need a bolt to thread that nut onto so back to the Ellipse Tool with you! Draw your small circle over the nut. Make a new Solid Fill Layer. You know the drill:<span class="tutorialMenuSample"> Choose Layer &raquo; New Fill Layer &raquo; Solid Color&#8230;</span> Name the layer (&quot;Bolt Thread-end&quot; might be a good name) and I&#8217;d go with &quot;secondhand bolt brown&quot; (say #38302a).</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-14-bolt-end.jpg" alt="steampunk" /></div>
<h3>Step 15</h3>
<p>Effects for the bolt. <strong>Drop Shadow</strong> pays the bills!</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-15-effects-drop-shadow.png" alt="steampunk" /></div>
<p>A heavier <strong>Outer Glow</strong>.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-15-effects-outer-glow.png" alt="steampunk" /></div>
<p><strong>Bevel and Emboss</strong> using a beige highlight (#beb099) and deep blue shadow (#001d38).</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-15-effects-bevel-and-emboss.png" alt="steampunk" /></div>
<p>Another handy Photoshop <strong>Contour</strong> Preset</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-15-effects-bevel-and-emboss-contour.png" alt="steampunk" /></div>
<p>Applying the Sand Pattern as our <strong>Bevel and Emboss Pattern</strong> for wear-and-tear.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-15-effects-bevel-and-emboss-texture.png" alt="steampunk" /></div>
<p>The Leaf Pattern for our<strong> Pattern Overlay</strong> introduces another texture into our steampunk machine</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-15-effects-bevel-and-pattern-overlay.png" alt="steampunk" /></div>
<h2>Part 3: A Rubber Drive Belt</h2>
<h3>Step 16</h3>
<p>Let&#8217;s now suggest other machinery just out of the image&#8217;s view port. How about a rubber belt? Let&#8217;s start by setting the foreground color swatch to a nearly black rubber color, say #02070c (shown in blue in the image below so the shapes  stand out better). Then on to the Rectangle Tool. Draw two long bands across your image.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-16-steampunk-rubber-belt.jpg" alt="steampunk" /></div>
<h3>Step 17</h3>
<p><strong>Drop Shadow</strong>. Sure, at this point you&#8217;re sick of it, but this is the easiest 3D depth tool in the Photoshop toolbox &#8212; and thus the most overused. However, if you&#8217;ll play with the Distance setting here you&#8217;ll see how this effect &quot;moves&quot; the belt closer and further from the gear surface. I set it high enough that there&#8217;s actually a gap between the belt and the background.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-17-drop-shadow-effect.png" alt="steampunk" /></div>
<p>For a <strong>Pattern Overlay</strong> try Photoshop&#8217;s &quot;Metal Landscape&quot; Pattern at 50% Scale and &quot;Luminosity&quot; Blend Mode (14%) to suggest that powdery-white patina aging rubber often gets. </p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-17-pattern-overlay-effect.png" alt="steampunk" /></div>
<p>A more complicated <strong>Gradient Overlay</strong> with Blend Mode of &quot;Linear Light&quot; (very minimal at 14% Opacity) demonstrates the value of spending just one extra minute to tweak an old, familiar Photoshop tool for fast big bang-for-the-buck.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-17-gradient-overlay-effect.png" alt="steampunk" /></div>
<p><strong>Bevel and Emboss</strong> on a matte surface means we&#8217;ll use very little on the highlight, try as your color this blue-gray #4b5152</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-17-bevel-and-emboss.png" alt="steampunk" /></div>
<p>Our saw-tooth <strong>Bevel and Emboss Contour</strong> fits well here.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-17-bevel-and-emboss-contour.png" alt="steampunk" /></div>
<p><strong>Bevel and Emboss Texture</strong> &#8212; Reuse Photoshops&#8217; &quot;Metal Landscape&quot; Pattern at 50% Scale to add some pitting and fragility to our belt.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-17-bevel-and-emboss-texture.png" alt="steampunk" /></div>
<p>OK, here&#8217;s the belt. Looks good.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-17-steampunk-rubber-belt-final.jpg" alt="steampunk" /></div>
<h2>Part 4: Cross Members</h2>
<h3>Step 18</h3>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-18-rounded-rectangle-tool-options.png" alt="steampunk" /></div>
<p>The back panel could use a little quick love, let&#8217;s inset some other materials there just behind the gear. Start by selecting our &quot;background&quot; layer. Get the Rounded Rectangle Tool, set the radius to about 12px. The color I&#8217;m using is a yucky-green #847842 with a Fill opacity of 40% (we&#8217;ll actually want a bit of the underlying color/texture to seep through). </p>
<p>Draw a bars, one horizontal, another vertical, across the comp. I&#8217;m ending these wide bars just at the comp edge. (in picture below I&#8217;ve exaggerated the color, just so, you know, you can see it).</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-18-crossbars.jpg" alt="steampunk" /></div>
<h3>Step 19</h3>
<p>We&#8217;ll just add a few effects to &quot;weld&quot; these cross members onto our background plate. (no Drop Shadow this time)</p>
<p><strong>Gradient Overlay</strong> with Blend Mode &quot;Overlay&quot;, adding a bit of color at the ends by adjusting the gradient, moving the stops a bit. This might be a good spot to try your hand at Radial versus Linear gradients.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-19-gradient-overlay.png" alt="steampunk" /></div>
<p><strong>Bevel and Emboss</strong> &#8212; it&#8217;s &quot;Pillow Emboss&quot; time. Pillow Emboss effect &quot;spills&quot; over the layer and affects the background.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-19-bevel-and-emboss.png" alt="steampunk" /></div>
<p>Time to really apply your <strong>Contour</strong> experience. Add several Corner points.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-19-bevel-and-emboss-contour.png" alt="steampunk" /></div>
<p>More Sand Pattern <strong>Texture</strong>.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-19-bevel-and-emboss-texture.png" alt="steampunk" /></div>
<h3>Step 20</h3>
<p>Alignment. Select the Gear, background cross-bars you just made, the Nut, the Hub, and the Bolt</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-20-align-layers.png" alt="steampunk" /></div>
<p>Choose the Move Tool and then click <strong>Align Horizontal Centers</strong> and<strong> Align Vertical Centers</strong></p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-20-align-layers-center.png" alt="steampunk" /></div>
<h2>Part 5: Lighting &amp; Shadows</h2>
<h3>Step 21</h3>
<p>Let&#8217;s talk lighting. And since you love Drop Shadow, let&#8217;s use a shadow to define a light&#8217;s location.</p>
<p>Duplicate the Gear. We want a clean copy, so throw away all of the styles on this new copy by right-clicking  the layer and choose &quot;<span class="tutorialMenuSample">Clear Layer Styles</span>&quot; from the pop-up menu. Now zoom out (control+minus several times). Way out. Drag this new Gear layer until it&#8217;s nearly off the canvas, but just in sight at the composition&#8217;s top edge. </p>
<p>Set the layer&#8217;s &quot;Fill&quot; to 0%. Yup, we don&#8217;t need the layer per say, just its shape (Fill works independent of Effects, so you may create layers only for their effects as we&#8217;re doing here. The &quot;Opacity&quot; setting works on both Fill and the Effects.)</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-21-shadow-cog.png" alt="steampunk" /></div>
<p>Add a <strong>Drop Shadow</strong>, but with an enormous Distance. I&#8217;m using a dark blood red-black, #2c0101, you might want to compare &quot;smooth&quot; versus &quot;linear&quot; Contour. Set the size for a fuzzier (and thus further away) shadow.</p>
<p>It&#8217;s quite important to uncheck &quot;Layer Knows Out Drop Shadow&quot;. This enables us to see the entire shadow, even where it passes behind the object. And since we have an invisible object (Fill of zero), we&#8217;d have unexplained gaps if we failed to check this option.</p>
<h3>Step 22</h3>
<p>Lighting is what&#8217;s going to sell this image and sometimes, as we&#8217;ve just seen, the best lighting is negative-lighting, aka shadows. Create a new Adjustment Layer: <span class="tutorialMenuSample">Layers &raquo; New Adjustment Layer &raquo; Curves..</span>. Go ahead with this drastic one, pull the midtones down quite low. Click OK. Now press Control+I to Invert the Curve&#8217;s Mask (effectively hiding the effect &#8212; you can also fill the layer mask with Black). Now, grab the Brush, make it an enormous soft one, and scribble shadows into the canvas edges.</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-22-darken-curves.png" alt="steampunk" /></div>
<p> Here&#8217;s what my mask looks like:</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-22-dark-curves-mask.jpg" alt="steampunk" /></div>
<h3>Step 23</h3>
<p>I&#8217;m going to add a vignette effect, essentially repeating step 22 with a less dramatic curve and applying it more judiciously so an oval of light seems to hit the gear. </p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-23-vignette-curves.png" alt="steampunk" /></div>
<p>Here&#8217;s the mask I&#8217;m applying:</p>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/step-23-vignette-curves-mask.jpg" alt="steampunk" /></div>
<h2>Conclusion</h2>
<div class="tutorialImage"><img src="/img/posts/steampunk-gears/final-steampunk-gear-tutorial.jpg" alt="steampunk gear" /></div>
<p>Creating hyper-photo-realistic images is a great and quite forgiving way to learn Photoshop&#8217;s many effects. And if it&#8217;s not quite believable enough, well, it wasn&#8217;t suppose to be in the first place, right?</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://pizzabytheslice.com/make-a-steampunk-gear-using-photoshop-patterns-and-effects.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Apache&#8217;s Mod Rewrite</title>
		<link>http://pizzabytheslice.com/apaches-mod-rewrite.htm</link>
		<comments>http://pizzabytheslice.com/apaches-mod-rewrite.htm#comments</comments>
		<pubDate>Tue, 29 Nov 2005 05:25:34 +0000</pubDate>
		<dc:creator>Buz</dc:creator>
				<category><![CDATA[Web Development & Tech]]></category>
		<category><![CDATA[apache]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://localhost.pizzabytheslice.com/?p=110</guid>
		<description><![CDATA[Module mod_rewrite (Apache&#8217;s URL Rewriting Engine) is such a dandy feature and not just for the oft touted &#8220;friendly URLs&#8221;, which are admittedly cool, but it really shines as an alternative means of managing moved files, in lieu of a gazillion redirection files. Sadly, when, in the low days of last Winter, I set out to [...]]]></description>
			<content:encoded><![CDATA[<p>Module mod_rewrite (Apache&#8217;s URL Rewriting Engine) is such a dandy feature and not just for the oft touted &#8220;friendly URLs&#8221;, which are admittedly cool, but it really shines as an alternative means of managing moved files, in lieu of a gazillion redirection files.</p>
<p>Sadly, when, in the low days of last Winter, I set out to reduce Pizza&#8217;s 404&#8242;s to as near to zero as possible I took what I thought was the smart and easy route. Checking the server logs for 404s I created appropriate redirection files for each missing HTML page. This works, and if you&#8217;re unable to use rewrite by all means get rid of those 404&#8242;s any way you&#8217;re able, but using  meta refresh tags accomplishes the task in a far too obvious way; the user sees your &#8220;we&#8217;ve moved&#8221; page, if only for a few seconds before the page refreshes and loads the  new resource.</p>
<p>Mod rewrite masks all of this, and leaves an appropriate &#8220;forwarding address&#8221;  for search engines.</p>
<p><span id="more-110"></span></p>
<h3>Apache httpd.conf</h3>
<p>The place to begin is in Apache&#8217;s httpd.conf file, you need to locate the two places that will allow directory level controls for rules such as this. OK, is this the only way, well, no. But this is my story, of how I slowly did this, so this is a way that works.</p>
<div class="syntax">
<div class="apache">
<ol>
<li>
<div class="de1">&lt;Directory /&gt;</div>
</li>
<li class="li2">
<div class="de2">  <span class="kw1">Options</span> <span class="kw2">FollowSymLinks</span></div>
</li>
<li>
<div class="de1">  <span class="kw1">AllowOverride</span> <span class="kw1">All</span></div>
</li>
<li class="li2">
<div class="de2">&lt;/Directory&gt;</div>
</li>
</ol>
</div>
</div>
<p>Be sure to find both occurrences of AllowOverride. I wasted an hour attempting to resolve why my mod rewrite in .htaccess wasn&#8217;t working (you&#8217;ll know if it isn&#8217;t working when all you get are 404s) before noticing the second place where AllowOverride needed to be set.</p>
<pre>AllowOverride All</pre>
<h3>.htaccess</h3>
<p>OK, having told Apache to look for and execute .htaccess files for each directory you&#8217;ll need to write &#8216;em. The r=301 will include redirection message in the http header, making search engines happy. The nc is non-casesensitive.</p>
<div class="syntax">
<div class="apache">
<ol>
<li>
<div class="de1">&lt;IfModule mod_rewrite.c&gt;</div>
</li>
<li class="li2">
<div class="de2"><span class="kw1">RewriteEngine</span> <span class="kw2">On</span></div>
</li>
<li>
<div class="de1"><span class="kw1">RewriteBase</span> /</div>
</li>
<li class="li2">
<div class="de2"><span class="kw1">RewriteCond</span> %<span class="br0">{</span>REQUEST_FILENAME<span class="br0">}</span> -f <span class="br0">[</span>OR<span class="br0">]</span></div>
</li>
<li>
<div class="de1"><span class="kw1">RewriteCond</span> %<span class="br0">{</span>REQUEST_FILENAME<span class="br0">}</span> -d</div>
</li>
<li class="li2">
<div class="de2"><span class="kw1">RewriteRule</span> ^.*$ &#8211; <span class="br0">[</span>S=<span class="nu0">100</span><span class="br0">]</span></div>
</li>
<li>
<div class="de1"> </div>
</li>
<li class="li2">
<div class="de2"><span class="kw1">RewriteRule</span> ^bmanphotos\.htm$   /photos/burningman.htm  <span class="br0">[</span>r=<span class="nu0">301</span>,nc<span class="br0">]</span></div>
</li>
<li>
<div class="de1"><span class="kw1">RewriteRule</span> ^halloween02\.htm$  /photos/halloween02.htm <span class="br0">[</span>r=<span class="nu0">301</span>,nc<span class="br0">]</span></div>
</li>
<li class="li2">
<div class="de2"><span class="kw1">RewriteRule</span> ^ksphotos\.htm$     /photos/kansas.htm      <span class="br0">[</span>r=<span class="nu0">301</span>,nc<span class="br0">]</span></div>
</li>
<li>
<div class="de1"><span class="kw1">RewriteRule</span> ^ludders\.htm$      /photos/ludders.htm     <span class="br0">[</span>r=<span class="nu0">301</span>,nc<span class="br0">]</span></div>
</li>
<li class="li2">
<div class="de2"><span class="kw1">RewriteRule</span> ^picture\.htm$      /photos/index.htm       <span class="br0">[</span>r=<span class="nu0">301</span>,nc<span class="br0">]</span></div>
</li>
<li>
<div class="de1"><span class="kw1">RewriteRule</span> ^swfeen04\.htm$     /photos/sfween04.htm    <span class="br0">[</span>r=<span class="nu0">301</span>,nc<span class="br0">]</span></div>
</li>
<li class="li2">
<div class="de2"><span class="kw1">RewriteRule</span> ^superfast\.htm$    /photos/superfast.htm   <span class="br0">[</span>r=<span class="nu0">301</span>,nc<span class="br0">]</span></div>
</li>
<li>
<div class="de1"><span class="kw1">RewriteRule</span> ^thumbs\.htm$       /photos/index.htm       <span class="br0">[</span>r=<span class="nu0">301</span>,nc<span class="br0">]</span></div>
</li>
<li class="li2">
<div class="de2"><span class="kw1">RewriteRule</span> ^z\.htm$            /photos/z.htm           <span class="br0">[</span>r=<span class="nu0">301</span>,nc<span class="br0">]</span></div>
</li>
<li>
<div class="de1"><span class="kw1">RewriteRule</span> ^vgt<span class="br0">(</span>.*<span class="br0">)</span>$           /photos/vgt.htm         <span class="br0">[</span>r=<span class="nu0">301</span>,nc<span class="br0">]</span></div>
</li>
<li class="li2">
<div class="de2"> </div>
</li>
<li>
<div class="de1">&lt;/IfModule&gt;</div>
</li>
</ol>
</div>
</div>
<h2>A Better Example: General Rules</h2>
<p>For Charles&#8217; site mod rewrite really shines. He has 80 or 90 files, one per week, that have been moved. (actually I did make the redirection files for all of these &#8212; it was part of the conversion program I wrote to strip the files apart and  load the content into  WordPress &#8211; ed) With a few rules we can handle all of these since the file names are the date, and the slug for WordPress will still be the date, though in a different format (note how lame I am at not handling the zero-padded month and day digits. God I suck).</p>
<p>(Note, the line breaks are added here  to fit the rules onto my too narrow page)</p>
<div class="syntax">
<div class="apache">
<ol>
<li>
<div class="de1"><span class="co1"># &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</span></div>
</li>
<li class="li2">
<div class="de2"><span class="co1"># translate archives ex. 1-20-05.html is /2005-01-20/</span></div>
</li>
<li>
<div class="de1"><span class="co1"># also, send any malformed archives to &#8220;slide of the week&#8221;</span></div>
</li>
<li class="li2">
<div class="de2"><span class="co1"># &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</span></div>
</li>
<li>
<div class="de1"> </div>
</li>
<li class="li2">
<div class="de2"><span class="kw1">RewriteRule</span> ^s.*/<span class="br0">[</span><span class="nu0">0</span>-<span class="nu0">9</span><span class="br0">]</span><span class="br0">{</span><span class="nu0">4</span><span class="br0">}</span>/<span class="br0">(</span><span class="br0">[</span><span class="nu0">0</span>-<span class="nu0">9</span><span class="br0">]</span><span class="br0">)</span>-<span class="br0">(</span><span class="br0">[</span><span class="nu0">0</span>-<span class="nu0">9</span><span class="br0">]</span><span class="br0">)</span>-<span class="br0">(</span><span class="br0">[</span><span class="nu0">0</span>-<span class="nu0">9</span><span class="br0">]</span>+<span class="br0">)</span>\.html$</div>
</li>
<li>
<div class="de1">  /<span class="nu0">20</span>$<span class="nu0">3</span>-<span class="nu0">0</span>$<span class="nu0">1</span>-<span class="nu0">0</span>$<span class="nu0">2</span>/  <span class="br0">[</span>r=<span class="nu0">301</span>,nc<span class="br0">]</span></div>
</li>
<li class="li2">
<div class="de2"><span class="kw1">RewriteRule</span> ^s.*/<span class="br0">[</span><span class="nu0">0</span>-<span class="nu0">9</span><span class="br0">]</span><span class="br0">{</span><span class="nu0">4</span><span class="br0">}</span>/<span class="br0">(</span><span class="br0">[</span><span class="nu0">0</span>-<span class="nu0">9</span><span class="br0">]</span><span class="br0">)</span>-<span class="br0">(</span><span class="br0">[</span><span class="nu0">0</span>-<span class="nu0">9</span><span class="br0">]</span>+<span class="br0">)</span>-<span class="br0">(</span><span class="br0">[</span><span class="nu0">0</span>-<span class="nu0">9</span><span class="br0">]</span>+<span class="br0">)</span>\.html$</div>
</li>
<li>
<div class="de1">  /<span class="nu0">20</span>$<span class="nu0">3</span>-<span class="nu0">0</span>$<span class="nu0">1</span>-$<span class="nu0">2</span>/   <span class="br0">[</span>r=<span class="nu0">301</span>,nc<span class="br0">]</span></div>
</li>
<li class="li2">
<div class="de2"><span class="kw1">RewriteRule</span> ^s.*/<span class="br0">[</span><span class="nu0">0</span>-<span class="nu0">9</span><span class="br0">]</span><span class="br0">{</span><span class="nu0">4</span><span class="br0">}</span>/<span class="br0">(</span><span class="br0">[</span><span class="nu0">0</span>-<span class="nu0">9</span><span class="br0">]</span>+<span class="br0">)</span>-<span class="br0">(</span><span class="br0">[</span><span class="nu0">0</span>-<span class="nu0">9</span><span class="br0">]</span><span class="br0">)</span>-<span class="br0">(</span><span class="br0">[</span><span class="nu0">0</span>-<span class="nu0">9</span><span class="br0">]</span>+<span class="br0">)</span>\.html$</div>
</li>
<li>
<div class="de1">  /<span class="nu0">20</span>$<span class="nu0">3</span>-$<span class="nu0">1</span>-<span class="nu0">0</span>$<span class="nu0">2</span>/   <span class="br0">[</span>r=<span class="nu0">301</span>,nc<span class="br0">]</span></div>
</li>
<li class="li2">
<div class="de2"><span class="kw1">RewriteRule</span> ^s.*/<span class="br0">[</span><span class="nu0">0</span>-<span class="nu0">9</span><span class="br0">]</span><span class="br0">{</span><span class="nu0">4</span><span class="br0">}</span>/<span class="br0">(</span><span class="br0">[</span><span class="nu0">0</span>-<span class="nu0">9</span><span class="br0">]</span>+<span class="br0">)</span>-<span class="br0">(</span><span class="br0">[</span><span class="nu0">0</span>-<span class="nu0">9</span><span class="br0">]</span>+<span class="br0">)</span>-<span class="br0">(</span><span class="br0">[</span><span class="nu0">0</span>-<span class="nu0">9</span><span class="br0">]</span>+<span class="br0">)</span>\.html$</div>
</li>
<li>
<div class="de1">  /<span class="nu0">20</span>$<span class="nu0">3</span>-$<span class="nu0">1</span>-$<span class="nu0">2</span>/    <span class="br0">[</span>r=<span class="nu0">301</span>,nc<span class="br0">]</span></div>
</li>
<li class="li2">
<div class="de2"><span class="kw1">RewriteRule</span> ^slideoftheweek-archive.*$</div>
</li>
<li>
<div class="de1">  /slide-of-the-week/ <span class="br0">[</span>r=<span class="nu0">301</span>,nc<span class="br0">]</span></div>
</li>
</ol>
</div>
</div>
<p class="pgtop"><a href="#">top of page</a></p>
<h6>See Also</h6>
<p>I&#8217;ll keep saying it: these pages are for my own use, I forget things so quickly that I need this. Here&#8217;s some real pages that helped me:</p>
<ul>
<li><a class="external" href="http://httpd.apache.org/docs/1.3/mod/mod_rewrite.html" target="_blank">Apache Online Docs: mod_rewrite</a></li>
<li><a class="external" href="http://corz.org/serv/tricks/htaccess2.php?page=all" target="_blank">corz.org/serv/tricks/htaccess2.php</a></li>
<li><a class="external" href="http://www.webmasterworld.com/forum92/82.htm" target="_blank">Part 1 WebMasterWorld</a>, <a class="external" href="http://www.webmasterworld.com/forum92/4332.htm" target="_blank">Part 2 WebMasterWorld</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://pizzabytheslice.com/apaches-mod-rewrite.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Use “S-Curve” for Eye-popping Images &#8211; Photoshop Tip #6</title>
		<link>http://pizzabytheslice.com/use-s-curve-for-eye-popping-images-photoshop-tip.htm</link>
		<comments>http://pizzabytheslice.com/use-s-curve-for-eye-popping-images-photoshop-tip.htm#comments</comments>
		<pubDate>Wed, 23 Apr 2003 04:44:00 +0000</pubDate>
		<dc:creator>Buz</dc:creator>
				<category><![CDATA[Photography]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://localhost.pizzabytheslice.com/?p=396</guid>
		<description><![CDATA[&#8220;Best&#8221; is impossible as every image differs considerably, but some ways are better than others. There are three primary ways within Photoshop to adjust photos, so let&#8217;s look at them starting with the simplest. First, Brightness &#38; Contrast. This is a very crude, down and dirty adjustment that is, in fact, a dumbed down version [...]]]></description>
			<content:encoded><![CDATA[<p>&#8220;Best&#8221; is impossible as every image differs considerably, but some ways are better than others. There are three primary ways within Photoshop to adjust photos, so let&#8217;s look at them starting with the simplest.</p>
<p><span id="more-396"></span></p>
<p>First, Brightness &amp; Contrast. This is a very crude, down and dirty adjustment that is, in fact, a dumbed down version of Levels, so quickly wean yourself off this one because it rarely produces happy results. Next: Levels.</p>
<p>Levels is very good, definitely better than Contrast, and for evaluating a scene (that is, informational purposes) it is perhaps the best measure of your success in capturing the shot (I shoot with my camera&#8217;s display set to always show the levels histogram (thanks, Paul) &#8212; the best way confirm that you&#8217;re not clipping off detail). But, in truth, Levels suffers from a couple of significant drawbacks. First, the gamma on Macs and Windows boxes differ by a few tenths (may not sound like much, but a tenth is a lot). Thus levels adjusted on a Mac often are too dark when viewed on Windows, and those adjusted on Windows are almost always too light (flat) on a Mac. Also, Levels gives you three points, which often, no matter how much tweaking you employ, just doesn&#8217;t cut it. So what else is there?</p>
<p><a href="/tips/images/photoshop_SCurve.gif" target="_blank"><img class="onright" src="/tips/images/scurve_small.gif" alt="Photoshop S-Curve" width="150" height="150" align="right" /></a>The answer: Curves. Curves is to Levels as Levels is to Brightness &amp; Contrast: Curves is a souped-up Levels control. Plus, Curves can accommodate some fairly drastic color-balance issues by adjusting each channel&#8217;s Curve independently (for example, photos shot on overcast days or in shadows can easily be fixed by slightly pulling down the blue curve). But the most useful &#8220;trick&#8221; you can perform with Curves is a simple &#8220;S&#8221;-shaped curve. This will pop the contrast and the saturation, giving very pleasing rich blacks and crisp whites.</p>
<p>In this snapshot of the Curves dialog box the blue line is the default &#8212; output levels are exactly mapped to input levels. The black (rough) line is a moderate S-curve, the red line a rather pronounced curve. The two adjusted curves bump-up brights, and pull-down the darks (output level greater than input, output level less than input respectively). Note that in the middle areas the curve is nearly linear (flat 1:1) so midtones are barely affected.</p>
<p>Here&#8217;s an example where an acceptable photo undergoes dramatic changes (some of you won&#8217;t like):</p>
<h3>An Example: S-Curve Bird of Paradise</h3>
<h4>Original</h4>
<p><img src="/tips/images/scurve/bird_of_paradise_original.jpg" alt="" /></p>
<p>Shoot in a hurry or with white-balance set to auto and often your photos have a strange color cast. In this case, the tell-tale blue of mid-day shadows. Also, even though it&#8217;s a decent image there could be more separation between background and foreground: we always want pop, no?<br />
�<br />
Adjusting Curves takes just a couple of minutes and the results are stellar. Let&#8217;s go&#8230;</p>
<h4>RGB Curve</h4>
<p><img src="/tips/images/scurve/bird_curves_dlg_rgb.gif" alt="" /></p>
<p>LAYER» NEW ADJUSTMENT LAYER» CURVES&#8230;<br />
�<br />
As the name implies an S-Curve looks like an &#8220;S&#8221;. Just how much you want to apply is entirely up to you. You are throwing away some data: the more pronounced the S the more you&#8217;re discarding.<br />
�<br />
A shallow S works well for dynamic images, for flatter images push the boundaries.</p>
<h4>RGB Curve&#8217;s Effect</h4>
<p><img src="/tips/images/scurve/bird_of_paradise_RGB_curve.jpg" alt="" /></p>
<p>As you can see this is really quite a difference. It&#8217;s similar visual affect is applying saturation, but not really. Mid-tones are smooth, the blacks draw attention to the highlights.</p>
<h4>Blue Curve</h4>
<p><img src="/tips/images/scurve/bird_curves_dlg_blue.gif" alt="" /></p>
<p>The one problem that hasn&#8217;t been addressed is the blue-cast due to the subject being within mid-day shadows. Simply pulling down the blues in the highlights and leaving them to gradually increase in shadows is all it takes for a natural look.<br />
�<br />
Color-correction within the curves is quite powerful: adjust for flourescents by playing with the Green curve. Indoors and tungsten light? Hit the Red and a bit of the Green, or even increase the mid-point of the Blue.</p>
<h4>Finished</h4>
<p><img src="/tips/images/scurve/bird_of_paradise_final.jpg" alt="" /></p>
<p>The highlights are bright, but not ringed in blue. Midtones look warmer &#8212; the instant result of changing the mix of red-blue.<br />
�<br />
Compare this image to the original (click next, then click back to toggle between the two images). You may find this too much, and I wouldn&#8217;t disagree &#8212; I&#8217;d keep tweaking this, it&#8217;s a bit aggressively green, but nonetheless this shows the power and perhaps serves as a cautionary tale. Too much is as bad as not enough.<br />
�<br />
Curves is your all purpose color correction and visual pop tool.</p>
<h3>Resources for another explanation:</h3>
<p><a href="http://www.outbackphoto.com/workshop/photoshop_corner/essay_17/essay.html" target="_blank">Digital Outback Photo: The Power of the S-Curves</a></p>
]]></content:encoded>
			<wfw:commentRss>http://pizzabytheslice.com/use-s-curve-for-eye-popping-images-photoshop-tip.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Converting Color Images to Black &amp; White with Photoshop</title>
		<link>http://pizzabytheslice.com/converting-color-images-to-black-white.htm</link>
		<comments>http://pizzabytheslice.com/converting-color-images-to-black-white.htm#comments</comments>
		<pubDate>Thu, 10 Apr 2003 04:41:18 +0000</pubDate>
		<dc:creator>Buz</dc:creator>
				<category><![CDATA[Photography]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://localhost.pizzabytheslice.com/?p=394</guid>
		<description><![CDATA[Ted Robledo and I were swapping recipes for doing color to black &#38; white conversion the other day and the first point was a consensus that just changing Mode to Grayscale sucks, as does Desaturate, or just adding a Black Solid Color adjustment layer with its transfer mode set to Color. So what else is [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Robotribe -- great shirts" href="http://robotribe.com/">Ted Robledo</a> and I were swapping recipes for doing color to black &amp; white conversion the other day and the first point was a consensus that just changing Mode to Grayscale sucks, as does Desaturate, or just adding a Black Solid Color adjustment layer with its transfer mode set to Color. So what else is there? Here&#8217;s Ted&#8217;s method, followed by mine.</p>
<p><span id="more-394"></span></p>
<p>Well, here&#8217;s Ted&#8217;s method:</p>
<h3>RGB to B&amp;W via Lab Color</h3>
<ol>
<li>Start with an RGB image.</li>
<li>Go under the IMAGE menu under MODE and choose LAB COLOR.</li>
<li>Go to the CHANNELS palette-you&#8217;ll see 4 channels.</li>
<li>Drag the B channel to the TRASH, deleting it.</li>
<li>Now delete the channel called ALPHA 2, leaving just ALPHA 1 (which was the original lightness channel)</li>
<li>Go under IMAGE menu under MODE and choose GRAYSCALE.</li>
<li>Go to the LAYERS palette and click on the BACKGROUND layer.  If your grayscale image appears too light, make a copy of the layer and<br />
change the Blend Mode to MULTIPLY.  If it appears too dark, lower your MULTIPLY layer&#8217;s OPACITY until you dial in a perfect-looking grayscale<br />
image.</li>
</ol>
<p>I&#8217;ve tried this on a few pics and the results are quite good. I still advocate adding an <a href="photoshop_s_curve.htm">s-curve</a> and agree that you need to play with the opacity of Multiply layer.</p>
<h3>RGB to B&amp;W via Channel Mixer</h3>
<p>OK, my turn. My own B&amp;W conversion story evolved from playing with individual channels and using a single channel&#8217;s data for the B&amp;W image (something I read; I did not figure it out myself).<br />
This often yields nice results and I encourage you try it (see steps below), but just as often it yields crap. The concept is sound, but we can  improved it.</p>
<p>The solution is to choose the best mix of data from the 3 channels that give you the richest black &amp; white data, and this varies considerable depending upon the nature of your picture. I&#8217;ll number the steps because Ted did, but really this is one step.</p>
<ol>
<li>Start with an RGB image.</li>
<li>Go under the LAYER menu choose NEW ADJSTMENT LAYER &#8212; CHANNEL MIXER.</li>
<li>Check the monochrome option at the bottom.</li>
<li>Now, using the sliders and with Preview enabled, move the amounts of the red, blue, and green channels you want to add together for your final image. You should remember that the total percentage should be around 100% &#8212; if you add 70&amp; red, 80% green, and 50% blue the image will probably be completely blown out.</li>
<li>That&#8217;s it &#8212; except for perhaps adding an <a href="photoshop_s_curve.htm">s-curve</a>.</li>
</ol>
<p>Experiment, see what works for you and your images.</p>
<h3>RGB to B&amp;W via Single Channel</h3>
<p>This method is not recommended except as a learning experience. To begin you need to realize that Photoshop is nothing more than a very good grayscale editor underneath. To prove this look at the channels pallet. What do you see? A grayscale red channel, a grayscale green channel, and a grayscale blue channel. Hell, even masks are just grayscale data.</p>
<p>Knowing this it makes sense that going from a three channel RGB file to one channel grayscale means some compromises, and, generally speaking, PS does a decent job when you change color modes. But also realize that PS is doing some averaging of the three grayscales (Red, Green,<br />
and Blue channels) to get to that one channel. And average may not suit your particular needs.</p>
<p>If you take a peek at, say, the blue channel you&#8217;ll most likely be surprised at what you see. The blue channel is very often much noisier than either the red or the green. And it looks rather flat, less dynamic. Conversely, look at the green channel. The<br />
human eye is most sensitive to green (a fact that digital camera makers know well, digi-cams have twice as many green &#8220;receptors&#8221; as red or blue)<br />
and so the green channel is often packed with clarity the others lack (again, we&#8217;re talking averages here, if you&#8217;re looking at a picture of red M&amp;Ms, then all bets are off).</p>
<p>What does all this prove? Well, sometimes you just copying one channel, say the green channel, and create a new grayscale document from it yields a good black and white that&#8217;s better than averaging RGB via changing the Color Mode to Grayscale. On the other hand, sometimes this is crap. Just try this:</p>
<ol>
<li>Start with an RGB image.</li>
<li>In the palettes change from LAYERS to CHANNELS</li>
<li>Alt+click on the visibility (eyeball) for each channel to solo that channel&#8217;s grayscale image until you find one that you like</li>
<li>Control+A to select the entire canvas and control+C to copy the layer</li>
<li>Open a new grayscale image (PS will make the image the same size as what you just copied into the clipboard)</li>
<li>Paste the image into the new file</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://pizzabytheslice.com/converting-color-images-to-black-white.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

