<?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>Freehand Futurist&#187; Illustrations</title>
	<atom:link href="http://freehandfuturist.com/illustrations/feed/" rel="self" type="application/rss+xml" />
	<link>http://freehandfuturist.com</link>
	<description>Illustration and design blog advocating freehand drawing in the design process.</description>
	<lastBuildDate>Wed, 01 Jun 2011 22:54:56 +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>Hand-Drawn Texture 101</title>
		<link>http://freehandfuturist.com/blog/creating-handdrawn-textures-digital-art/</link>
		<comments>http://freehandfuturist.com/blog/creating-handdrawn-textures-digital-art/#comments</comments>
		<pubDate>Wed, 09 Mar 2011 16:42:16 +0000</pubDate>
		<dc:creator>morgan</dc:creator>
				<category><![CDATA[Abstract]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Downloads]]></category>
		<category><![CDATA[Hand Drawn]]></category>
		<category><![CDATA[Illustrations]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Textures]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://freehandfuturist.com/?p=179</guid>
		<description><![CDATA[Creating Vibrant Hand-Drawn Texture in Photoshop In this tutorial we will explore a technique to use hand-drawn textures in digital illustration. This method is quick, and simple to use. However, it requires that you take some time to understand the application before getting started. The first part of this tutorial is about making textures and [...]]]></description>
			<content:encoded><![CDATA[<h2>Creating Vibrant Hand-Drawn Texture in Photoshop</h2>
<p>In this tutorial we will explore a technique to use hand-drawn textures in digital illustration. This method is quick, and simple to use. However,  it requires that you take some time to understand the application  before getting started. The first part of this tutorial is about making  textures and preparing them for digital art. The second part will  demonstrate a method to paint with texture and apply some color theory.  This will all be created using Photoshop CS3, and should take anywhere  from 1-3 hours, depending on the textures you make.</p>
<p><span id="more-179"></span></p>
<h2>Part One: Making Hand-Drawn Textures</h2>
<p>Grab some paper and any materials you would like to use. Things that  work well include: wet and dry washes (both ink and watercolor, although  ink tends to work better), charcoal (the darker the better, I prefer  &#8220;sketch charcoal&#8221; from General&#8217;s, willow charcoal is just too soft and  gray, unless that&#8217;s what you are going for), and acrylics. When choosing  paper make sure it&#8217;s a heavier weight, but don&#8217;t go overboard and limit  yourself by trying to get something that will last forever— after you  scan them, you can throw them away (although I like to keep mine, and I  highly recommend it)—they don&#8217;t have to be perfect or &#8220;display&#8221; worthy.  For example, my textures all buckled when they dried, but it was not a  problem because they were flattened on the scanner bed.  This process  can be pretty forgiving, so just choose some papers that you like and  have fun.</p>
<h3>Break Out the Art Supplies</h3>
<p>For this tutorial I created  five textures. You can follow along or  create your own. Make sure your samples will fit on a scanner bed.</p>
<p><a href="http://freehandfuturist.com/wp-content/uploads/2011/03/charcoal-heavy-e1299630078309.jpg"><img class="size-thumbnail wp-image-203 alignnone" title="charcoal-heavy" src="http://freehandfuturist.com/wp-content/uploads/2011/03/charcoal-heavy-e1299630078309-60x60.jpg" alt="" width="60" height="60" /></a><a href="http://freehandfuturist.com/wp-content/uploads/2011/03/watercolor-wetwash-e1299635368629.jpg"><img class="alignnone size-thumbnail wp-image-212" title="watercolor-wetwash" src="http://freehandfuturist.com/wp-content/uploads/2011/03/watercolor-wetwash-e1299635368629-60x60.jpg" alt="" width="60" height="60" /></a><a href="http://freehandfuturist.com/wp-content/uploads/2011/03/sponge-medium.jpg"><img class="alignnone size-thumbnail wp-image-213" title="sponge-dry" src="http://freehandfuturist.com/wp-content/uploads/2011/03/sponge-medium-60x60.jpg" alt="" width="60" height="60" /></a><a href="http://freehandfuturist.com/wp-content/uploads/2011/03/sponge-heavy.jpg"><img class="alignnone size-thumbnail wp-image-214" title="sponge-wet" src="http://freehandfuturist.com/wp-content/uploads/2011/03/sponge-heavy-60x60.jpg" alt="" width="60" height="60" /></a><a href="http://freehandfuturist.com/wp-content/uploads/2011/03/lined-wash.jpg"><img class="alignnone size-thumbnail wp-image-215" title="lined-wash" src="http://freehandfuturist.com/wp-content/uploads/2011/03/lined-wash-e1299635953333-60x60.jpg" alt="" width="60" height="60" /></a></p>
<p><strong>Charcoal:</strong> First, create a light gray background, rubbing the  charcoal smooth and even. On top of that put a rougher, darker layer,  with no rubbing. Apply some fixative and you&#8217;re done.</p>
<p><strong>Wet-Wash:</strong> Tape your paper down around the edges with masking  tape (which you should do for any wet media in this tutorial). You can  apply a wash in two ways: by wetting the paper first, or just painting  it on. For my texture I lightly wet the paper with a sponge and then  applied a semi-dark ink wash on the wet surface. Allow the surface to  dry completely. If you are not happy with the wash&#8217;s shade, it can be  adjusted in Photoshop or you can add another layer. If you decide to add  another layer be very careful as you don&#8217;t want to destroy the layer  below (which is especially true if you are using watercolor instead of  ink).</p>
<p><strong>Dry-Sponge:</strong> For this I used some acrylic screen-printing ink  that was hiding in some boxes. You can use regular acrylic paint,  although the ink is formulated for paper and has nice coverage. Sponge  it on however you would like and give it time to dry. Be careful not to  go overboard as that will ruin the texture.</p>
<p><strong>Wet-sponge:</strong> To get a wet and splotchy sponge effect, dilute  your acrylic and moisten your sponge. Again, be careful not to go  overboard or you will lose your texture.</p>
<p><strong>Lined-wash:</strong> Using the wet-sponge with  your acrylic, swipe it  across the paper in smooth, even strokes covering as much area as  possible. Try not to go over areas you have already covered. For my  texture I used a paper with a line texture, which enhanced what was left  by the sponge.</p>
<h3>Scanning Your Textures</h3>
<p>After everything has dried, scan the textures in at high resolution.  The scanner I use goes as high as 600dpi, which means at print  resolution (300dpi) the texture will be twice the actual size. That also  means that the texture will appear &#8220;zoomed in&#8221; when not scaled to that  resolution. That&#8217;s okay— in fact, it&#8217;s what we want. The texture&#8217;s scale  will be changed later, so at this point we want it to be really large.  This allows it to be used at many resolutions, and produce many  different effects, which I will explain later.</p>
<h2>Part Two: Preparing the textures</h2>
<p>You should now have some digital images of your textures. Open each  one and copy the background layer, save them as Photoshop Documents  (.psd). Apply any adjustments you would like and merge those layers into  the background copy layer (don&#8217;t worry , you can always recopy the  original background). Later you will need a flat layer to define your  texture in Photoshop, so you can flatten it later if you like.</p>
<p>You may de-saturate (or gray-scale) the texture with another  adjustment layer. We will be applying these textures with the paintbrush  tool, which  interprets the texture image in gray-scale, and applies  color  accordingly. I prefer to keep them in color, in case I ever want  to use the texture for a fill and would like to keep the color. Either  way, the paintbrush tool will interpret the texture in gray-scale.</p>
<h3>Cropping the Texture to Size</h3>
<p>Crop your texture to a size that&#8217;s large, and fairly uniform (or  not). Before we define this texture as a pattern in Photoshop, we need  to make a choice. When Photoshop uses patterns it tiles them— meaning it  repeats the pattern infinitely in all directions. If you define the  pattern as it is now, it won&#8217;t tile perfectly, and edges will show. If  you are okay with that, then select the entire canvas while on the  texture layer. In the main menu, go to Edit &gt; Define Pattern, name  it, save it, and you&#8217;re done.</p>
<div id="attachment_200" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2011/03/Picture-1-e1299629488669.png"><img class="size-medium wp-image-200 " title="Cropping your image" src="http://freehandfuturist.com/wp-content/uploads/2011/03/Picture-1-e1299629488669-558x423.png" alt="" width="558" height="423" /></a><p class="wp-caption-text">Choose a fairly uniform area and crop.</p></div>
<p>If however, you do not want seams to appear, then you need to make  the pattern into a repeating tile before defining it as a pattern.</p>
<h3>Making Your Texture Seamless</h3>
<p>With your texture layer selected in the layers palette, select the  entire canvas. In the main menu go to Filter &gt; Other &gt; Offset.  Check the preview box and make sure &#8220;wrap around&#8221; is selected. Change  the horizontal and vertical offset until the seams (which you can now  see) are somewhere in the middle of the canvas.</p>
<div id="attachment_220" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2011/03/Picture-2-e1299636278469.png"><img class="size-medium wp-image-220 " title="Offset Texture" src="http://freehandfuturist.com/wp-content/uploads/2011/03/Picture-2-e1299636278469-558x386.png" alt="" width="558" height="386" /></a><p class="wp-caption-text">Enable &quot;wrap around&quot; in the offset filter and your seams will appear.</p></div>
<p>Grab the clone-stamp tool and change the brush settings to a fairly  large, soft-brush. The size and softness will need to be adjusted for  your texture. The idea here is to get a brush that&#8217;s large enough to  cover and blend the seams with the surrounding area, but soft so that it  blends with the background closer to the brush edges. Select an area  that is similar to what&#8217;s around the seams, hold the option key and  click to sample the area. Release the option key and click over the area  of the seam you would like to patch. Continue sampling and cloning  until the seams have all been patched.</p>
<div id="attachment_223" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2011/03/Picture-3-e1299636508487.png"><img class="size-medium wp-image-223 " title="Seamless Texture" src="http://freehandfuturist.com/wp-content/uploads/2011/03/Picture-3-e1299636508487-558x469.png" alt="" width="558" height="469" /></a><p class="wp-caption-text">Continue using the clone stamp until the seems disappear, going careful and slow helps.</p></div>
<h3>Define the Texture as a Pattern</h3>
<p>Now you have a pattern that can tile seamlessly, so select the entire  canvas (on the texture layer of course) and in the main menu go to Edit  &gt; Define Pattern. Name it and save it and you are done.</p>
<p>Repeat this entire process of cropping, offsetting, and blending for each of the patterns you made earlier.</p>
<h2>Part Three: Applying Texture to a Brush</h2>
<p>Now that you have your textures you are ready to start painting in  Photoshop. Grab the brush tool and open the brush options fly-out menu.  Click the checkbox next to the &#8220;Texture&#8221; label, and select the label to  open the options window. Open the texture dropdown and select your newly  defined texture.</p>
<div id="attachment_224" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2011/03/Picture-5.png"><img class="size-medium wp-image-224 " title="The Brush Texture Palette" src="http://freehandfuturist.com/wp-content/uploads/2011/03/Picture-5-558x450.png" alt="" width="558" height="450" /></a><p class="wp-caption-text">Within the brush palette, click on texture and check the box to reveal the texture options.</p></div>
<p>There are some important options here that need some explaining:</p>
<p><strong>Invert:</strong> this inverts your pattern&#8217;s gray-scale image, making  light into dark and dark into light. Sometimes this is useful,  especially if you want darker coverage, but it may not work well for all  patterns. Also, if you paint one layer of the texture without this  checked, and then paint another on top with it checked, the textures  cancel each other out and make a solid color with no pattern.</p>
<p><strong>Mixing Mode:</strong> Set this to multiply. The only other option that  seems to do any good is color burn, which in my experience practically  destroys the texture, so use with caution. The other blending modes  work, but they depend on the background you use, and the colors you use,  so we won&#8217;t go into those.</p>
<p><strong>Depth:</strong> Just don&#8217;t mess with this, I honestly have no idea  exactly what it does, but you can play with it and see the preview at  the bottom of the window.</p>
<p><strong>Scale:</strong> This is THE MOST IMPORTANT option in this box.  Essentially, this controls the &#8220;zoom level&#8221; of the texture, and its  overall appearance.</p>
<h3>Changing the Texture&#8217;s Appearance</h3>
<p>The appearance of the texture depends on the size and resolution of  the document you are painting in. Since the textures we made earlier are  so large (600dpi), at 100% on a canvas with a lower resolution (say  72ppi), it appears as though we are looking through a magnifying glass—  so we have to scale it down. When you reduce the scale, it appears to  &#8220;zoom out&#8221; from the texture, and vice versa. You could say the texture&#8217;s  appearance is relative to the document settings and the texture scale  applied to the brush. A benefit of this relative scaling is that you can  get multiple effects from a single texture simply by changing the  scale, pretty neat!</p>
<p>The drawback however is that you will have to experiment with the  texture at different resolutions and settings. To make this easier we  will create some reference materials that demonstrate how our texture  behaves.</p>
<h2>Part Four: Developing a Technique</h2>
<p>Open a new Photoshop document set at 72ppi, any size you prefer.  Start by making a row of 10 square swatches filled with black. Merge all  the swatches into one layer if you prefer (like I do), and make a copy  for later, turning the copy layer off.</p>
<h3>Understanding Texture Scale</h3>
<p>Command-click the layer swatch in the layers palette to select the  swatches, and select the layer. Press delete and clear out all the black  fills. Now you are ready to start painting within the selection. Set  black as the foreground color, brush hardness to 100%, and the size to  something you can carefully paint the swatches with. In the brush  texture options set the scale to 100%.</p>
<p>Use the brush to fill the swatch on the far right. Do this in one  pass (one click) by overlapping or scribbling with the brush. If you  don&#8217;t fill the entire swatch in one pass, when you paint the unfilled  area it will darken where it overlaps the previous pass. This is where a  tablet comes in handy as you can carefully scribble to fill the swatch.</p>
<p>Lower the texture&#8217;s scale to 90% and fill the swatch to the left.  Repeat this 8 more times, reducing the scale by 10% each step to the  left.</p>
<p>When you are finished you should have ten swatches that give you an  idea of how the scale of the texture affects the appearance. It also  shows what your texture looks like on a white background with the  options I described earlier. It doesn&#8217;t look like much, but it quickly  shows you what scale range you might want to use to get the texture you  want.</p>
<div id="attachment_227" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2011/03/Picture-7.png"><img class="size-medium wp-image-227 " title="Texture Scale" src="http://freehandfuturist.com/wp-content/uploads/2011/03/Picture-7-558x73.png" alt="" width="558" height="73" /></a><p class="wp-caption-text">The swatches here show how the texture changes as its scale changes.</p></div>
<h3>Understanding Color Application: Technique #1</h3>
<p>I will be painting everything on single layers, but if you would like  to keep each texture layer separate, they will blend the same, and you  can play with opacity and blend modes.</p>
<p>Create 5 new swatches and clear the selection. Looking at my texture  scale I like the texture at 30%, so that&#8217;s the scale I&#8217;ll use. Select a  color and paint the texture into the swatches in one pass. Notice here  that the color is dull compared to the color selected. Paint another  layer on 4 of the swatches. This darkens the color and texture. Paint  another layer on the next 3 swatches, and repeat, decreasing each layer  by one swatch. You now have 5 swatches in order of lightest to darkest  with increased layers of texture.</p>
<div id="attachment_228" class="wp-caption alignnone" style="width: 331px"><a href="http://freehandfuturist.com/wp-content/uploads/2011/03/Picture-6.png"><img class="size-full wp-image-228 " title="Texture Layering" src="http://freehandfuturist.com/wp-content/uploads/2011/03/Picture-6.png" alt="" width="321" height="82" /></a><p class="wp-caption-text">Layering the texture on top of itself intensifies the color and diminishes the texture&#39;s appearance.</p></div>
<p>The most important observation you should make here is that each  layer you add darkens the texture, and shifts the color towards the one  you have selected. This method works well, but expect to use more than  one layer to get it dark enough. Also, be cautious of adding too many  layers as the texture will vanish into a solid color. Try it with  another color to see how different colors work (for example, red always  looks pink with this method, and yellow makes the texture almost  invisible).</p>
<h3>Understanding Color Application: Technique #2</h3>
<p>Another method for painting is to create a solid fill below the  painted texture. In this method you can literally &#8220;mix&#8221; the colors by  painting in layers, much like on a real canvas. This method has a lot of  benefits— most importantly, your colors will be more vibrant and have  greater texture density. To start, we will mix primary colors, but you  can mix color as freely as you like.</p>
<p>Copy the 5 swatches made earlier, and fill them with black. Copy  again, move the swatches down and select a red and a yellow color. Fill  the first five swatches with yellow, and the second five with red. Set  the red color as the foreground and make sure your texture settings are  the same as before. Paint the red texture over 4 of the swatches,  leaving one to show the fill color. Paint another layer of texture over  the next 3 swatches, and repeat, reducing the number of swatches with  each layer until you have 4 textured swatches representing 1-4 layers of  texture. Repeat this process with the red fills and yellow texture.</p>
<div id="attachment_229" class="wp-caption alignnone" style="width: 324px"><a href="http://freehandfuturist.com/wp-content/uploads/2011/03/Picture-8.png"><img class="size-full wp-image-229 " title="Fill with texture" src="http://freehandfuturist.com/wp-content/uploads/2011/03/Picture-8.png" alt="" width="314" height="142" /></a><p class="wp-caption-text">Layering the texture on top of a fill produces a more vibrant color and texture.</p></div>
<p>Stop, it&#8217;s time to make some observations. The following are my  observations and may not be true for the textures you use:</p>
<p>Putting one layer of texture on the fill takes the color halfway to  the texture&#8217;s color, creating the secondary colors. Meaning— if I have a  yellow fill and I paint a red texture on top, the overall color will  become orange. The same is true for a red fill and yellow texture.  However, the orange made with a yellow fill will be lighter than the one  made with the red fill.</p>
<p>Adding more layers of texture creates the tertiary colors. In my  case, adding more red texture to the yellow fill made red-orange, and  adding more yellow texture to the red fill made yellow-orange.</p>
<p>As more layers of texture are added, the color approaches the texture  color. In my case that&#8217;s primary red and yellow. This produces primary  colors that are much more vibrant than if you were to paint multiple  layers of just the texture, like in technique #1. In this way you can  also &#8220;tint&#8221; your primaries, like creating a bright yellow with just a  hint of green or orange, depending on what color you are mixing from.</p>
<p>Repeat these steps to create swatches for red/blue, and yellow/blue.  After that you should have a full range of color, moving all the way  around the color wheel. In my document I also created some swatches  showing how to get textured primary colors and gray values. The last  thing to do is label your swatch groups, and make any notes  about how  they were mixed. Save the document for future reference. Here&#8217;s one that  I created:</p>
<div id="attachment_230" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2011/03/swatches.jpg"><img class="size-medium wp-image-230 " title="My Texture Swatches" src="http://freehandfuturist.com/wp-content/uploads/2011/03/swatches-558x418.jpg" alt="" width="558" height="418" /></a><p class="wp-caption-text">This is my texture reference; here I show the texture&#39;s scale and color relationships.</p></div>
<h1>Conclusion</h1>
<p>Now you are ready to start making some digital art. The techniques  presented here are only one method to create and use hand-drawn textures  in Photoshop. Of course there are many ways to do this, and as always  you are encouraged to explore this technique and others. I hope this  gave you a good platform to start incorporating hand-made textures into  your digital works. Enjoy!</p>
<h2>What&#8217;s in the Download</h2>
<p>In this download I&#8217;m giving away all the seamless textures I created in this tutorial. You are free to use them any way you like as I am releasing them under a public domain license.</p>
<p><a rel="license" href="http://creativecommons.org/publicdomain/zero/1.0/"><img style="border-style: none;" src="http://i.creativecommons.org/p/zero/1.0/88x31.png" alt="CC0" /></a><br />
To the extent possible under law,<br />
<a rel="dct:publisher" href="http://www.mfinleydesigns.com/"><span>Morgan Finley</span></a> has waived all copyright and related or neighboring rights to this work.</p>
]]></content:encoded>
			<wfw:commentRss>http://freehandfuturist.com/blog/creating-handdrawn-textures-digital-art/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Trace and Ink Wash</title>
		<link>http://freehandfuturist.com/blog/trace-ink-wash/</link>
		<comments>http://freehandfuturist.com/blog/trace-ink-wash/#comments</comments>
		<pubDate>Thu, 02 Sep 2010 19:14:43 +0000</pubDate>
		<dc:creator>morgan</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Hand Drawn]]></category>
		<category><![CDATA[Illustrations]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://freehandfuturist.com/?p=146</guid>
		<description><![CDATA[Stop faking in Photoshop and make it REAL There are many great brushes and techniques to produce ink wash in Photoshop, but they all fall short of the real thing. Why? Because Photoshop is missing the most essential ingredient for ink wash— WATER. Ink wash and water color rely on the flow of water to [...]]]></description>
			<content:encoded><![CDATA[<h2>Stop faking in Photoshop and make it REAL</h2>
<p>There are many great brushes and techniques to produce ink wash in Photoshop, but they all fall short of the real thing. Why? Because Photoshop is missing the most essential ingredient for ink wash— WATER. Ink wash and water color rely on the flow of water to produce a wide range of effects, including gradients, blotches, and pooling of pigments. In this tutorial I will show how to combine tracing and ink wash to produce a work of art that you can scan and use in digital works. Rather than giving a step-by-step instruction, I will instead explain the techniques and media used to create the image so you can apply them to your own works. Ready?</p>
<p><span id="more-149"></span></p>
<h2>Tracing is not cheating- a brief manifesto</h2>
<p>That&#8217;s right, tracing is not cheating. I used to believe it was, and there are many people who still do. That belief is wrong because it assumes you are copying what is being traced, but that&#8217;s just not true. Have you ever seen a hand-traced image that looks exactly like the original? No? I haven&#8217;t either. The reality is that tracing does not copy, instead it creates something new by re-purposing the existing image. Like drawing, tracing involves making artistic choices such as where to put lines and how detailed the image should be. Don&#8217;t let the &#8220;tracing is cheating&#8221; belief limit you. Embrace tracing for what it really is—  a tool you can use in your creative process. I&#8217;m not saying you should trace everything, but that tracing is something you can use to further your process.</p>
<p>There are many uses for tracing within art and design. For example, many people trace their own sketches, often to create multiple variations of an image. This works great for logos,layouts, illustrations and even animations. Photos can also be used, although the intent and approach is often very different. When using photos, don&#8217;t try to look at them as photos, because that will limit the image&#8217;s potential. Instead, look at photos as a reference to discover the subtlety and structure of your subject. Lastly, don&#8217;t feel that you have to keep tracing; if you learned something and feel you want to draw it by hand, take it to the computer or move in a completely different direction— GO FOR IT!</p>
<h2>The Tracing Process</h2>
<p>For this trace my goal is to create a line drawing that will be a loose, but reasonably detailed guide for my ink wash. I don&#8217;t want to be too literal and try to capture all the details, because I can always develop them later with wash. So I take a more figurative and loose approach, picking and developing the main details and structure of the image. I start by looking at which lines are the most important. That sounds easy, but often when I REALLY look and think, I discover new subleties, such as a person&#8217;s likeness. Then, as I start sketching I focus on how the lines contain the forms of the image. This is how my process generally works because I feel gives the trace it&#8217;s magic— it&#8217;s not a boring, detailed and un-inventive copy. Instead it&#8217;s something new. I encourage you to find your own approach to tracing in the same way I did, by experimenting and exploring. I am writing this tutorial from my approach, but don&#8217;t let that limit yours.</p>
<h3>Preparing Your Image</h3>
<p>You can trace from virtually any image including sketches and photos, but be  careful as some images may have copyrights. Tracing from photos often  requires some adjustments, depending on the use of the image and  artistic preference. In general, if I&#8217;m using a photo I will first  remove the color, making it a grayscale image. Then I  adjust the contrast, brightness and exposure levels to fit my needs. I prefere higher contrast with washed out whites and deep blacks. I find this works best to see the details and value differences. Experiment with different adjustments to best fit your style and desired effect.</p>
<div id="attachment_155" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2010/09/me-bw.jpg"><img class="size-medium wp-image-155" title="Me, black and white" src="http://freehandfuturist.com/wp-content/uploads/2010/09/me-bw-558x418.jpg" alt="" width="558" height="418" /></a><p class="wp-caption-text">    Black and white image of me, after adjusting the contrast, brightness and exposure levels.</p></div>
<h3>A Few Supplies</h3>
<p>After preparing your image, all you need are need tracing paper and a pencil. A light box also comes in handy, but if you are cheap like me, you can make due with a window or computer screen. If you are using a computer screen, be careful not to press hard, you don&#8217;t want to damage it. I use my laptop screen tilted back with a blank browser window (bright white) and it suits my needs just fine.</p>
<h3>Trace and Transfer</h3>
<p>Start by tracing your image to your liking, feel free to make multiples and scrap some. The next step is to transfer your image to your paper, preferably watercolor paper or even some printmaking papers will work nicely. If you have carbon transfer paper, then you probably know what to do already. If not there&#8217;s a simple method using only a soft pencil (2B and HB work great). Turn your trace over and trace again on the back, following the lines on the front. Feel free to leave out lines and details you might not want anymore. Then turn the trace back to the front and place it on your paper. You might want some tape to hold it down. Trace once more over the lines you made from the photo and remove the tracing paper. What you now have is a faint copy of your lines on heavy paper. You can now go over the lines with a pencil if you like, or leave them faint.</p>
<div id="attachment_156" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2010/09/me-pencil-e1283455873819.jpg"><img class="size-medium wp-image-156 " title="Me, pencil trace" src="http://freehandfuturist.com/wp-content/uploads/2010/09/me-pencil-e1283455873819-558x346.jpg" alt="" width="558" height="346" /></a><p class="wp-caption-text">My final pencil trace before putting the image on watercolor paper.</p></div>
<h2>Introducing Ink</h2>
<p>Ink wash and watercolor can appear to be very difficult, but mastering the basics can be easily done with a little experimentation and practice. I say experimentation and practice because there is no better way to learn. That is how I learned, by experimenting, observing and trying new things. If you have never used watercolor or ink wash, I suggest you start by reading a few books that have good demonstrations of basic techniques. Let these books serve only as launching points for your own explorations; nothing in them will make any real sense until you try for yourself, at which point you might start learning more than any book could teach. I could spend paragraphs explaining exactly how I made the image, but I won&#8217;t. Instead I will explain the principles of ink wash to guide you in your own experiments.</p>
<h3>Mixing ink wash</h3>
<p>There are a lot of ways to mix ink wash. One common method is to use watercolor pans to mix small amounts of wash. Generally, that tends to start your mixes on the darker side of the value scale because most often you are adding water to ink. One benefit of this method is that it gives you the space to make multiple shades for use. My method is different, but also common, in that it adds ink to a larger amount of water (the opposite of the pan method). I begin by filling a small jar with clean water, usually about a third full. Then I add about six drops of India Ink (I like the cheap bottles of Higgens india ink, the tops double as a dropper) and do a test wash. At this point the ink is pretty dilute, so I add more ink in incremental steps, testing between each. I usually add about three drops per increment, and test between each. When I start to get close to the shade I&#8217;m looking for, I stop and wait for the swatches to dry so I can see how they look after. I&#8217;ve found that inks dry just a little bit darker than they look when they are wet, which is typical of a lot of paints. You can continue mixing incrementally to the shade you would like to use. I usually stop between ten and twenty percent gray. This gives me a tone that both fills nicely and layers well to make darker shades. Experiment with whatever suits your style and purpose.</p>
<h3>Wash: the basics of taming water</h3>
<p>Ink wash works exactly the same as watercolor; pigments are suspended in water and then &#8220;washed&#8221; onto the support (paper). There are many kinds of washes to create a variety of effects including wet-on-wet, wet-on-dry, and many gradation techniques. All of these techniques depend on three factors; the amount of wash used, the dryness of the paper, and the movement of pigments as they settle and dry. The first two are things that can be controlled by loading your brush with more or less pigments or by wetting the paper (or letting it dry). You should also be aware of how the pigments act on the surface and texture of your paper; always test your paper by making swatches and observing how the pigment settles, mixes and dries. When you make washes, keep these things in mind and try to use them to your advantage.</p>
<p>The first basic wash is a flat wash. It&#8217;s simple but takes some practice. To do this, load your brush and spread the wash evenly over an area of dry paper. Try not to go back over areas that have already been covered as you spread the pigment around. Depending on how the wash flows and spreads, two different effects can be produced. If you spread it evenly without allowing the liquid to pool, then it will dry to an even tone. Allowing pools to form will cause more pigments to settle at the edges, creating gradations of tone. This can be compared to how a drop of pigment dries— dark at the edges and light in the center. Controlling the spread and flow of the wash takes awareness and practice. If you have trouble controling this, a paper towel or dry brush can be used to collect excess wash, and a wet brush can add more.</p>
<p>The second basic wash is the wet-on-wet technique. Start by wetting the area to be painted with clean water. Carefully load your brush and then start painting it into the wet area. The color will start to bleed and create gradations of tone depending on where you lay the wash and how wet or dry the paper is. This can be tricky and unpredictable, but that is what makes it look real and organic, and you can learn to control it more through practice. Combining these two basic wash techniques, and variations between, will  produce a variety of effects. You should practice and experiment with  both to learn to use and control the water&#8217;s natural behavior.</p>
<h3>Making a value scale</h3>
<p>The beauty of using a light-gray ink wash is that you can gradually build up values by layering washes. This consists of putting down a wash, allowing it to dry, and then putting another wash on top. Below I have included a value scale I made with the ink mixed earlier. Both scales were made by layering flat washes of light-gray. The first step on each scale is white, or the color of the paper, and does not have any wash. The second step is one layer of my wash, the third is two layers, the fourth is three layers&#8230; and so on down the scale. Here I made two scales to show the difference in wash tone. In the top scale I used an even wash with no pooling ink, and so the swatches have an even tone. In the bottom scale I allowed the ink to pool on the surface, and so the swatches are darker around the edges.</p>
<div id="attachment_158" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2010/09/value-scale.jpg"><img class="size-medium wp-image-158" title="Ink Wash Value Scale" src="http://freehandfuturist.com/wp-content/uploads/2010/09/value-scale-558x226.jpg" alt="" width="558" height="226" /></a><p class="wp-caption-text">A simple value scale created by layering washes of light-gray.</p></div>
<h3>Layering wash</h3>
<p>With some basics down and nice gray wash mixed, you&#8217;re ready to start painting. The method I&#8217;m going to describe is my technique for layering ink wash to create multiple values. It can be both simple and complex, and I encourage you to deviate from it to find your own technique.</p>
<p>Get out your transfered image and stop. Looking at the original photo, note the places that you want to be white, in this case the color of the paper. Put down a flat wash in all the places you don&#8217;t want to be white. In my drawing these include the glare on my glasses and the background. Now wait, and this is important, until it is COMPLETELY dry. Before you start your next layer, note the places you want to be the gray of the previous layer. Paint your next layer avoiding those places, dry and repeat, getting darker with each additional layer. Do this until you have reached the darkest value you would like in your image and feel free to go back into areas and detail or darken more.</p>
<div id="attachment_159" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2010/09/wash-1-e1283456141288.jpg"><img class="size-medium wp-image-159" title="Wash No. 1" src="http://freehandfuturist.com/wp-content/uploads/2010/09/wash-1-e1283456141288-558x369.jpg" alt="" width="558" height="369" /></a><p class="wp-caption-text">The first layer of ink wash</p></div>
<p>After many layers and time waiting to dry, I felt satisfied with my portrait. Still, I found the background to be a little boring, so I added some watercolor and then cut the paper down to the final image. I thought I was done&#8230; but wait.</p>
<div id="attachment_160" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2010/09/wash-color-final-e1283456271398.jpg"><img class="size-medium wp-image-160" title="Ink Wash Final" src="http://freehandfuturist.com/wp-content/uploads/2010/09/wash-color-final-e1283456271398-558x376.jpg" alt="" width="558" height="376" /></a><p class="wp-caption-text">My final layered ink wash with some watercolor added</p></div>
<h2>Conclusion: taking it digital</h2>
<p>Now that you have an original piece of art, you can scan it at high resolution or have high-quality photos taken. My piece was small enough to fit on a scanner, so I scanned it and made some adjustments in photoshop. Then I saved it for future use. Because it&#8217;s digital I can now remove things or copy specific pieces into other works, such as layouts. And there you have it, a work of fine art, and a digitized copy, so have fun!</p>
]]></content:encoded>
			<wfw:commentRss>http://freehandfuturist.com/blog/trace-ink-wash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vector Textures Made Simple</title>
		<link>http://freehandfuturist.com/blog/vector-textures-simple/</link>
		<comments>http://freehandfuturist.com/blog/vector-textures-simple/#comments</comments>
		<pubDate>Thu, 04 Mar 2010 23:17:55 +0000</pubDate>
		<dc:creator>morgan</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Downloads]]></category>
		<category><![CDATA[Illustrations]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://freehandfuturist.com/?p=96</guid>
		<description><![CDATA[The basics of opacity masks in Adobe Illustrator Masking is an incredibly powerful tool for making textures and fades in the Creative Suite. Both Photoshop and Illustrator can create these effects, but there are pros and cons to using each. Making textures in Photoshop can often become cumbersome and tedious, due to both the interface [...]]]></description>
			<content:encoded><![CDATA[<h2>The basics of opacity masks in Adobe Illustrator</h2>
<p>Masking is an incredibly powerful tool for making textures and fades in the Creative Suite. Both Photoshop and Illustrator can create these effects, but there are pros and cons to using each. Making textures in Photoshop can often become cumbersome and tedious, due to both the interface and the nature of its graphics. In Illustrator however, textures are a breeze to make and edit, as well as being highly flexible vector graphics. In this tutorial I will show you how to use opacity masks in illustrator to create textured effects with ease.</p>
<p><span id="more-96"></span></p>
<h2>First, a little bit of theory</h2>
<p>Opacity masks are simple. Basically you have an object or layer, and a mask is applied on top, allowing layers below to show through. Masks are made of black, white or shades between (colors work too, but I would not advise it). By default, the black part of a mask will show through, and white will not, but this can be changed to suit different situations. Often I like to invert the mask, making my texture black, as you will see. Shades of gray lower the opacity of the object below in correspondence with the amount of black (ex. K=20 means 20% opacity). With these basic principles in mind, three patterns of mask emerge.</p>
<p>The first pattern is of a solid black or white texture applied over the object, as seen on the left in the example below. The second is of multiple textures with different shades of gray, creating multiple colors in the object. The last is of a gradient, which creates a fade.</p>
<div id="attachment_109" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2010/03/opacity-mask-theory.jpg"><img class="size-medium wp-image-109" title="Opacity Mask Theory" src="http://freehandfuturist.com/wp-content/uploads/2010/03/opacity-mask-theory-558x279.jpg" alt="" width="558" height="279" /></a><p class="wp-caption-text">Three basic variations of the opacity mask— a gradient, a solid and a grayscale texture.</p></div>
<h2>Putting said theory into practice</h2>
<p>Open a new document, whatever size you like, and paste your vector object and the texture into the art board. You should adjust the size of the texture depending on how you would like to overlay it on the object. In my case I&#8217;ve made it about the same size, so it will fill the shape nicely, while still allowing the texture to show. The size and appearance of the texture is up to you, so go wild, but remember to use black, white or gray. Here I&#8217;m using on of my scribble textures from the <a href="http://freehandfuturist.com/illustrations/life-glass/">Life Under Glass Vector Pack</a>. The icon is the Creative Commons Icon, available <a href="http://creativecommons.org/about/downloads/" target="_blank">here</a>.</p>
<div id="attachment_112" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2010/03/1.jpg"><img class="size-full wp-image-112" title="Slide 1" src="http://freehandfuturist.com/wp-content/uploads/2010/03/1.jpg" alt="" width="558" height="410" /></a><p class="wp-caption-text">Place your object and texture.</p></div>
<p>Select your texture and cut it from the art board, cmd+x or ctrl+x. Now select your object and double click on the empty window in the transparency palette. If you don&#8217;t see the window, make sure all of the options are displayed by clicking the drop-down in the top-right corner. The left window is the object, and the right window is the mask, just like in Photoshop.</p>
<p>You will also need to make sure that &#8220;Clip&#8221; has been checked. As a personal preference, I like to keep my textures filled with black before pasting, so I invert the opacity mask to make black the opaque part of my object. If I did not invert the opacity mask, my shape would still be invisible, unless I switched the texture&#8217;s fill to white. Either way works the same, so choose whichever you like best.</p>
<div id="attachment_113" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2010/03/2.jpg"><img class="size-full wp-image-113" title="Slide 2" src="http://freehandfuturist.com/wp-content/uploads/2010/03/2.jpg" alt="" width="558" height="376" /></a><p class="wp-caption-text">Cut the texture out and double click in the opacity mask window of the transparency palette, indicated in red.</p></div>
<p>You may think your object has disappeared, but it has not. Paste your texture back into the artboard and move it over where the object was before. In the example below my texture is filled with black; gray would work too, but not white because my mask is inverted.</p>
<div id="attachment_114" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2010/03/3.jpg"><img class="size-full wp-image-114" title="Slide 3" src="http://freehandfuturist.com/wp-content/uploads/2010/03/3.jpg" alt="" width="558" height="390" /></a><p class="wp-caption-text">With the opacity mask window still selected, paste the texture over the object and set the mask options.</p></div>
<p>When you are done positioning the mask object, deselect it to see how the object looks, and then click back on the left window of the transparency palette. Now you have an object with texture. The best part is that you can easily change the fill or stroke, or even use some effects, and the same mask applies. If you want to edit the mask again, all you have to do is click the mask window.</p>
<div id="attachment_115" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2010/03/4.jpg"><img class="size-full wp-image-115" title="Slide 4" src="http://freehandfuturist.com/wp-content/uploads/2010/03/4.jpg" alt="" width="558" height="370" /></a><p class="wp-caption-text">When you are done placing the texture, click back in the object window of the transparency palette.</p></div>
<div id="attachment_116" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2010/03/5.jpg"><img class="size-full wp-image-116" title="Slide 5" src="http://freehandfuturist.com/wp-content/uploads/2010/03/5.jpg" alt="" width="558" height="363" /></a><p class="wp-caption-text">You can change the object or mask using fills, strokes, and effects like any other vector object. Above, the object was given a stroke, and then a guassian blur, while the mask was left unaltered.</p></div>
<h2>Conclusion</h2>
<p>There you have it, a textured vector object that&#8217;s easy to edit and change with only a few clicks. Because this is vector art, you can pull it into any of the Creative Suite applications without worrying about image loss. In the download you will find my original Ai file, complete with all the vectors used in the tutorial. As an added bonus, I&#8217;m including my new hand-drawn stamp vector. If you have any questions, or I have been unclear, please leave a comment.</p>
]]></content:encoded>
			<wfw:commentRss>http://freehandfuturist.com/blog/vector-textures-simple/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Lunar 40</title>
		<link>http://freehandfuturist.com/illustrations/lunar-40/</link>
		<comments>http://freehandfuturist.com/illustrations/lunar-40/#comments</comments>
		<pubDate>Mon, 01 Feb 2010 17:53:42 +0000</pubDate>
		<dc:creator>morgan</dc:creator>
				<category><![CDATA[Downloads]]></category>
		<category><![CDATA[Illustrations]]></category>
		<category><![CDATA[Space]]></category>

		<guid isPermaLink="false">http://freehandfuturist.com/?p=70</guid>
		<description><![CDATA[Dawn of the space age? This past July marked the fortieth anniversary of the moon landing. I&#8217;m too young, but my parents remember watching the moon landing, and the earlier space flights. I&#8217;ve grown up with the space shuttle and Mars rovers, but no lunar landing. It&#8217;s been forty years since we went to the [...]]]></description>
			<content:encoded><![CDATA[<h1>Dawn of the space age?</h1>
<p>This past July marked the fortieth anniversary of the moon landing. I&#8217;m too young, but my parents remember watching the moon landing, and the earlier space flights. I&#8217;ve grown up with the space shuttle and Mars rovers, but no lunar landing. It&#8217;s been forty years since we went to the moon, will it be another forty before we return? Some scientists have suggested returning to the moon and using it as a launching point for Mars, but with NASA&#8217;s funds diminishing, I&#8217;m left asking&#8230;when?</p>
<h2>Concept on paper</h2>
<p>Like all my illustrations, this one started in my sketchbook. One day I found myself drawing some rockets in a few different styles. Later I used them as references to make the digital illustration. The clouds were drawn, traced, refined, traced some more and then scanned. Once in the computer they were traced using the pen tool. Colors added using live-paint and shape layers.</p>
<p><a href="http://freehandfuturist.com/wp-content/uploads/2010/02/clouds.jpg"><img class="alignnone size-thumbnail wp-image-76" title="Clouds scan" src="http://freehandfuturist.com/wp-content/uploads/2010/02/clouds-60x60.jpg" alt="" width="60" height="60" /></a><a href="http://freehandfuturist.com/wp-content/uploads/2010/02/rockets.jpg"><img class="alignnone size-thumbnail wp-image-77" title="rockets-sketch" src="http://freehandfuturist.com/wp-content/uploads/2010/02/rockets-60x60.jpg" alt="" width="60" height="60" /></a></p>
<h2>In the Download</h2>
<p>In this download you get the desktop wallpaper, plus a vector illustration. The vector file is sized as a wall poster (18&#215;24) and I hope someday to screen-print it on some nice paper. Until then, enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://freehandfuturist.com/illustrations/lunar-40/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Rise of the Cloud</title>
		<link>http://freehandfuturist.com/illustrations/rise-cloud/</link>
		<comments>http://freehandfuturist.com/illustrations/rise-cloud/#comments</comments>
		<pubDate>Mon, 01 Feb 2010 08:36:06 +0000</pubDate>
		<dc:creator>morgan</dc:creator>
				<category><![CDATA[Computers]]></category>
		<category><![CDATA[Downloads]]></category>
		<category><![CDATA[Illustrations]]></category>
		<category><![CDATA[Information Age]]></category>

		<guid isPermaLink="false">http://freehandfuturist.com/?p=56</guid>
		<description><![CDATA[Free floating data Cloud computing is on the rise, but what does that mean anyway? More and more, people are storing their data and information on the internet (the cloud). This can include all kinds of services, from email to shared office documents. Data that&#8217;s accessible from anywhere is a great convenience, but is it [...]]]></description>
			<content:encoded><![CDATA[<h1>Free floating data</h1>
<p>Cloud computing is on the rise, but what does that mean anyway? More and more, people are storing their data and information on the internet (the cloud). This can include all kinds of services, from email to shared office documents. Data that&#8217;s accessible from anywhere is a great convenience, but is it vulnerable, and if so, to who? Google is at the forefront of cloud based services with GMail and Google Docs, but can we trust them. Will they protect our data from hackers, or are they the biggest threat themselves? The convenience of the cloud calls for us to trust the corporations hosting our data.</p>
<h2>The Sketches</h2>
<p>I sketched all of the pieces of this illustration separately and then digitized. I decided I did not like the top part of the cloud sketch, so I erased it in the computer. Later, I added the color layers with my wacom tablet and then arranged the final composition.</p>
<p><a href="http://freehandfuturist.com/wp-content/uploads/2010/02/cloud-monster.jpg"><img class="alignnone size-thumbnail wp-image-66" title="cloud-monster" src="http://freehandfuturist.com/wp-content/uploads/2010/02/cloud-monster-60x60.jpg" alt="" width="60" height="60" /></a><a href="http://freehandfuturist.com/wp-content/uploads/2010/02/computer-line.jpg"><img class="alignnone size-thumbnail wp-image-67" title="computer-line" src="http://freehandfuturist.com/wp-content/uploads/2010/02/computer-line-60x60.jpg" alt="" width="60" height="60" /></a><a href="http://freehandfuturist.com/wp-content/uploads/2010/02/sleeping.jpg"><img class="alignnone size-thumbnail wp-image-68" title="sleeping" src="http://freehandfuturist.com/wp-content/uploads/2010/02/sleeping-60x60.jpg" alt="" width="60" height="60" /></a></p>
<h2>What&#8217;s in the download</h2>
<p>In this download you get a desktop wallpaper (two sizes) and the final vector file.</p>
]]></content:encoded>
			<wfw:commentRss>http://freehandfuturist.com/illustrations/rise-cloud/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Life Under Glass</title>
		<link>http://freehandfuturist.com/illustrations/life-glass/</link>
		<comments>http://freehandfuturist.com/illustrations/life-glass/#comments</comments>
		<pubDate>Mon, 01 Feb 2010 05:16:22 +0000</pubDate>
		<dc:creator>morgan</dc:creator>
				<category><![CDATA[Computers]]></category>
		<category><![CDATA[Downloads]]></category>
		<category><![CDATA[Illustrations]]></category>
		<category><![CDATA[Information Age]]></category>

		<guid isPermaLink="false">http://freehandfuturist.com/?p=26</guid>
		<description><![CDATA[The death of privacy Google yourself. I dare you. The privacy and anonymity that was cherished in the past is now gone. With facebook, twitter and blogs people are leaving their words all over the internet. Although this is great for communicating with friends and self-promotion, what is the cost on a person&#8217;s public identity? [...]]]></description>
			<content:encoded><![CDATA[<h1>The death of privacy</h1>
<p>Google yourself. I dare you. The privacy and anonymity that was cherished in the past is now gone. With facebook, twitter and blogs people are leaving their words all over the internet. Although this is great for communicating with friends and self-promotion, what is the cost on a person&#8217;s public identity? Will we be defined by the words we publish, no matter how big or small? How will future employers, friends and acquaintances see you? Will that facebook rant from ten years ago come back to haunt you? These are all scary questions, so before you hit that publish button be ready for your words to come under the looking glass.</p>
<h2>The sketches</h2>
<p>For this illustration I started with some simple doodles. I drew, traced and refined the mouse shape, and scribbled some swatches to use for texture. Later I digitized using live-trace and the pen tool.</p>
<p><a href="http://freehandfuturist.com/wp-content/uploads/2010/02/under-glass-sketch.jpg"><img class="alignnone size-thumbnail wp-image-53" title="Life Under Glass Sketch" src="http://freehandfuturist.com/wp-content/uploads/2010/02/under-glass-sketch-60x60.jpg" alt="" width="60" height="60" /></a><a href="http://freehandfuturist.com/wp-content/uploads/2010/02/mice.jpg"><img class="alignnone size-thumbnail wp-image-54" title="Computer Mice Sketch" src="http://freehandfuturist.com/wp-content/uploads/2010/02/mice-60x60.jpg" alt="" width="60" height="60" /></a></p>
<h2>What&#8217;s in the download</h2>
<p>Included in this download are the desktop wallpapers, and a vector resource file. The file includes the pieces I used to create this digital illustration, plus some bonus scribble textures. If you would like something else to be included in the file, please let me know in the comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://freehandfuturist.com/illustrations/life-glass/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Data Center</title>
		<link>http://freehandfuturist.com/illustrations/data-center/</link>
		<comments>http://freehandfuturist.com/illustrations/data-center/#comments</comments>
		<pubDate>Mon, 01 Feb 2010 05:04:42 +0000</pubDate>
		<dc:creator>morgan</dc:creator>
				<category><![CDATA[Downloads]]></category>
		<category><![CDATA[Illustrations]]></category>
		<category><![CDATA[Information Age]]></category>

		<guid isPermaLink="false">http://freehandfuturist.com/?p=15</guid>
		<description><![CDATA[The old information warehouse Often I find myself reminiscing about the library. Gone are the days when I would spend hours among the stacks exploring, learning and enjoying the quiet. My senior year of high school I had the best job ever, a library shelver. In my time there I learned the Dewey Decimal System [...]]]></description>
			<content:encoded><![CDATA[<h1>The old information warehouse</h1>
<p>Often I find myself reminiscing about the library. Gone are the days when I would spend hours among the stacks exploring, learning and enjoying the quiet. My senior year of high school I had the best job ever, a library shelver. In my time there I learned the Dewey Decimal System like the back of my hand and discovered a ton of new authors. Sadly, that job had to come to an end. I still fondly remember the smell and feel of the library books— old, dusty and weathered. Although I&#8217;ve largely replaced the library with the internet (except for some college papers), nothing beats the magic of finding just the right book.</p>
<h2>What&#8217;s in the download</h2>
<p>Included in this download is the &#8220;Data Center&#8221; illustration as a desktop wallpaper. I&#8217;ve provided two sizes, 1024&#215;768 and 800&#215;600. If you think I should include other sizes, please let me know which ones in the comments below. Enjoy!</p>
<h2>The original sketch</h2>
<p>I scribbled this ink sketch a few years ago. I didn&#8217;t have much use for it then, but when I rediscovered it I knew it had to go digital, and needed some color. Scanned, live-trace and color added with a wacom tablet.</p>
<div id="attachment_38" class="wp-caption alignnone" style="width: 568px"><a href="http://freehandfuturist.com/wp-content/uploads/2010/01/bookshelf-sketch.jpg"><img class="size-medium wp-image-38 " title="Bookshelf Sketch" src="http://freehandfuturist.com/wp-content/uploads/2010/01/bookshelf-sketch-560x380.jpg" alt="" width="558" height="378" /></a><p class="wp-caption-text">A sketch of some imaginary bookshelves I made a few years ago.</p></div>
]]></content:encoded>
			<wfw:commentRss>http://freehandfuturist.com/illustrations/data-center/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

