<?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>Wrayco Design &#187; Illustration &amp; More</title>
	<atom:link href="http://www.wraycodesign.com/archives/category/more/feed" rel="self" type="application/rss+xml" />
	<link>http://www.wraycodesign.com</link>
	<description>Graphic Design &#38; Web Design</description>
	<lastBuildDate>Tue, 25 Oct 2011 03:52:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>High Profile Media</title>
		<link>http://www.wraycodesign.com/archives/845</link>
		<comments>http://www.wraycodesign.com/archives/845#comments</comments>
		<pubDate>Fri, 06 Aug 2010 21:44:31 +0000</pubDate>
		<dc:creator>MLAW</dc:creator>
				<category><![CDATA[Featured Articles]]></category>
		<category><![CDATA[Illustration & More]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[retro]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.wraycodesign.com/?p=845</guid>
		<description><![CDATA[High Profile Media approached me wanting a whole new look for a somewhat generic website and identity. Owner Janie Van Halen was seeking something …]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;"><strong>High Profile Media approached me wanting a whole new look for a somewhat generic website and identity.</strong> Owner Janie Van Halen was seeking something with more impact that reflected both her personality and access to high profile clients.</p>
<p><img class="size-full wp-image-854 alignleft" title="Screen shot 2010-08-06 at 2.13.11 PM" src="http://www.wraycodesign.com/wp-content/uploads/2010/08/Screen-shot-2010-08-06-at-2.13.11-PM.jpg" alt="" width="384" height="141" />We started her project by looking at lots of imagery, which I posted on the online interactive whiteboard  service <a href="http://www.stixy.com" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.stixy.com?referer=');">Stixy.com</a>. She told me she liked blues and greens, and gave me exmples of a few other sites she liked that had both a retro/cute factor and a certain sex appeal. This gave me enough direction to get started and what emerged was the desire for a nostaligic feel with a modern twist.<br />
<img class="alignright size-thumbnail wp-image-857" title="Screen shot 2010-08-06 at 2.11.48 PM" src="http://www.wraycodesign.com/wp-content/uploads/2010/08/Screen-shot-2010-08-06-at-2.11.48-PM-124x150.jpg" alt="" width="124" height="150" /></p>
<p>The above image caught her eye for a number of reasons, mainly because of color, but also for the imaginary fuzzy memories it seems to evoke. The ones that followed were from photos of found graffiti along with pinups and airplane bomber girls.</p>
<p><img class="alignleft size-thumbnail wp-image-858" title="Screen shot 2010-08-06 at 2.11.21 PM" src="http://www.wraycodesign.com/wp-content/uploads/2010/08/Screen-shot-2010-08-06-at-2.11.21-PM1-150x150.jpg" alt="" width="150" height="150" />She definitely wanted to have a woman as part of her logo, so my job was to find a perfect pose and create the logo from it. From this point on it became a game of cutting and pasting pinup girls, turning them into digital &#8220;paper&#8221; dolls, with me manipulating their limbs this way and that until I got the perfect pose.</p>
<p><img class="size-thumbnail wp-image-859 alignright" title="Screen shot 2010-08-06 at 2.14.18 PM" src="http://www.wraycodesign.com/wp-content/uploads/2010/08/Screen-shot-2010-08-06-at-2.14.18-PM-150x150.jpg" alt="" width="150" height="150" /></p>
<p style="text-align: left;">From here, however, I would need to get a model to put in this pose as plagarism is not my strong suit. I didn&#8217;t want to rip off anyone else&#8217;s work, so I set to finding a model.</p>
<p style="text-align: left;">Since I don&#8217;t have a lot of female friends who are pin-up models, the simplest thing to do was get on Flickr and contact a girl that might be interested in posing.</p>
<p><img class="alignleft size-thumbnail wp-image-860" title="Screen shot 2010-08-06 at 2.11.39 PM" src="http://www.wraycodesign.com/wp-content/uploads/2010/08/Screen-shot-2010-08-06-at-2.11.39-PM-150x150.jpg" alt="" width="150" height="150" />Turns out the perfect girl lived in Sweden, but she will willing to do the job remotely for a fair price, so I hired her to do the pose. Incredibly, she took her own photos and posed from her living room, and was able to make the necessary changes to get the perfect angles.</p>
<p style="text-align: left;">Once I had the reference photo, I set to work on adjusting contrast and some slight figure adjustments, and had my girl.</p>
<p style="text-align: left;">I put her in illustrator and once I got her looking the way I wanted, added some type. I used a font called &#8220;B-Movie&#8221; as the basis for the logotype, and made changes to the letterforms here and there to give them a more rounded feel. I left them alone for the &#8220;Served Hot&#8221; bit.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-851" title="HPM-Logo" src="http://www.wraycodesign.com/wp-content/uploads/2010/08/HPM-Logo.jpg" alt="" width="523" height="307" /></p>
<p style="text-align: left;">Now a theme was emerging and I discussed the idea of creating an identity that harkened back to old diner menus, which was well-received. This would also translate well for a webpage. I wanted to create a sense of playfulness on the page, and came up with some restaurant terms for the navigation, such as &#8220;Daily Specials,&#8221; &#8220;Our Entrées&#8221; and &#8220;Hot Plates.&#8221; Spinning off of this was a &#8220;Motto,&#8221; which was sometimes put on family diner menus, and &#8220;Hot off the Grill,&#8221; for press releases.</p>
<p style="text-align: center;">
<p style="text-align: center;"><a href="http://www.highprofilemedia.com" onclick="pageTracker._trackPageview('/outgoing/www.highprofilemedia.com?referer=');"><img class="size-full wp-image-849 aligncenter" title="HPM-web" src="http://www.wraycodesign.com/wp-content/uploads/2010/08/HPM-web.jpg" alt="" width="620" height="517" /></a></p>
<p style="text-align: left;">I built the site on the ExpressionEngine CMS platform, which to non-web people means that she can edit the website herself with the help of a fairly sophisticated framework that allows for password protected photo galleries, automatic press-release formatting, and fancy magazine flipbooks. Visit <a href="http://www.highprofilemedia.com" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.highprofilemedia.com?referer=');">High Profile Media</a> online.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wraycodesign.com/archives/845/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Scoring Factory</title>
		<link>http://www.wraycodesign.com/archives/637</link>
		<comments>http://www.wraycodesign.com/archives/637#comments</comments>
		<pubDate>Sun, 21 Feb 2010 00:24:57 +0000</pubDate>
		<dc:creator>MLAW</dc:creator>
				<category><![CDATA[Featured Articles]]></category>
		<category><![CDATA[Illustration & More]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[Print Graphics]]></category>
		<category><![CDATA[colorful]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[poster]]></category>
		<category><![CDATA[sports]]></category>

		<guid isPermaLink="false">http://www.madelikethis.com/?p=637</guid>
		<description><![CDATA[The Scoring Factory is a rather aptly named basketball skills clinic based in Pittsburgh, which is known for having a lot of defunct old …]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-942" title="SF-Ball-sm" src="http://www.wraycodesign.com/wp-content/uploads/2009/08/SF-Ball-sm.jpg" alt="" width="200" height="205" /><strong>The Scoring Factory is a rather aptly named basketball skills clinic </strong>based in Pittsburgh, which is known for having a lot of defunct old factories from the Steel Mill days accenting the landscape. I wanted to capture both the image of a factory and of a basketball, and ended up creating a sunrise positioning between two buildings.</p>
<p>The logo has been put on posters, t-shirts, basketballs, etc. and has been printed in 2-color and one-color. The folks at the Scoring Factory decided they wanted a more streamlined version with more emphasis on the word &#8220;Scoring,&#8221; so I created the variation below, which has been well-received.</p>
<p><a href="http://www.wraycodesign.com/wp-content/uploads/2009/08/SF-logo-jan11.jpg"><img class="aligncenter size-full wp-image-1051" title="SF-logo-jan11" src="http://www.wraycodesign.com/wp-content/uploads/2009/08/SF-logo-jan11.jpg" alt="The Scoring Factory Logo" width="630" height="205" /></a></p>
<p>Here is a version on black. Notice I added a subtle radial background in dark gray so that the black shadow sides of the buildings didn&#8217;t get lost.</p>
<p style="text-align: center;"><a href="http://www.wraycodesign.com/wp-content/uploads/2010/02/Logo-on-black.jpg"><img class="size-full wp-image-1104 aligncenter" title="Logo-on-black" src="http://www.wraycodesign.com/wp-content/uploads/2010/02/Logo-on-black.jpg" alt="Scoring Factory Logo on black" width="620" height="248" /></a></p>
<p>Here is the revised logo applied on a black T-shirt.</p>
<p><a href="http://www.wraycodesign.com/wp-content/uploads/2010/02/2011-blacktee.jpg"><img class="alignleft size-full wp-image-1105" title="2011-blacktee" src="http://www.wraycodesign.com/wp-content/uploads/2010/02/2011-blacktee.jpg" alt="Scoring Factory Logo on black T-shirt" width="620" height="556" /></a>When it came time to create a promotional poster, I was given this image of a basketball player taken with a point-and-shoot camera. The background was shadowed and busy, so that made cutting out the image rather tedius.</p>
<p><img class="alignleft size-thumbnail wp-image-906" title="Screen shot 2010-08-06 at 5.00.32 PM" src="http://www.wraycodesign.com/wp-content/uploads/2009/08/Screen-shot-2010-08-06-at-5.00.32-PM-150x150.jpg" alt="" width="150" height="150" />Luckily, there are two tools available to designers that allow them to get around such obstacles: creativity+Photoshop. When I have a low resolution or grainy image to start with, there are a few ways to go.</p>
<p>I chose to reduce the image to black and white, and then colorize it. From there, I wanted to give it a feeling of crazy motion. I added some diagonals for dimension, and brightened the color for impact.</p>
<p><a href="http://www.wraycodesign.com/wp-content/uploads/2009/08/SFposter1.jpg"><img class="aligncenter size-full wp-image-912" title="SFposter" src="http://www.wraycodesign.com/wp-content/uploads/2009/08/SFposter1.jpg" alt="" width="620" height="399" /></a></p>
<p>As it happens, they wanted something more conservative, and opted for a version with a plain gray background. I still prefer where this one was going&#8230;. <img src='http://www.wraycodesign.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.wraycodesign.com/archives/637/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Salzburg Castle</title>
		<link>http://www.wraycodesign.com/archives/687</link>
		<comments>http://www.wraycodesign.com/archives/687#comments</comments>
		<pubDate>Wed, 09 Dec 2009 03:05:46 +0000</pubDate>
		<dc:creator>MLAW</dc:creator>
				<category><![CDATA[Illustration & More]]></category>
		<category><![CDATA[vector castle salzburg austria]]></category>

		<guid isPermaLink="false">http://www.wraycodesign.com/?p=687</guid>
		<description><![CDATA[I&#8217;m experimenting with a simple, imperfect style reminiscent of cut paper for this illustration. I think this type of image, and especially architecture, is …]]></description>
			<content:encoded><![CDATA[<p><img src="http://madelikethis.com/images/salzburg.jpg" alt="salzburg austria castle fortress illustration vector" width="632" height="429" /></p>
<p>I&#8217;m experimenting with a simple, imperfect style reminiscent of cut paper for this illustration. I think this type of image, and especially architecture, is suited for it. I will be creating more &#8220;travel&#8221; type illustrations as time allows.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wraycodesign.com/archives/687/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vector Pink Doll</title>
		<link>http://www.wraycodesign.com/archives/12</link>
		<comments>http://www.wraycodesign.com/archives/12#comments</comments>
		<pubDate>Mon, 20 Jul 2009 22:18:15 +0000</pubDate>
		<dc:creator>MLAW</dc:creator>
				<category><![CDATA[Featured Articles]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Illustration & More]]></category>
		<category><![CDATA[Beauty]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[gradient mesh]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[just for fun]]></category>
		<category><![CDATA[People]]></category>
		<category><![CDATA[Vector]]></category>

		<guid isPermaLink="false">http://wraycodesign.com/blog/?p=12</guid>
		<description><![CDATA[I have always been a fan of the super-realistic effects you can get via the Gradient Mesh tool in Illustrator. Since I envied others …]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.madelikethis.com/wp-content/uploads/2009/07/WD-pinkdoll-620w.jpg" onclick="pageTracker._trackPageview('/outgoing/www.madelikethis.com/wp-content/uploads/2009/07/WD-pinkdoll-620w.jpg?referer=');"><img class="size-full wp-image-130 aligncenter" title="Pink Doll Illustration" src="http://www.madelikethis.com/wp-content/uploads/2009/07/WD-pinkdoll-620w.jpg" alt="Pink Doll Illustration" width="620" height="459" /></a></p>
<p style="text-align: left;">I have always been a fan of the super-realistic effects you can get via the Gradient Mesh tool in Illustrator. Since I envied others being able to do this, I decided to put some effort into trying to achieve this myself. Turns out it wasn&#8217;t so hard for me once I had read through a couple of tutorials and did some experimenting. It just takes a lot of patience. Underneath that beautiful skin is quite a scaffolding of lines and points.</p>
<p style="text-align: left;">Each point must be positioned in a very exacting fashion so as to allow the soft color gradient effect to flow in the right direction.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-491" title="Gradient Mesh revealed" src="http://www.madelikethis.com/wp-content/uploads/2009/08/PD-outline.gif" alt="Gradient Mesh revealed" width="620" height="437" /></p>
<p style="text-align: left;">This type of illustration is also called &#8220;vector&#8221;, which means, among other things, that it can be scaled up to any size without losing its crisp sharp edges and detail. Photographs, on the other hand, cannot gain any more detail than the original image, and once they have been made smaller, they cannot be enlarged again. Notice below, the detail of the eyes and flower stem.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-497" title="Realistic vector illustration woman's face" src="http://www.madelikethis.com/wp-content/uploads/2009/08/PD-3.jpg" alt="Realistic vector illustration woman's face" width="620" height="437" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.wraycodesign.com/archives/12/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Imstepf Studios Web Copy</title>
		<link>http://www.wraycodesign.com/archives/201</link>
		<comments>http://www.wraycodesign.com/archives/201#comments</comments>
		<pubDate>Fri, 17 Jul 2009 20:56:29 +0000</pubDate>
		<dc:creator>MLAW</dc:creator>
				<category><![CDATA[Copywriting]]></category>
		<category><![CDATA[Illustration & More]]></category>
		<category><![CDATA[type treatment]]></category>

		<guid isPermaLink="false">http://wraycodesign.com/blog/?p=201</guid>
		<description><![CDATA[At times a client will put the reins in my hand for more than just design, and when Imstepf studios needed copy to animate …]]></description>
			<content:encoded><![CDATA[<p>At times a client will put the reins in my hand for more than just design, and when Imstepf studios needed copy to animate around their imagery and asked me to write something playful, it was an enjoyable process. Getting the timing on the animation was important, as we wanted it readable but not tedious. Each of the images below load randomly when you first get into the website and then remain static.</p>
<p><img class="alignleft size-full wp-image-204" title="IS-writing3" src="http://www.madelikethis.com/wp-content/uploads/2009/07/IS-writing3.jpg" alt="IS-writing3" width="720" height="390" /><br />
<img class="alignleft size-full wp-image-202" title="IS-writing1" src="http://www.madelikethis.com/wp-content/uploads/2009/07/IS-writing1.jpg" alt="IS-writing1" width="720" height="390" /><br />
<img class="alignleft size-full wp-image-203" title="IS-writing2" src="http://www.madelikethis.com/wp-content/uploads/2009/07/IS-writing2.jpg" alt="IS-writing2" width="720" height="390" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.wraycodesign.com/archives/201/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Line &amp; Color</title>
		<link>http://www.wraycodesign.com/archives/197</link>
		<comments>http://www.wraycodesign.com/archives/197#comments</comments>
		<pubDate>Fri, 17 Jul 2009 20:49:48 +0000</pubDate>
		<dc:creator>MLAW</dc:creator>
				<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Illustration & More]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[digital color]]></category>
		<category><![CDATA[interior]]></category>
		<category><![CDATA[pencil trace]]></category>

		<guid isPermaLink="false">http://wraycodesign.com/blog/?p=197</guid>
		<description><![CDATA[Here are a couple of illustrations created with scanned pencil and color added in Photoshop.]]></description>
			<content:encoded><![CDATA[<p>Here are a couple of illustrations created with scanned pencil and color added in Photoshop.</p>
<p><a href="http://www.madelikethis.com/wp-content/uploads/2009/07/interior1.jpg" onclick="pageTracker._trackPageview('/outgoing/www.madelikethis.com/wp-content/uploads/2009/07/interior1.jpg?referer=');"><img class="size-full wp-image-141 alignleft" style="margin-left:25px;" title="interior1" src="http://www.madelikethis.com/wp-content/uploads/2009/07/interior1.jpg" alt="interior1" width="288" height="381" /></a></p>
<p><img class="size-full wp-image-198 alignleft" title="SC-cleancotton" src="http://www.madelikethis.com/wp-content/uploads/2009/07/SC-cleancotton.jpg" alt="SC-cleancotton" width="432" height="559" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.wraycodesign.com/archives/197/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Scrabble Board</title>
		<link>http://www.wraycodesign.com/archives/194</link>
		<comments>http://www.wraycodesign.com/archives/194#comments</comments>
		<pubDate>Fri, 17 Jul 2009 08:36:29 +0000</pubDate>
		<dc:creator>MLAW</dc:creator>
				<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Illustration & More]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[digital color]]></category>
		<category><![CDATA[just for fun]]></category>
		<category><![CDATA[pencil trace]]></category>

		<guid isPermaLink="false">http://wraycodesign.com/blog/?p=194</guid>
		<description><![CDATA[Here is another illustration where I worked from a photograph and scanned my pencil outline and added color in Photoshop. I created texture for …]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-195" title="WD-scrabble" src="http://www.madelikethis.com/wp-content/uploads/2009/07/WD-scrabble.jpg" alt="WD-scrabble" width="620" height="471" /></p>
<p>Here is another illustration where I worked from a photograph and scanned my pencil outline and added color in Photoshop. I created texture for the Scrabble board, and wood grain on the tiles.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wraycodesign.com/archives/194/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Roxanne Cooper Retouched</title>
		<link>http://www.wraycodesign.com/archives/155</link>
		<comments>http://www.wraycodesign.com/archives/155#comments</comments>
		<pubDate>Fri, 17 Jul 2009 07:21:54 +0000</pubDate>
		<dc:creator>MLAW</dc:creator>
				<category><![CDATA[Illustration & More]]></category>
		<category><![CDATA[Photo Retouching]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[retouching]]></category>

		<guid isPermaLink="false">http://wraycodesign.com/blog/?p=155</guid>
		<description><![CDATA[Here is a photo I retouched for as part of a CD package that never went into production. On this image I smoothed her …]]></description>
			<content:encoded><![CDATA[<p>Here is a photo I retouched for as part of a CD package that never went into production. On this image I smoothed her skin enhanced her makeup and hair, and smoothed wrinkles in her top and jeans. I also added a slight glow around her body and made her hair appear more shiny. Click on image to view larger. Naturally, it helps to have a photo of someone who is beautiful to begin with!</p>
<p><a href="http://www.madelikethis.com/wp-content/uploads/2009/07/Roxanne-before-after.jpg" onclick="pageTracker._trackPageview('/outgoing/www.madelikethis.com/wp-content/uploads/2009/07/Roxanne-before-after.jpg?referer=');"><img class="alignleft size-full wp-image-165" title="Roxanne-before-after" src="http://www.madelikethis.com/wp-content/uploads/2009/07/Roxanne-before-after.jpg" alt="Roxanne-before-after" width="620" height="448" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.wraycodesign.com/archives/155/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

