<?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>Sparky Firepants Images &#187; concept</title>
	<atom:link href="http://sparkyfirepants.com/tag/concept/feed/" rel="self" type="application/rss+xml" />
	<link>http://sparkyfirepants.com</link>
	<description>Visual design for your genius content</description>
	<lastBuildDate>Fri, 03 Sep 2010 23:38:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Did you call me a dummy?</title>
		<link>http://sparkyfirepants.com/sparkyfirepants/did-you-call-me-a-dummy/</link>
		<comments>http://sparkyfirepants.com/sparkyfirepants/did-you-call-me-a-dummy/#comments</comments>
		<pubDate>Tue, 27 Jan 2009 20:31:52 +0000</pubDate>
		<dc:creator>sparkyfirepants</dc:creator>
				<category><![CDATA[Sparky Firepants Says]]></category>
		<category><![CDATA[author]]></category>
		<category><![CDATA[book dummy]]></category>
		<category><![CDATA[children's book]]></category>
		<category><![CDATA[concept]]></category>
		<category><![CDATA[dummy]]></category>
		<category><![CDATA[how-to]]></category>
		<category><![CDATA[publishing]]></category>
		<category><![CDATA[road trip with rabbit and squash]]></category>

		<guid isPermaLink="false">http://sparkyfirepants.com/blog/?p=361</guid>
		<description><![CDATA[In the world of children&#8217;s publishing, there&#8217;s a certain methodology to creating a new book. Chronologically, it goes something like this: Author writes a book. Author mails book to agents and publishers. Author files rejection slips. Author passes out from shock during phone call from interested party. Publisher selects illustrator that fits the manuscript; Author [...]]]></description>
			<content:encoded><![CDATA[<p>In the world of children&#8217;s publishing, there&#8217;s a certain methodology to creating a new book. Chronologically, it goes something like this:</p>
<ol>
<li>Author writes a book.</li>
<li>Author mails book to agents and publishers.</li>
<li>Author files rejection slips.</li>
<li>Author passes out from shock during phone call from interested party.</li>
<li>Publisher selects illustrator that fits the manuscript; Author fights for 10-year old niece to do the pictures in crayon and loses.</li>
<li>Illustrator gnaws hand off during anxiety attack, wondering if he/she is up to the challenge.</li>
<li>Illustrator makes a dummy.</li>
</ol>
<p>A dum – wha? </p>
<p>Before the illustrator makes the pretty pictures, he or she makes a preliminary mock-up of the book, called a <strong>dummy</strong>. Working with the editor, the artist breaks down the manuscript into pages and sketches concepts for possible illustrations. It&#8217;s much simpler to sum up in a sentence than it is to do. Humongous thoughts go into the process of creating a book dummy. There are considerations of color, overall tone, character development, logical text breakdown, flow and pace&#8230; it&#8217;s a huge task.</p>
<p>In fact, to read more about the process, I highly recommend &#8220;<strong><a href="http://www.amazon.com/Write-Illustrate-Design-Childrens-Books/dp/0938249258/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1233085500&amp;sr=8-1" target="_blank">How to Write, Illustrate, and Design Children&#8217;s Book</a></strong><strong><a href="http://www.amazon.com/Write-Illustrate-Design-Childrens-Books/dp/0938249258/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1233085500&amp;sr=8-1" target="_blank">s&#8221;</a></strong> by Frieda Gates. It&#8217;s a comprehensive textbook-style guide to the whole business of creating books for children.</p>
<p>When I created <a href="http://www.sparkyfirepants.com/roadtrip.html" target="_blank">&#8220;Road Trip with Rabbit and Squash,&#8221;</a> the whole process from idea to completion was about two years (not counting a huge gap year where the MS sat neglected on my Mac). When I got to the point of creating the dummy, I took a very large breath.</p>
<div id="attachment_362" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-362" title="cover_and_dummy" src="http://sparkyfirepants.com/blog/wp-content/uploads/2009/01/cover_and_dummy-300x232.jpg" alt="Who's the dummy? " width="300" height="232" /><p class="wp-caption-text">Who&#39;s the dummy?</p></div>
<p>I love creating dummies. When I worked on storyboards for TV, I loved breaking down the script into bite-sized chunks and creating the images to go with them. It&#8217;s a craft, similar to woodworking or knitting. It&#8217;s one of the things I do where I don&#8217;t think I would rather be surfing.</p>
<p>My process is very simple and very pre-school.  I re-format the manuscript in the computer to manageable chunks of paragraphs. Once I print it out, I cut those sections up and try not to knock them off the desk. Order is good.  Part of the process is deciding how many pages you will have, which pages will spread across the gutter (that middle part), and where that last page will go (by itself? hmm&#8230;).</p>
<p>I created a small booklet stapling and folding regular copy paper. I knew what size the book and pages would be, so I marked off the pages to the correct scale.  From there, I start arranging the cut-out chunks of text across the pages, developing a flow and nice progression through the book. It&#8217;s a living process that keeps changing as I work out concepts and adjust the flow. I think about how it will be read both silently and aloud. <em>Does it make sense? Can I put a little cliffhanger in here? Does this page even need text on it or can the picture stand alone?</em> It&#8217;s a process that only a slightly insane person would enjoy. And yes, I do. Am. Whatever.</p>
<p>It&#8217;s a complex process of thought and impossible to explain. Hey – sort of like writing.</p>
<p>When I was setting up my new studio/office recently, I came across the first dummy copy I made of &#8220;Road Trip.&#8221; It was buried under a pile of demo reels and chunks of plasticine. I guess I had moved on when I got to the next phase.  It was really freaky to see how the first few pages had changed throughout the course of developing the dummy. In the end, I could see why I had made certain choices and I still question others. The photos below give you a tiny glimpse into my secret dummy world:   </p>
<div id="attachment_363" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-363" title="dummy_page01" src="http://sparkyfirepants.com/blog/wp-content/uploads/2009/01/dummy_page01-300x203.jpg" alt="Pre-school skills come into play. I knew they would come in handy someday." width="300" height="203" /><p class="wp-caption-text">Pre-school skills come into play. I knew they would come in handy someday.</p></div>
<div id="attachment_364" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-364" title="page_01-photo" src="http://sparkyfirepants.com/blog/wp-content/uploads/2009/01/page_01-photo-300x225.jpg" alt="Here's page 1 as it's published. How did I get here from there? Lots of coffee." width="300" height="225" /><p class="wp-caption-text">Here&#39;s page 1 as it&#39;s published. How did I get here from there? Lots of coffee.</p></div>
<p>If you want to see more images from the book, they are posted <strong><a href="http://www.sparkyfirepants.com/roadtrip.html" target="_self">here</a></strong>. If you ask me how I created those concepts, I might even remember.
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fsparkyfirepants.com%2Fsparkyfirepants%2Fdid-you-call-me-a-dummy%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fsparkyfirepants.com%2Fsparkyfirepants%2Fdid-you-call-me-a-dummy%2F&amp;source=sparkyfirepants&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
]]></content:encoded>
			<wfw:commentRss>http://sparkyfirepants.com/sparkyfirepants/did-you-call-me-a-dummy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>See Nick Design: Client Profile</title>
		<link>http://sparkyfirepants.com/client-profile/see-nick-design-client-profile/</link>
		<comments>http://sparkyfirepants.com/client-profile/see-nick-design-client-profile/#comments</comments>
		<pubDate>Tue, 01 Jul 2008 00:22:00 +0000</pubDate>
		<dc:creator>sparkyfirepants</dc:creator>
				<category><![CDATA[client love]]></category>
		<category><![CDATA[client]]></category>
		<category><![CDATA[concept]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[revamp]]></category>
		<category><![CDATA[revise]]></category>
		<category><![CDATA[see nick design]]></category>

		<guid isPermaLink="false">http://sparkyfirepants.com/blog/?p=154</guid>
		<description><![CDATA[Sometimes I work on projects that really drive me. There are clients I work with where I look back and think, &#8220;Man, that was fun. That&#8217;s why I do this.&#8221; Creating the See Nick Design logo is one of them. Typically I work with small to medium-sized businesses, helping them create visuals that complement their [...]]]></description>
			<content:encoded><![CDATA[<p>Sometimes I work on projects that really drive me. There are clients I work with where I look back and think, <span style="font-style: italic;">&#8220;Man, that was fun. That&#8217;s why I do this.&#8221;</span><br />
<a href="http://bp1.blogger.com/_jN9bWpu2VAc/SGl_2THVhAI/AAAAAAAAAok/-QTDB8nv9Gw/s1600-h/snd_logo_color.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" rel="lightbox[154]"><img id="BLOGGER_PHOTO_ID_5217842214106137602" style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="http://bp1.blogger.com/_jN9bWpu2VAc/SGl_2THVhAI/AAAAAAAAAok/-QTDB8nv9Gw/s200/snd_logo_color.jpg" border="0" alt="" /></a><br />
Creating the <a href="http://seenickdesign.com/">See Nick Design</a> logo is one of them.</p>
<p>Typically I work with small to medium-sized businesses, helping them create visuals that complement their own words, ideas, and products. When <a href="http://seenickdesign.com/contact.html">Nick Collins</a> got in touch with me and explained what he wanted, I knew it was already right up my alley.</p>
<p>Nick had an existing logo that was serviceable, but he wanted to get something that really popped, with some energy to it. He also wanted to keep his current color scheme and stay within four colors. In addition, he needed the logo to be available in black and white without changing the whole design.<br />
<a href="http://bp3.blogger.com/_jN9bWpu2VAc/SGmANtjyoaI/AAAAAAAAAo0/2ybFhFoWSNI/s1600-h/old+logo.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" rel="lightbox[154]"><img id="BLOGGER_PHOTO_ID_5217842616341799330" style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="http://bp3.blogger.com/_jN9bWpu2VAc/SGmANtjyoaI/AAAAAAAAAo0/2ybFhFoWSNI/s200/old+logo.jpg" border="0" alt="" /></a></p>
<div style="text-align: left;"><span style="font-size:100%;">Nick&#8217;s old logo (R). <span style="font-style: italic;">I kinda liked it.</span></span></div>
<p>When we first talked on the phone, my excitement was building because this is exactly the kind of thing I specialize in and I just love to do it. Nick is an excellent designer himself, but after explaining what he was looking for, he pretty much left it to me to come through with something cool. It&#8217;s tough for an artist to let go of that control ( I should know, I&#8217;m terrible at it).</p>
<p>One thing I like to keep in mind when creating a logo is the myriad types of media it will be reproduced in. I started my career in a sign shop and that experience has always helped me in thinking practically as well as creatively.</p>
<p>For example, at our sign shop we were often tasked to reproduce a company&#8217;s logo on one of those huge back-lit signs you see in a strip mall. When we would ask for the logo file, many times we would get a teensy 72 dpi gif image that was grabbed from a web site. Seventeen colors, gradient fills, and a complex bitmap image of an eagle looks great on screen, but at 48&#8243; high it&#8217;s virtually illegible.</p>
<p>Clients would get upset (and rightly so) because they paid big bucks for a graphic designer to create their logo, only to find out that:</p>
<ol>
<li>The designer now lives in an ashram and can&#8217;t be reached.</li>
<li>They created the original art at 72 dpi, 8&#8243; x 10&#8243;. All they have is a color printout on inkjet paper and the web graphic.</li>
<li>It&#8217;s going to cost them a lot of money to have us recreate their logo for them.</li>
</ol>
<p>As a small business owner, that kind of unexpected news is sort of, well, unwelcome.</p>
<p>Thankfully we had a few tricks up our sleeves (software) that would make things less painful, but the process was tedious. If they had only sprang for the pro designer and a versatile, scalable logo (or camera-ready art) in the first place, it would have been easy-peasy.</p>
<p>So with See Nick Design, I found myself on the phone with a business owner who new all of this. Very refreshing and very smart on his part. Doing his homework saved him a pile of money and at least one headache.</p>
<p>The challenge was up to me to create it. I started by sketching out a few concepts with my fancy&#8230; pencil. It&#8217;s true. I work digitally, but everything starts the old-fashioned way with a nice, sharp set of pencils and some good ol&#8217; paper on a drawing table.</p>
<p>Here&#8217;s a sample of the concepts he had to choose from, based on our conversation:</p>
<p><a href="http://bp1.blogger.com/_jN9bWpu2VAc/SGmAw2X_e2I/AAAAAAAAAo8/NlY2PwgZeoQ/s1600-h/roughs.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" rel="lightbox[154]"><img id="BLOGGER_PHOTO_ID_5217843220003650402" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp1.blogger.com/_jN9bWpu2VAc/SGmAw2X_e2I/AAAAAAAAAo8/NlY2PwgZeoQ/s200/roughs.jpg" border="0" alt="" /></a></p>
<p>We talked about these and there were parts of each that he liked, so I made a set of revised sketches and we went through the review process again. Nick was really clear on what he liked and didn&#8217;t like about them, so I didn&#8217;t have to guess if I was going in the right direction.</p>
<p><a href="http://bp3.blogger.com/_jN9bWpu2VAc/SGmAxBBweNI/AAAAAAAAApE/aCZIjyRwYzk/s1600-h/see_nick_rough+rev+02.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" rel="lightbox[154]"><img id="BLOGGER_PHOTO_ID_5217843222863182034" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp3.blogger.com/_jN9bWpu2VAc/SGmAxBBweNI/AAAAAAAAApE/aCZIjyRwYzk/s200/see_nick_rough+rev+02.jpg" border="0" alt="" /></a></p>
<p>Once he decided on one image, I set to work creating it in Adobe Illustrator. Two reasons for using Illustrator vs Photoshop in this instance are:</p>
<ol>
<li>Scalability of vector art</li>
<li>Drawing tools in Illustrator are more flexible for this kind of thing.</li>
<li>I could export an EPS file that any other vendor could work with.</li>
</ol>
<p>Once I&#8217;ve pasted my sketch into Illustrator I&#8217;m ready to trace. However, it&#8217;s not quite <span style="font-style: italic;">that</span> easy. Before I even get out my bezier tool, there&#8217;s a thinking process involved. Sure, I need it look nice, but I also need to think about how to create certain looks without using effects. There are some amazing effects in CS3 now, but if I use them to create an image, they may be wasted if a vendor has an older version or a different design program. Also, if I use the transparency tool on one area, what happens if Nick wants embroidered shirts at some point? This doesn&#8217;t mean it&#8217;s impossible to utilize the great tools in Illustrator, but I do need to consider those factors.</p>
<p>For brevity&#8217;s sake, we&#8217;ll say I considered everything from fonts to how long it takes to get around the moon with only one oxygen tank. Cool?</p>
<p>This was one of those magical projects that require minimal revisions. It was really a matter of tweaking the final art, and Nick gave concise directions. I kind of wish it was more difficult so I could chronicle the drama, or that Nick worked for<a href="http://en.wikipedia.org/wiki/Alliance_of_Twelve"> SD-6</a> and demanded I fly to Belgium for clandestine client meetings, but alas, it was smooth sailing.</p>
<p>Where are those clients with nuclear weapons and nasty tempers, anyway? I have a blog to write here.</p>
<p>I joke, but this project was really rewarding because the focus was right where it sho<a href="http://bp1.blogger.com/_jN9bWpu2VAc/SGmBZ_13QbI/AAAAAAAAApk/ErfpmaydcNE/s1600-h/nick.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" rel="lightbox[154]"><img id="BLOGGER_PHOTO_ID_5217843926919496114" style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="http://bp1.blogger.com/_jN9bWpu2VAc/SGmBZ_13QbI/AAAAAAAAApk/ErfpmaydcNE/s200/nick.jpg" border="0" alt="" /></a>uld be (on the concept and execution), and Nick left me alone to do my job.</p>
<p>There was a nifty thing that happened on this job. Nick described himself to me and said that he wanted the guy in the logo to resemble him if possible. Funny thing is, after I did my initial sketch, he sent me a photo of himself(R).</p>
<p>Eerily close,  no? That was pretty fun to see.</p>
<p>One change we made was to add a slight smile to the face. He wanted a happy look, but nothing goofy or silly. Done!</p>
<p>Here are the completed logos, in color and black and white:</p>
<p><a href="http://bp2.blogger.com/_jN9bWpu2VAc/SGmBx52Ui1I/AAAAAAAAAps/8VFNXC3E9QI/s1600-h/snd_logo_bw.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" rel="lightbox[154]"><img id="BLOGGER_PHOTO_ID_5217844337627663186" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://bp2.blogger.com/_jN9bWpu2VAc/SGmBx52Ui1I/AAAAAAAAAps/8VFNXC3E9QI/s320/snd_logo_bw.jpg" border="0" alt="" /></a><a href="http://bp0.blogger.com/_jN9bWpu2VAc/SGmB87LulbI/AAAAAAAAAp0/5d2eNo3Hxyo/s1600-h/snd_logo_color.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" rel="lightbox[154]"><img id="BLOGGER_PHOTO_ID_5217844526964446642" style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="http://bp0.blogger.com/_jN9bWpu2VAc/SGmB87LulbI/AAAAAAAAAp0/5d2eNo3Hxyo/s320/snd_logo_color.jpg" border="0" alt="" /></a></p>
<p>That was it, and I was almost sorry to wrap this one up. Hopefully there are more clients and projects floating out there, waiting to be taken in hand.</p>
<p><span style="font-style: italic;">Don&#8217;t forget to check out the </span><a style="font-style: italic;" href="http://seenickdesign.com/">See Nick Design web site</a><span style="font-style: italic;"> and find how Nick has implemented the logo. Besides that, he does some very interesting work that you may have seen before.</span></p>
<p>I&#8217;ll be posting more client profiles over time. There are a few in the wings, and I&#8217;m only waiting for publish dates. Stay tuned!
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fsparkyfirepants.com%2Fclient-profile%2Fsee-nick-design-client-profile%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fsparkyfirepants.com%2Fclient-profile%2Fsee-nick-design-client-profile%2F&amp;source=sparkyfirepants&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
]]></content:encoded>
			<wfw:commentRss>http://sparkyfirepants.com/client-profile/see-nick-design-client-profile/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
