<?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>Design Progress &#187; hand drawn layout</title>
	<atom:link href="http://furtuna.ro/design/tag/hand-drawn-layout/feed/" rel="self" type="application/rss+xml" />
	<link>http://furtuna.ro/design</link>
	<description>My path of learning web design.</description>
	<lastBuildDate>Mon, 11 Jan 2010 11:40:45 +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>Hoop Head Logo Character</title>
		<link>http://furtuna.ro/design/2009/10/14/hoop-head-logo-character/</link>
		<comments>http://furtuna.ro/design/2009/10/14/hoop-head-logo-character/#comments</comments>
		<pubDate>Wed, 14 Oct 2009 16:54:07 +0000</pubDate>
		<dc:creator>LIGHTNING</dc:creator>
				<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[adobe ilustrator]]></category>
		<category><![CDATA[corporate design]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[hand drawn layout]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logo concept]]></category>

		<guid isPermaLink="false">http://furtuna.ro/design/?p=478</guid>
		<description><![CDATA[Tried a more customized version of the character logo for Hoop head.

]]></description>
			<content:encoded><![CDATA[<p>Tried a more customized version of the character logo for Hoop head.</p>
<p><a href="http://furtuna.ro/design/wp-content/uploads/2009/10/hoopheadCHAR.jpg" rel="lightbox"><img class="aligncenter size-medium wp-image-477" title="hoopheadCHAR" src="http://furtuna.ro/design/wp-content/uploads/2009/10/hoopheadCHAR-300x275.jpg" alt="hoopheadCHAR" width="300" height="275" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://furtuna.ro/design/2009/10/14/hoop-head-logo-character/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Old Style Sign</title>
		<link>http://furtuna.ro/design/2009/10/13/old-style-sign/</link>
		<comments>http://furtuna.ro/design/2009/10/13/old-style-sign/#comments</comments>
		<pubDate>Tue, 13 Oct 2009 14:44:24 +0000</pubDate>
		<dc:creator>LIGHTNING</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[iLearn]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[free icons]]></category>
		<category><![CDATA[free psd]]></category>
		<category><![CDATA[furtuna]]></category>
		<category><![CDATA[furtuna.ro]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[hand drawn layout]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[logo concept]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[photoshop school]]></category>
		<category><![CDATA[photoshop tutorial]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[tutoriale photoshop]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://furtuna.ro/design/?p=471</guid>
		<description><![CDATA[Was playing around with this tut and somewhere at step 16 I saw how this looks like an old 50&#8217;s neon sign.

If you think you can do more with this here is the file.
This file was a deviation inspired by http://psd.tutsplus.com/tutorials/3d/how-to-create-3d-text-blocks-in-photoshop/ Please give credit to both parties if you use this.
]]></description>
			<content:encoded><![CDATA[<p>Was playing around with <a href="http://psd.tutsplus.com/tutorials/3d/how-to-create-3d-text-blocks-in-photoshop/" target="_blank">this tut</a> and somewhere at step 16 I saw how this looks like an old 50&#8217;s neon sign.</p>
<p><a href="http://furtuna.ro/design/wp-content/uploads/2009/10/bricktext.jpg" rel="lightbox"><img class="aligncenter size-medium wp-image-472" title="bricktext" src="http://furtuna.ro/design/wp-content/uploads/2009/10/bricktext-300x218.jpg" alt="bricktext" width="300" height="218" /></a></p>
<p>If you think you can do more with this<a href="http://furtuna.ro/design/wp-content/uploads/2009/10/bricktext.psd"> here is the file</a>.</p>
<p>This file was a deviation inspired by http://psd.tutsplus.com/tutorials/3d/how-to-create-3d-text-blocks-in-photoshop/ Please give credit to both parties if you use this.</p>
]]></content:encoded>
			<wfw:commentRss>http://furtuna.ro/design/2009/10/13/old-style-sign/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Draw layout concept</title>
		<link>http://furtuna.ro/design/2009/09/22/draw-layout-concept/</link>
		<comments>http://furtuna.ro/design/2009/09/22/draw-layout-concept/#comments</comments>
		<pubDate>Tue, 22 Sep 2009 13:20:44 +0000</pubDate>
		<dc:creator>LIGHTNING</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Web Layout]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[corporate design]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[hand drawn layout]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[photoshop school]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[web deisgn. photoshop design]]></category>

		<guid isPermaLink="false">http://furtuna.ro/design/?p=354</guid>
		<description><![CDATA[Simple Design enhanced by drawing]]></description>
			<content:encoded><![CDATA[<p>I wish I&#8217;ve gone to art school.</p>
<p>There&#8217;s so much stuff you can do with a tablet to a web layout. Sometimes you don&#8217;t need anything else, you can do every little design element with a brush and pen.</p>
<p>I tried a new technique here by using your brush tool to directly draw on your web layout and not use vector files.</p>
<p>Below is a sample of one can accomplish, I guess that with a little imagination some cool layout can be born.</p>
<p><a href="http://furtuna.ro/design/wp-content/uploads/2009/09/existenz.jpg" rel="lightbox"><img class="aligncenter size-medium wp-image-358" title="existenz" src="http://furtuna.ro/design/wp-content/uploads/2009/09/existenz-300x236.jpg" alt="existenz" width="300" height="236" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://furtuna.ro/design/2009/09/22/draw-layout-concept/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Business  Card</title>
		<link>http://furtuna.ro/design/2009/09/08/new-business-card/</link>
		<comments>http://furtuna.ro/design/2009/09/08/new-business-card/#comments</comments>
		<pubDate>Tue, 08 Sep 2009 11:47:59 +0000</pubDate>
		<dc:creator>LIGHTNING</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Drawing]]></category>
		<category><![CDATA[business card]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[hand drawn layout]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[photoshop school]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[web deisgn. photoshop design]]></category>

		<guid isPermaLink="false">http://furtuna.ro/design/?p=306</guid>
		<description><![CDATA[I've been messing around with this drawing I did when I was younger, trying to do some kind of poster and ended up with a business card.]]></description>
			<content:encoded><![CDATA[<p><a href="http://furtuna.ro/design/wp-content/uploads/2009/09/carte-de-vizitanou.jpg" rel="lightbox"><img class="aligncenter size-medium wp-image-382" title="carte-de-vizita(nou)" src="http://furtuna.ro/design/wp-content/uploads/2009/09/carte-de-vizitanou-300x180.jpg" alt="carte-de-vizita(nou)" width="300" height="180" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://furtuna.ro/design/2009/09/08/new-business-card/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Resources for a junior Web Designer</title>
		<link>http://furtuna.ro/design/2009/07/28/resources_for_a_junior_web_designer/</link>
		<comments>http://furtuna.ro/design/2009/07/28/resources_for_a_junior_web_designer/#comments</comments>
		<pubDate>Tue, 28 Jul 2009 11:55:10 +0000</pubDate>
		<dc:creator>LIGHTNING</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[adobe ilustrator]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[hand drawn layout]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logo concept]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[photoshop school]]></category>
		<category><![CDATA[photoshop tutorial]]></category>
		<category><![CDATA[web deisgn. photoshop design]]></category>
		<category><![CDATA[Web Layout]]></category>
		<category><![CDATA[website layout]]></category>

		<guid isPermaLink="false">http://furtuna.ro/design/?p=156</guid>
		<description><![CDATA[I'm a junior web designer and now I try to learn a lot of techniques and how to design visually stunning layouts and so far it wasn't easy. I always find myself in a spot where I don't know how to do this and that.  In order to find  <em>out </em>something,  I use the always friendly Google that leads me to a lot of cool sites; I linked a few of them in the article below:
</em>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.speaking-in-styles.com/index.php/2009/07/27/free-web-safe-fonts-desktop/" target="_blank"><img class="aligncenter size-full wp-image-157" title="SiS-Desktop600" src="http://furtuna.ro/design/wp-content/uploads/2009/07/SiS-Desktop600.jpg" alt="SiS-Desktop600" width="360" height="120" /></a></p>
<p style="text-align: center;">
<p><em>I&#8217;m a junior web designer and now I try to learn a lot of techniques and how to design visually stunning layouts and so far it wasn&#8217;t easy. I always find myself in a spot where I don&#8217;t know how to do this and that.  In order to find  <em>out </em>something,  I use the always friendly Google that leads me to a lot of cool sites; I linked a few of them in the article below:<br />
</em></p>
<p>Time, as a designer (and it does not matter your skill level or what kind of designer you are), is something that you never quite have.<br />
The good thing is that there are some designers out there whose job is to find catalog and present for us all the cool, awesome, clean designs that are found scatter over the internet.</p>
<p>Usually all this info is found in blogs and with the help of twitter (which is a spread the word service and kinda acts like an RSS service) the information gets faster to anybody who searches for it.</p>
<p><strong><a href="http://digitallabz.com/blogs/100-web-designers-to-follow-on-twitter.html" target="_blank">Here</a></strong> is a list of 100 web designers  to follow on twitter.<br />
Another site to follow on twiter is <a href="http://twitter.com/designerdepot" target="_blank"><strong>DesignerDepot</strong></a> which posts every neat piece of design they find on the internet, a lot of inspirational work.</p>
<p>A while ago I posted a link to a <strong><a href="http://furtuna.ro/design/2009/07/23/5-minute-upgrade-tutorial/" target="_blank">5 minute tutorial</a></strong> that told you not to be lazy with your designs. Well <strong><a href="http://freelanceswitch.com/finding/10-simple-steps-to-landing-more-gigs/" target="_blank">here&#8217;s</a></strong> another &#8220;do not be lazy&#8221; link but for designers who want to land a gig/job.<br />
Since the link there is from the envato network of sites I think all designers are aware of <a href="http://psd.tutsplus.com/" target="_blank"><strong>psdtuts</strong></a>. You can find out more about envato from their tuts+ network in the upper right corner of psdtuts.</p>
<p>Another great resource that every designer should know by now is <a href="http://www.smashingmagazine.com/" target="_blank"><strong>smashingmagazine.com</strong></a><strong>, </strong>an online magazine that posts tutorials, techniques and features amazing designs and just about everything about design. Check the link out if you&#8217;re not familiar with smashing.</p>
<p>A lot of us, new designers, need &#8220;inspiration&#8221;, so in order to do that we tend to browse the internet until we find something that makes us look at it for hours, drop a bookmark and show to our fellow junior designers.<br />
<strong><a href="http://www.1stwebdesigner.com/resources/101-more-quality-css-xhtml-free-templates/" target="_blank">Heres 101 free web layouts</a></strong> that can provide a lot of insipration!</p>
<p>I&#8217;m a dedicated gamer, actually I was, since I only have 2 hours at night game time. I&#8217;m bringing this up, because designers like to play with their designs, I found a cool little aplication that lets you play around with color schemes to see how a site would look like, you can find it<a href="http://colorschemedesigner.com/" target="_blank"> <strong>here</strong></a>.</p>
<p>I recently bought a Bamboo A6 wide graphic tablet. When I was younger I had the capacity to reproduce someone&#8217;s work pretty quickly and almost duplicate everything they did. Somehow I have lost that ability, my wife says it&#8217;s all the damn games i played before, but now since I got the tablet i started medling with it in web design. I always get crazy ideas like &#8220;hey, in this design it would be cool to have this bar break and have some green fluid gush out of it:<br />
<a href="http://furtuna.ro/design/wp-content/uploads/2009/07/css_base2.jpg" rel="lightbox"><img class="alignleft size-thumbnail wp-image-162" title="css_base2" src="http://furtuna.ro/design/wp-content/uploads/2009/07/css_base2-150x150.jpg" alt="css_base2" width="150" height="150" /></a>Like you see here I did this for <strong><a href="http://www.cssluxury.com" target="_blank">CSS Luxury</a></strong> and its soon to be implemented.<br />
There are a few other sites that have this kind of work done on them.</p>
<p>Usually when a client asks for a site he also wants a logo. Most of the times I have the idea of how the logo will look like in my head, but there are those times when you can&#8217;t think of anything, so when you can&#8217;t imagine the logo take a stroll over these sites that provide logo showcase like<a href="http://logooftheday.com/" target="_blank"> <strong>Logo of the day</strong></a> or my personal favorite <strong><a href="http://logopond.com/" target="_blank">LogoPond</a></strong>. After I browse a few pages of content inspiration comes fast.</p>
<p>I din&#8217;t put that &#8220;header&#8221; image at the beggining of the post for nothing. <a href="http://ilovetypography.com/" target="_blank"><strong><br />
I love typography</strong></a>, I used to draw letters with graffity tendancies. Type is one of the elements that gives visual impact to your site. A fresh font always makes the user stick around just because the font is so cool, he wants to read more. Sadly  this theme doesn&#8217;t quite handle this issue, i&#8217;m designing a new one. The site I  linked at the beggining of the sentence specializes in typography, please take a look, it&#8217;s inspiring.</p>
<p>Everybody uses resources<strong>.</strong> My main resource of free stuff is <strong><a href="http://www.psdgraphics.com/" target="_blank">this site right here</a></strong>. The dude that owns it is really creative and lately started video tutorials which is pretty awesome. I always download a psd of his and try to reverse engineer his designs because I want to see how he did something, why did he use this and that etc..</p>
<p>Speaking of resources, I didn&#8217;t forget about you Illustrator users. I&#8217;m pretty newbish with Illustrator but I try to make things work and after hours and hours my usually 20 min of PRO work gets done. <strong><a href="http://www.noupe.com/illustrator/80-best-of-adobe-illustrator-tutorials-brushes-epss-and-resources.html" target="_blank">Here&#8217;s 80 of the best illustrator tutorials, brushes, eps and resources.</a></strong></p>
<p>I remember that my 1st job as a junior webdesigner was to do a business card according to the standards and that it was supposed to be CMYK.<br />
At first I freaked out because I didn&#8217;t know what CMYK was and what were the standards, until i found this little site <a href="http://www.greatfxbusinesscards.com/photoshop.htm" target="_blank"><strong>here</strong></a> that helped me a lot.</p>
<p>After following the instructions there, these were my first two card designs:</p>
<p><a href="http://furtuna.ro/design/wp-content/uploads/2009/07/multimobila.jpg" rel="lightbox"><img class="alignleft size-thumbnail wp-image-167" title="multimobila" src="http://furtuna.ro/design/wp-content/uploads/2009/07/multimobila-150x150.jpg" alt="multimobila" width="150" height="150" /></a><a href="http://furtuna.ro/design/wp-content/uploads/2009/07/prestige.jpg" rel="lightbox"><img class="alignleft size-thumbnail wp-image-168" title="prestige" src="http://furtuna.ro/design/wp-content/uploads/2009/07/prestige-150x150.jpg" alt="prestige" width="150" height="150" /></a></p>
<p>I hope you enjoyed the read and please do post your opinions.</p>
]]></content:encoded>
			<wfw:commentRss>http://furtuna.ro/design/2009/07/28/resources_for_a_junior_web_designer/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

