<?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>Renee Gannon: Creative Voyage &#187; graphic design</title>
	<atom:link href="http://reneegannon.com/category/graphic-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://reneegannon.com</link>
	<description>A blog about blogging, photography, digital media, social media, food, animals and so much more.</description>
	<lastBuildDate>Fri, 18 Feb 2011 06:41:37 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Fun Photoshop Tutorial of the Week: Let&#8217;s Get Comicky!</title>
		<link>http://reneegannon.com/2009/05/fun-photoshop-tutorial-of-the-week-lets-get-comicky/</link>
		<comments>http://reneegannon.com/2009/05/fun-photoshop-tutorial-of-the-week-lets-get-comicky/#comments</comments>
		<pubDate>Mon, 18 May 2009 20:45:41 +0000</pubDate>
		<dc:creator>reneegannon</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[comics]]></category>
		<category><![CDATA[cs3]]></category>
		<category><![CDATA[fun]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[Photography]]></category>

		<guid isPermaLink="false">http://reneegannon.com/?p=148</guid>
		<description><![CDATA[
So you wanna make a comic-book style photo, do ya?  Well I have a quick and easy tutorial that will show you just how to do that.  Pretty soon you&#8217;ll be on your way to making all your photos into super fly looking comic book scenes that all your friends will be mad jealous of [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter size-full wp-image-164" title="caesar-comic" src="http://reneegannon.com/wp-content/uploads/2009/05/caesar-comic.jpg" alt="caesar-comic" width="558" height="493" /></p>
<p>So you wanna make a comic-book style photo, do ya?  Well I have a quick and easy tutorial that will show you just how to do that.  Pretty soon you&#8217;ll be on your way to making all your photos into super fly looking comic book scenes that all your friends will be mad jealous of because your photoshoppin&#8217; skillz are awesome with a capital A. So what are you waiting for?  Grab that killer photo, grease up your photoshop CS3 and let&#8217;s get this show on the road.<br />
<span id="more-148"></span><strong></strong></p>
<p><strong>Let&#8217;s Get Comicky!!</strong></p>
<p>Pick a photo that has pretty balanced lighting. I have chosen a photograph of my adorably goofy looking dog, Caesar.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-150" title="step-1" src="http://reneegannon.com/wp-content/uploads/2009/05/step-1.jpg" alt="step-1" width="515" height="524" /></p>
<p style="text-align: left;">Always make sure you duplicate the background layer as a separate copy so that you can save the integrity of the original photo.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-152" title="new-layer" src="http://reneegannon.com/wp-content/uploads/2009/05/new-layer.jpg" alt="new-layer" width="217" height="334" /></p>
<p>Next, I like to crop out the background and fill in the space later with black to add to the comic book effect of it. If you want to do this, it&#8217;s easy with the quick selection tool located on the tool palette.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-151" title="step21" src="http://reneegannon.com/wp-content/uploads/2009/05/step21.jpg" alt="step21" width="572" height="510" /></p>
<p>Now we are going to increase the overall contrast of the picture by burning it a bit. Go to IMAGE &gt; ADJUSTMENTS &gt; LEVELS.  With this image we are going to set the INPUT LEVELS to 5 / 1.00 / 230. But this is only for this example. Feel free to play around with the settings to best fit the needs of your photo.</p>
<p>Next, we are going to give the photo an illustrated look with a grainy appearance to give the illusion of old quality paper. It is not a realistic effect, it is just some distortion to the image to help us achieve the final look. Go to FILTERS &gt; ARTISTIC &gt; FILM GRAIN. In this case we are going to use: GRAIN: 5, HIGHLIGHT AREA: 0, INTENSITY: 10. I cannot say this enough, but I&#8217;ll keep saying it anyway because repition IS the mother of skill. TRY DIFFERENT SETTINGS FOR DIFFERENT PHOTOS!</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-153" title="step-3" src="http://reneegannon.com/wp-content/uploads/2009/05/step-3.jpg" alt="step-3" width="541" height="519" /><br />
Right click on your newly film-grained background layer and click, DUPLICATE LAYER.  Once you have duplicated the new layer, name it HALFTONE.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-154" title="duplicate" src="http://reneegannon.com/wp-content/uploads/2009/05/duplicate.jpg" alt="duplicate" width="336" height="692" /> <img class="aligncenter size-full wp-image-155" title="halftone" src="http://reneegannon.com/wp-content/uploads/2009/05/halftone.jpg" alt="halftone" width="212" height="672" /><br />
In this step we are going apply a halftone pattern to the image to give the final old comic book printing effect. Go to FILTER &gt; PIXELATE &gt; COLOR HALFTONE. Set MAX RADIUS: 6 and leave the rest with the default values (don&#8217;t forget, you can still experiment with the radius size). Press OK and then go to the LAYERS PALETTE and set the BLENDING MODE to DARKEN.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-157" title="blending-mode" src="http://reneegannon.com/wp-content/uploads/2009/05/blending-mode.jpg" alt="blending-mode" width="218" height="692" /></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-156" title="darken-layer" src="http://reneegannon.com/wp-content/uploads/2009/05/darken-layer.jpg" alt="darken-layer" width="661" height="768" /></p>
<p style="text-align: left;">Now, for the fun part!  Adding comic book elements to the picture</p>
<p>The effect looks nice so far. It is not a realistic old comic book effect, it simple resembles that look. To make it more real, now comes the fun part. We are going to add some unique elements that are very popular on comic books and strips.  First, I&#8217;m going to fill in the background layer with black using the background fill tool.</p>
<p style="text-align: left;">Then, in the layers palette, I&#8217;m going to highlight &#8220;Background copy&#8221; and &#8220;HALFTONE&#8221; layers, right click, then hit &#8220;DUPLICATE LAYERS&#8221;.  Click Ok, leaving everything as it, right click again on the highlighted copies and click merge layers.  I then rename my new merged copy as HALFTONE MERGED and I hide the rest of the layers.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-158" title="halftone-merged" src="http://reneegannon.com/wp-content/uploads/2009/05/halftone-merged.jpg" alt="halftone-merged" width="214" height="334" /></p>
<p style="text-align: left;">Then I&#8217;m going to resize that layer, by hitting Ctrl+ T (Free Transform Tool, also found under EDIT&gt;FREE TRANSFORM.  I&#8217;m going to hold down SHIFT while resizing the layer to leave a small border around the outside, and center the image so the border is equal around all sides.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-160" title="free-transform" src="http://reneegannon.com/wp-content/uploads/2009/05/free-transform.jpg" alt="free-transform" width="622" height="516" /></p>
<p style="text-align: left;">Then I simply add a black square layer behind my my HALFTONE MERGED layer to create a thin (or thick) black border, depending on your preference.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-161" title="black-background" src="http://reneegannon.com/wp-content/uploads/2009/05/black-background.jpg" alt="black-background" width="608" height="503" /></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-162" title="black-background-2" src="http://reneegannon.com/wp-content/uploads/2009/05/black-background-2.jpg" alt="black-background-2" width="214" height="336" /></p>
<p style="text-align: left;">Add a new layer and draw a small rectangle at the bottom left of the frame of the image. Give it a STROKE of 3 pixels and paint it orange. An orange to yellow gradient looks better but you can use any color you want.  If you wish, you can draw another rectangle, a bit larger this time, in the upper corner of the frame. Give it a STROKE of 3 pixels and paint it white. I prefer one box, but it depends on the size and shape of your overall image.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-163" title="gradient-box" src="http://reneegannon.com/wp-content/uploads/2009/05/gradient-box.jpg" alt="gradient-box" width="630" height="352" /><br />
Don&#8217;t forget to add your witty caption!  To add captions to the photo you can use any font you like, but if you use a font designed specifically for comic books, your image will look that so much cooler, and you want to be cool, don&#8217;t you? At the end of this article you&#8217;ll find more great comic book fonts you can use.  I chose a simple art-deco type font but have fun with it and play around with different font styles.   Here are some great open-source fonts you can also use from <a href="http://www.dafont.com/theme.php?cat=102" target="_blank">dafont.com</a>.</p>
<p style="text-align: left;">Here&#8217;s the final result:</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-164" title="caesar-comic" src="http://reneegannon.com/wp-content/uploads/2009/05/caesar-comic.jpg" alt="caesar-comic" width="558" height="493" /></p>
<p style="text-align: left;">Some great additional font resources.  And if you are a lover of comics, visit <a href="http://www.happyblogtime.com" target="_blank">Happy Blogtime</a> for all your comic needs.</p>
<table class="makeover" style="margin: 0pt auto; color: #ffff00; width: 450px; border-collapse: separate; border-spacing: 5px;" border="0" cellspacing="5" cellpadding="0" bgcolor="#000000">
<tbody>
<tr>
<td width="150" valign="top"><a href="http://www.blambot.com/fonts.shtml" target="_blank"><img src="http://www.photoshoproadmap.com/imagenes/blog/comicbook/blambot.jpg" border="0" alt="free comic book fonts" width="150" height="150" /></a></p>
<p style="text-align: center;"><strong>FREE FONTS:</strong> <a href="http://www.blambot.com/fonts.shtml" target="_blank">Blambot</a></p>
</td>
<td width="150" valign="top"><a href="http://www.blambot.com/balloons.shtml" target="_blank"><img src="http://www.photoshoproadmap.com/imagenes/blog/comicbook/sounds.jpg" border="0" alt="comic book sound effects" width="150" height="150" /></a></p>
<p style="text-align: center;"><strong>FREE SOUND FX CLIPART:</strong> <a href="http://www.blambot.com/balloons.shtml" target="_blank">Blambot </a></p>
</td>
<td width="150" valign="top"><a href="http://www.blambot.com/balloons.shtml" target="_blank"><img src="http://www.photoshoproadmap.com/imagenes/blog/comicbook/balloons.jpg" border="0" alt="comic book balloons" width="150" height="150" /></a></p>
<p style="text-align: center;"><strong>FREE COMIC BOOK BALLOONS:</strong> <a href="http://www.blambot.com/balloons.shtml" target="_blank">Blambot</a></p>
</td>
</tr>
<tr>
<td valign="top"><a href="http://www.comicbookfonts.com/" target="_blank"><img src="http://www.photoshoproadmap.com/imagenes/blog/comicbook/fonts1.jpg" border="0" alt="comic book fonts" width="150" height="150" /></a></p>
<p style="text-align: center;"><strong>FONTS:</strong> <a href="http://www.comicbookfonts.com/" target="_blank">ComicBookFonts</a></p>
</td>
<td valign="top"><a href="http://www.balloontales.com/" target="_blank"><img src="http://www.photoshoproadmap.com/imagenes/blog/comicbook/balloon-tales.jpg" border="0" alt="Comic book lettering and tutorials" width="150" height="150" /></a></p>
<p style="text-align: center;"><strong>TIPS AND TUTORIALS:</strong> <a href="http://www.balloontales.com/" target="_blank">Balloon Tales</a></p>
</td>
<td valign="top"><a href="http://www.myfonts.com/fonts/comicraft/monster-mash/" target="_blank"><img src="http://www.photoshoproadmap.com/imagenes/blog/comicbook/monster.gif" border="0" alt="Comic book font" width="150" height="150" /></a></p>
<p style="text-align: center;"><strong>FONT:</strong> <a href="http://www.myfonts.com/fonts/comicraft/monster-mash/" target="_blank">Monster Mash</a></p>
</td>
</tr>
<tr>
<td valign="top"><a href="http://www.myfonts.com/fonts/blambot/zooom-bb/" target="_blank"><img src="http://www.photoshoproadmap.com/imagenes/blog/comicbook/zoom.gif" border="0" alt="Comic book font" width="150" height="150" /></a></p>
<p style="text-align: center;"><strong>FONT:</strong> <a href="http://www.myfonts.com/fonts/blambot/zooom-bb/" target="_blank">Zoom </a></p>
</td>
<td valign="top"><a href="http://www.myfonts.com/fonts/blambot/braaains-bb/" target="_blank"><img src="http://www.photoshoproadmap.com/imagenes/blog/comicbook/brains.gif" border="0" alt="Comic book font" width="150" height="150" /></a></p>
<p style="text-align: center;"><strong>FONT:</strong> <a href="http://www.myfonts.com/fonts/blambot/braaains-bb/" target="_blank">Braaains</a></p>
</td>
<td valign="top"><a href="http://www.myfonts.com/fonts/comicraft/goosebumps/" target="_blank"><img src="http://www.photoshoproadmap.com/imagenes/blog/comicbook/goosebumps.gif" border="0" alt="Comic book font" width="150" height="150" /></a></p>
<p style="text-align: center;"><strong>FONT:</strong> <a href="http://www.myfonts.com/fonts/comicraft/goosebumps/" target="_blank">Goosebumps </a></p>
</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://reneegannon.com/2009/05/fun-photoshop-tutorial-of-the-week-lets-get-comicky/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>FREE Animated Follow Me on Twitter Badges</title>
		<link>http://reneegannon.com/2009/05/free-animated-follow-me-on-twitter-badges/</link>
		<comments>http://reneegannon.com/2009/05/free-animated-follow-me-on-twitter-badges/#comments</comments>
		<pubDate>Wed, 13 May 2009 20:11:34 +0000</pubDate>
		<dc:creator>reneegannon</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[badges]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://reneegannon.com/?p=56</guid>
		<description><![CDATA[I am always grateful to the people who put their designs on the web as freebies to others.  Not only is it generous but it&#8217;s incredibly helpful.  I also believe in paying it forward.  Since I&#8217;ve been such a Twitter junkie lately, I decided to design a playful animated Twitter badge in [...]]]></description>
			<content:encoded><![CDATA[<p>I am always grateful to the people who put their designs on the web as freebies to others.  Not only is it generous but it&#8217;s incredibly helpful.  I also believe in paying it forward.  Since I&#8217;ve been such a<a href="http://twitter.com/ReneeGannon" target="_self"> Twitter junkie</a> lately, I decided to design a playful animated Twitter badge in various sizes that shows a bit of my personality (it&#8217;s overt and that&#8217;s the way, uh huh, uh huh, I like it).   Download the zip file and post them on your blog, website, myspace, etc. If you use a badge, a link-back is always appreciated.   Not sure how to post an image?  Here&#8217;s a <a href="http://www.goldcoastwebdesigns.com/12.shtml#1" target="_blank">helpful article</a> on simple HTML tags. As always, feedback is welcomed and appreciated. Enjoy!</p>
<table border="0" cellspacing="1" cellpadding="1" width="300" align="center">
<tbody>
<tr align="center">
<td><img src="http://reneegannon.com/images/FollowMeTwitter.gif" alt="" /></td>
</tr>
<tr align="center">
<td><img src="http://reneegannon.com/images/FollowMeTwitterMd.gif" alt="" /></td>
</tr>
<tr align="center">
<td><img src="http://reneegannon.com/images/FollowMeTwitterSm.gif" alt="" /></td>
</tr>
</tbody>
</table>
<p align="center"><a href="http://reneegannon.com/images/FollowMeBadges.zip" target="_blank"><img src="http://www.badumna.com/badumna/images/download_button.jpg" border="0" alt="" width="300" height="200" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://reneegannon.com/2009/05/free-animated-follow-me-on-twitter-badges/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

