<?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/"
	>

<channel>
	<title>valp.now:blog (beta) &#124; freelance graphic designer and illustrator</title>
	<atom:link href="http://blog.valpnow.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.valpnow.com</link>
	<description>Valp's blog about all thing related to his graphic design work.</description>
	<pubDate>Thu, 19 Nov 2009 15:35:52 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Depthcore XXXVII - Freestyle IV</title>
		<link>http://blog.valpnow.com/2009/11/depthcore-xxxvii-freestyle-iv/</link>
		<comments>http://blog.valpnow.com/2009/11/depthcore-xxxvii-freestyle-iv/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 15:35:52 +0000</pubDate>
		<dc:creator>valp</dc:creator>
		
		<category><![CDATA[Personal Stuff]]></category>

		<category><![CDATA[depthcore]]></category>

		<guid isPermaLink="false">http://blog.valpnow.com/2009/11/depthcore-xxxvii-freestyle-iv/</guid>
		<description><![CDATA[
New depthcore chapter released. Check it out.
]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.valpnow.com/blog/wp-content/uploads/2009/11/dc.png" alt="dc" title="dc" width="431" height="431" class="alignnone size-full wp-image-504" /></p>
<p>New depthcore chapter released. <a href="http://http://depthcore.com/">Check it out</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.valpnow.com/2009/11/depthcore-xxxvii-freestyle-iv/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Pendulum Australian Dj Tour / Official Artwork</title>
		<link>http://blog.valpnow.com/2009/11/pendulum-australian-dj-tour-official-artwork/</link>
		<comments>http://blog.valpnow.com/2009/11/pendulum-australian-dj-tour-official-artwork/#comments</comments>
		<pubDate>Fri, 13 Nov 2009 13:05:26 +0000</pubDate>
		<dc:creator>valp</dc:creator>
		
		<category><![CDATA[Graphic & Illustration]]></category>

		<category><![CDATA[digital art]]></category>

		<category><![CDATA[pendulum]]></category>

		<guid isPermaLink="false">http://blog.valpnow.com/?p=499</guid>
		<description><![CDATA[
I had a chance to work with Pendulum once again. I was asked to design artwork for upcoming shows which will take place in Australia at the end of the year. This poster was also used in YouTube and MySpace pages.
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-500" title="valp-pendulum-australian-dj-tour-_s" src="http://www.valpnow.com/blog/wp-content/uploads/2009/11/valp-pendulum-australian-dj-tour-_s.jpg" alt="valp-pendulum-australian-dj-tour-_s" width="490" height="696" /></p>
<p>I had a chance to work with <a href="http://www.pendulum.com" target="_blank">Pendulum</a> once again. I was asked to design artwork for upcoming shows which will take place in Australia at the end of the year. This poster was also used in <a href="http://www.youtube.com/pendulum" target="_blank">YouTube</a> and <a href="http://www.myspace.com/pendulum" target="_blank">MySpace</a> pages.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.valpnow.com/2009/11/pendulum-australian-dj-tour-official-artwork/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Advanced Photoshop #62, Music Industry Design feature</title>
		<link>http://blog.valpnow.com/2009/11/advanced-photoshop-62-music-industry-design-feature/</link>
		<comments>http://blog.valpnow.com/2009/11/advanced-photoshop-62-music-industry-design-feature/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 18:20:34 +0000</pubDate>
		<dc:creator>valp</dc:creator>
		
		<category><![CDATA[Personal Stuff]]></category>

		<category><![CDATA[advanced photoshop]]></category>

		<category><![CDATA[pendulum]]></category>

		<category><![CDATA[poster]]></category>

		<guid isPermaLink="false">http://blog.valpnow.com/?p=489</guid>
		<description><![CDATA[




I&#8217;m honoured to mention that official artwork for North American Tour by Pendulum was exposed in recent Advanced Photoshop issue, along with Wolfmother, Omega Code and La Roux designs.
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-490" title="pa300094" src="http://www.valpnow.com/blog/wp-content/uploads/2009/11/pa300094.jpg" alt="pa300094" width="480" height="640" /></p>
<p><img class="alignnone size-full wp-image-491" title="pa300095" src="http://www.valpnow.com/blog/wp-content/uploads/2009/11/pa300095.jpg" alt="pa300095" width="480" height="360" /></p>
<p><img class="alignnone size-thumbnail wp-image-493" title="pa300097" src="http://www.valpnow.com/blog/wp-content/uploads/2009/11/pa300097-500x375.jpg" alt="pa300097" width="480" height="360" /></p>
<p><img class="alignnone size-thumbnail wp-image-494" title="pa300098" src="http://www.valpnow.com/blog/wp-content/uploads/2009/11/pa300098-500x375.jpg" alt="pa300098" width="480" height="360" /></p>
<p><img class="alignnone size-thumbnail wp-image-495" title="pa300099" src="http://www.valpnow.com/blog/wp-content/uploads/2009/11/pa300099-500x375.jpg" alt="pa300099" width="480" height="360" /></p>
<p>I&#8217;m honoured to mention that official artwork for North American Tour by <a href="http://www.pendulum.com" target="_blank">Pendulum</a> was exposed in recent <a href="http://www.advancedphotoshop.co.uk/" target="_blank">Advanced Photoshop</a> issue, along with Wolfmother, Omega Code and La Roux designs.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.valpnow.com/2009/11/advanced-photoshop-62-music-industry-design-feature/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Operation Flashpoint: Dragon Rising / Augmented Reality Print Ad</title>
		<link>http://blog.valpnow.com/2009/11/operation-flashpoint-dragon-rising-augmented-reality-print-ad/</link>
		<comments>http://blog.valpnow.com/2009/11/operation-flashpoint-dragon-rising-augmented-reality-print-ad/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 17:48:18 +0000</pubDate>
		<dc:creator>valp</dc:creator>
		
		<category><![CDATA[Graphic & Illustration]]></category>

		<category><![CDATA[ad's]]></category>

		<category><![CDATA[augmented reality]]></category>

		<category><![CDATA[Operation Flashpoint]]></category>

		<category><![CDATA[video game]]></category>

		<guid isPermaLink="false">http://blog.valpnow.com/?p=484</guid>
		<description><![CDATA[

I had a chance to deliver ad design for Operation Flashpoint: Dragon Rising. My work included background and copy graphics which were used in augmented reality ad campaign at contests.gamesradar.com/airstrike/.
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-485" title="of-ad-valp" src="http://www.valpnow.com/blog/wp-content/uploads/2009/11/of-ad-valp-10oxm_m.jpg" alt="of-ad-valp" width="500" height="656" /></p>
<p><img class="alignnone size-full wp-image-486" title="rotate" src="http://www.valpnow.com/blog/wp-content/uploads/2009/11/rotate.jpg" alt="rotate" width="490" height="317" /></p>
<p>I had a chance to deliver ad design for <strong>Operation Flashpoint: Dragon Rising</strong>. My work included background and copy graphics which were used in augmented reality ad campaign at <a href="http://contests.gamesradar.com/airstrike/" target="_blank">contests.gamesradar.com/airstrike/</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.valpnow.com/2009/11/operation-flashpoint-dragon-rising-augmented-reality-print-ad/feed/</wfw:commentRss>
		</item>
		<item>
		<title>American Classic / cover design</title>
		<link>http://blog.valpnow.com/2009/11/american-classic-cover-design/</link>
		<comments>http://blog.valpnow.com/2009/11/american-classic-cover-design/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 16:47:50 +0000</pubDate>
		<dc:creator>valp</dc:creator>
		
		<category><![CDATA[Cd Covers]]></category>

		<category><![CDATA[american classic]]></category>

		<guid isPermaLink="false">http://blog.valpnow.com/2009/11/american-classic-cover-design/</guid>
		<description><![CDATA[
American Classic / cover, originally uploaded by valp.now.
My recent cd cover (wallet) for American Classic, band playing alternative rock which you absolutely have to check out at their myspace pages: www.myspace.com/weareamericanclassic.
The idea was to catch boy growing into a man, with all issues beyond that. Guys came up with it and I was happy to [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: left; padding: 3px;"><a title="photo sharing" href="http://www.flickr.com/photos/valp00/4072580122/"><img style="border: solid 2px #000000;" src="http://farm3.static.flickr.com/2737/4072580122_00be1c04f0.jpg" alt="" width="494" height="371" /></a></p>
<p><span style="font-size: 0.8em; margin-top: 0px;"><a href="http://www.flickr.com/photos/valp00/4072580122/">American Classic / cover</a>, originally uploaded by <a href="http://www.flickr.com/people/valp00/">valp.now</a>.</span></div>
<p>My recent cd cover (wallet) for American Classic, band playing alternative rock which you absolutely have to check out at their myspace pages: <a href="http://www.myspace.com/weareamericanclassic" target="_blank">www.myspace.com/weareamericanclassic</a>.</p>
<p>The idea was to catch boy growing into a man, with all issues beyond that. Guys came up with it and I was happy to deliver graphic for their first album.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.valpnow.com/2009/11/american-classic-cover-design/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Tourist / Cover And Intro Animation Artwork</title>
		<link>http://blog.valpnow.com/2009/10/tourist/</link>
		<comments>http://blog.valpnow.com/2009/10/tourist/#comments</comments>
		<pubDate>Mon, 19 Oct 2009 22:21:25 +0000</pubDate>
		<dc:creator>valp</dc:creator>
		
		<category><![CDATA[Graphic & Illustration]]></category>

		<category><![CDATA[animation]]></category>

		<category><![CDATA[cover]]></category>

		<category><![CDATA[illustration]]></category>

		<category><![CDATA[intro]]></category>

		<category><![CDATA[movie]]></category>

		<category><![CDATA[nisi masa]]></category>

		<category><![CDATA[tourist]]></category>

		<guid isPermaLink="false">http://blog.valpnow.com/?p=476</guid>
		<description><![CDATA[
I&#8217;ve delivered illustration for &#8220;Tourist&#8221;, a novel by Matej Subieta - Winner of 5th European Script Contest &#8220;Nisi Masa&#8221;. It was also used in intro animation which I hopefully will be able to post here soon ;).
Credits:
Photographer: Pawe? Krawczyk
Costume Designer: Natalia Miko?ajewska
Make-up: Karolina Ciszewska
Models: Olga Olsza, Dorota Piasecka, Agnieszka Subieta, Krzysztof Antolak, Jan Mierzejewski, Krzysztof [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-477" title="turysta_okladka" src="http://www.valpnow.com/blog/wp-content/uploads/2009/10/turysta_okladka.jpg" alt="turysta_okladka" width="477" height="572" /></p>
<p>I&#8217;ve delivered illustration for &#8220;Tourist&#8221;, a novel by Matej Subieta - Winner of 5th European Script Contest &#8220;Nisi Masa&#8221;. It was also used in intro animation which I hopefully will be able to post here soon ;).</p>
<p><strong>Credits:</strong><br />
Photographer: Pawe? Krawczyk<br />
Costume Designer: Natalia Miko?ajewska<br />
Make-up: Karolina Ciszewska<br />
Models: Olga Olsza, Dorota Piasecka, Agnieszka Subieta, Krzysztof Antolak, Jan Mierzejewski, Krzysztof Rusinek, Kabel (dog)</p>
<p>Director/Script: Matej Subieta</p>
<p>Producer: <a href="http://www.odeon.com.pl" target="_blank">Odeon Film Studio</a>/Warsaw</p>
<p>Official website: <a href="http://www.tourist-film.com/" target="_blank">www.tourist-film.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.valpnow.com/2009/10/tourist/feed/</wfw:commentRss>
		</item>
		<item>
		<title>(Recommending) Book of Colours by Brand Nu</title>
		<link>http://blog.valpnow.com/2009/10/recommending-book-of-colours-by-brand-nu/</link>
		<comments>http://blog.valpnow.com/2009/10/recommending-book-of-colours-by-brand-nu/#comments</comments>
		<pubDate>Mon, 19 Oct 2009 22:09:06 +0000</pubDate>
		<dc:creator>valp</dc:creator>
		
		<category><![CDATA[Other]]></category>

		<category><![CDATA[book]]></category>

		<category><![CDATA[brand nu]]></category>

		<guid isPermaLink="false">http://blog.valpnow.com/?p=472</guid>
		<description><![CDATA[
I took this photo and send over to Radim few days ago, it was just right after I received his Book of Colours. Well, he decided to post it on his own blog so&#8230; why shouldn&#8217;t I do the same here? ;-). That&#8217;s true, I&#8217;ve enjoyed his secondÂ  full of colours and inspiring artworks book [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-473" title="zdjecie" src="http://www.valpnow.com/blog/wp-content/uploads/2009/10/zdjecie.jpg" alt="zdjecie" width="485" height="657" /></p>
<p>I took this photo and send over to <a href="http://brandnu.co.uk/home/blog.php" target="_blank">Radim</a> few days ago, it was just right after I received his <a href="http://brandnu.co.uk/home/buy.php" target="_blank">Book of Colours.</a> Well, he decided to post it on his own blog so&#8230; why shouldn&#8217;t I do the same here? ;-). That&#8217;s true, I&#8217;ve enjoyed his secondÂ  full of colours and inspiring artworks book and can truly say it&#8217;s great. I&#8217;m impressed by consequent graphic design by<a href="http://brandnu.co.uk/home.php" target="_blank"> </a>Brand Nu, and his clients are amazing. So <a href="http://brandnu.co.uk/home/buy.php" target="_blank">grab your own piece</a> here because it&#8217;s way much better to see it printed than on screen.</p>
<p>Btw Radim has just updated his portfolio with fabulous pieces, my favs areÂ  Smerin Anti-Social Club and QV - Melbourne. <a href="http://brandnu.co.uk/home.php" target="_blank">Check it out.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.valpnow.com/2009/10/recommending-book-of-colours-by-brand-nu/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Showcase +5 = New Stuff Online</title>
		<link>http://blog.valpnow.com/2009/09/showcase-5-new-stuff-online/</link>
		<comments>http://blog.valpnow.com/2009/09/showcase-5-new-stuff-online/#comments</comments>
		<pubDate>Wed, 16 Sep 2009 22:01:28 +0000</pubDate>
		<dc:creator>valp</dc:creator>
		
		<category><![CDATA[Personal Stuff]]></category>

		<category><![CDATA[portfolio]]></category>

		<category><![CDATA[showcase]]></category>

		<category><![CDATA[triAngel]]></category>

		<category><![CDATA[update]]></category>

		<guid isPermaLink="false">http://blog.valpnow.com/?p=468</guid>
		<description><![CDATA[
New artworks are posted in showcase, including personal illustration triAngel (above) and three website designs.
Enjoy!
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.valpnow.com/"><img class="alignnone" style="border: 0pt none;" title="triAngel" src="http://www.valpnow.com/images/gallery/valpnow_com_1_triangel.jpg" alt="" width="490" height="618" /></a></p>
<p>New artworks are posted in <a href="http://www.valpnow.com">showcase</a>, including personal illustration <strong>triAngel</strong> (above) and three website designs.</p>
<p>Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.valpnow.com/2009/09/showcase-5-new-stuff-online/feed/</wfw:commentRss>
		</item>
		<item>
		<title>KDU.net / Global Blog Relaunched</title>
		<link>http://blog.valpnow.com/2009/09/kdunet-global-blog-relaunched/</link>
		<comments>http://blog.valpnow.com/2009/09/kdunet-global-blog-relaunched/#comments</comments>
		<pubDate>Sat, 12 Sep 2009 11:15:21 +0000</pubDate>
		<dc:creator>valp</dc:creator>
		
		<category><![CDATA[Other]]></category>

		<category><![CDATA[theKDU]]></category>

		<guid isPermaLink="false">http://blog.valpnow.com/?p=462</guid>
		<description><![CDATA[
New home of The KDU Network is on-line. The message says: &#8220;Consider this a living, breathing testament to the lives and works of a Global Creative Collective encompassing hundreds of members the world over. Stay tuned to this space for further developments as we bring on and more members to show more and more of [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://thekdu.net/" target="_blank"><img class="alignnone size-full wp-image-463" style="border: 0pt none;" title="kdu_net" src="http://www.valpnow.com/blog/wp-content/uploads/2009/09/kdu_net.jpg" alt="kdu_net" width="490" height="78" /></a></p>
<p>New home of <strong>The KDU Network</strong> is <a href="http://thekdu.net" target="_blank">on-line</a>. The message says: &#8220;<em>Consider this a living, breathing testament to the lives and works of a <em>Global Creative Collective</em><strong> encompassing hundreds of members the world over. Stay tuned to this space for further developments as we bring on and more members to show more and more of what <strong>The KDU</strong> has to offer.&#8221;</strong></em></p>
<p>My profile: <a href="http://thekdu.net/valp/" target="_blank">thekdu.net/valp/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.valpnow.com/2009/09/kdunet-global-blog-relaunched/feed/</wfw:commentRss>
		</item>
		<item>
		<title>The Emergence of Gradient Grunge Design</title>
		<link>http://blog.valpnow.com/2009/09/the-emergence-of-gradient-grunge-design/</link>
		<comments>http://blog.valpnow.com/2009/09/the-emergence-of-gradient-grunge-design/#comments</comments>
		<pubDate>Fri, 04 Sep 2009 17:50:29 +0000</pubDate>
		<dc:creator>seanhodge</dc:creator>
		
		<category><![CDATA[Graphic & Illustration]]></category>

		<category><![CDATA[Personal Stuff]]></category>

		<category><![CDATA[Web Design]]></category>

		<category><![CDATA[cogitatur]]></category>

		<category><![CDATA[gradient]]></category>

		<guid isPermaLink="false">http://blog.valpnow.com/?p=454</guid>
		<description><![CDATA[
Web 2.0 as a style is not dead, far from it. Styles don&#8217;t die. If anything they percolate and then fuse into other styles. They get absorbed by the forward movement of design trends. Web 2.0 styles are mixed with grunge designs in many websites and graphics today. This style is Gradient Grunge. Let&#8217;s take [...]]]></description>
			<content:encoded><![CDATA[<div class="teaser_right">
<p>Web 2.0 as a style is not dead, far from it. Styles don&#8217;t die. If anything they percolate and then fuse into other styles. They get absorbed by the forward movement of design trends. Web 2.0 styles are mixed with grunge designs in many websites and graphics today. This style is Gradient Grunge. Let&#8217;s take a look at some of the characteristics that make up this growing design trend today.</p></div>
<hr /><!-- tutorial_main --></p>
<h2>The Merging of Styles</h2>
<p>It&#8217;s common for styles to merge, especially dominant styles. As grunge rises in popularity on the web more designers (who are used to working in web 2.0 methodologies) will experiment with grunge. There is a crossover point where these styles merge. This is where <strong>Gradient Grunge</strong> design emerges.</p>
<p>For quite some time grunge graphics were at the periphery of web design. They have risen to <a class="ext" href="http://www.smashingmagazine.com/2008/01/29/grunge-style-in-modern-web-design/">mainstream</a>. More and more websites have adopted grunge styles. In most cases, it isn&#8217;t a matter of a designer wholeheartedly grabbing the next trend. Designers tend to experiment and get inspiration from many sources. Bringing grunge elements into ones design work is a gradual process.</p>
<p>This is typically the way designers working in the trenches change their normal output. They find one project here or there that they can do something different on. They try new types of designs. When web 2.0 style designs are the dominant trend, designers develop workflows and habits built around creating this style quickly, as with any popular design that clients would request.</p>
<p>Many of these designers would simply merge grunge design styles into there existing workflows. It&#8217;s a common practice when moving from one dominant stylistic trend to another in design. There will be overlap. The combination of web 2.0 styles and grunge graphics is <strong>Gradient Grunge</strong>.</p>
<h2>Some Details about Gradient Grunge Style</h2>
<p>Let&#8217;s look at some specifics. Sure, some aspects of web 2.0 aren&#8217;t as cool as they used to be, like reflections. However, the use of some web 2.0 styles are still rampant. Review the <a class="ext" href="http://webdesignfromscratch.com/web-2.0-design-style-guide.cfm">Web 2.0 design guide</a> to get an overview of this style to decide for yourself what elements are still popular today. Some notable trends still practiced are: Solid Areas of Screen Real Estate, Simple Navs, Bold Logos, Strong Colors, Gradients, and others. Combine these styles with textures and worn imagery and you have a new take on grunge graphics.</p>
<p>This new aesthetic doesn&#8217;t emulate nature, but rather it stylizes nature. Bright plastic doesn&#8217;t degrade as paper in real life, but it certainly can in <strong>Gradient Grunge</strong>, and it looks cool doing it. Typically, <strong>Gradient Grunge</strong> is brightly colored, though it could be applied with a more subdued palette. In web design, it often combines the use of gradients and other web 2.0 elements with the look and feel of stylized worn texture.</p>
<p><strong>Gradient Grunge</strong> at it&#8217;s more extreme end is the pure combination of Grunge and Gradients. Many examples of this style are of brightly colored gradients blending with textures.</p>
<h2>Examples of Gradient Grunge in the Wild on the Net</h2>
<p>Nothing explains a style better than to show some example of it out there in on the net. Let&#8217;s check out some graphics that show a merging of both web 2.0 styles and grunge graphics. Also, we&#8217;ll look at some <strong>Gradient Grunge</strong> that is made of gradients merged colorfully into a grunge aesthetic. Following are some <strong>Gradient Grunge</strong> designers and designs.</p>
<h3>Maciej Hajnrich AKA Valp Nietylko</h3>
<p>I had the pleasure to <a class="ext" href="http://psdtuts.com/inspiration/maciej-hajnrich-interview/">interview</a> this designer and digital illustrator over at PSDTUTS. Since then I try to keep track of what he&#8217;s up to. And he&#8217;s been making some great <strong>Gradient Grunge</strong> style work. Check out his Flickr Photostream&#8217;s <a class="ext" href="http://www.flickr.com/photos/valp00/sets/72157594461702782/">Portfolio: Graphic Design Set</a>. He has some brand new work up. Valp has a strong <strong>Gradient Grunge</strong> style permeating much of his work. The website below shows how he carries this style into web design. Notice the <strong>Gradient Grunge</strong> badges in the design below. This is a characteristic web 2.0 element given a new stylistic treatment.</p>
<div class="tut_image"><a href="http://www.cogitatur.pl/"><img style="border: 0pt none;" src="http://aiburn.com/files/articles/the_emergence_of_gradient_grunge_design/valp_site.jpg" alt="cogitatur" width="489" height="326" /></a></div>
<p>Notice how he combines gradients and grunge in such a highly saturated colorful way in his illustrations. For more of his illustration work visit his <a class="ext" href="http://www.nietylko.net/portfolio.html">portfolio</a>.</p>
<div class="tut_image"><a href="http://www.flickr.com/photos/valp00/2022021341/in/set-72157594461702782/"><img style="border: 0pt none;" src="http://aiburn.com/files/articles/the_emergence_of_gradient_grunge_design/fuel2.jpg" alt="Fuel 2" width="485" height="220" /></a></div>
<h3>Sleek Design Tutorial</h3>
<p>This tutorial Collis wrote called &#8220;<a class="ext" href="http://psdtuts.com/interface-tutorials/create-a-sleek-high-end-web-design-from-scratch/">Create a Sleek, High-End Web Design from Scratch</a>,&#8221; has a great <strong>Gradient Grunge</strong> style. It follows a similar spacious website layout as web 2.0 sites, only it adds in a good mix of gradients and texture.</p>
<h3><span id="more-454"></span></h3>
<div class="tut_image"><a href="http://psdtuts.com/interface-tutorials/create-a-sleek-high-end-web-design-from-scratch/"><img src="http://aiburn.com/files/articles/the_emergence_of_gradient_grunge_design/sleek_design.jpg" alt="Sleek Design" width="600" height="560" /></a></div>
<p>Notice how a Gradient is drawn over the textured background. The watercolor texture itself has a <strong>Gradient Grunge</strong> feel to it as well. This top area of the design is pure <strong>Gradient Grunge</strong>.</p>
<div class="tut_image"><a href="http://psdtuts.com/interface-tutorials/create-a-sleek-high-end-web-design-from-scratch/"><img src="http://aiburn.com/files/articles/the_emergence_of_gradient_grunge_design/add_gradient.jpg" alt="Add Gradient" width="600" height="560" /></a></div>
<h3>Outlaw Design Blog</h3>
<p>The <a class="ext" href="http://outlawdesignblog.com/">Outlaw Design Blog</a> is a graphic design blog that has a grunge style design. While it&#8217;s not over saturated with color (it&#8217;s more subdued), it still combines some web 2.0 elements with grunge graphics in an interesting way. Notice the gradients applied to the background designs behind the main layout.</p>
<div class="tut_image"><a href="http://outlawdesignblog.com/"><img src="http://aiburn.com/files/articles/the_emergence_of_gradient_grunge_design/outlaw_design.jpg" alt="image" width="600" height="380" /></a></div>
<p>The <strong>Gradient Grunge</strong> icons below are an example of applying grunge textures directly to web 2.0 style cute icons.</p>
<div class="tut_image"><a href="http://outlawdesignblog.com/"><img src="http://aiburn.com/files/articles/the_emergence_of_gradient_grunge_design/outlaw_design_icons.jpg" alt="Outlaw Design Blog" width="334" height="98" /></a></div>
<h3>No Ripcord</h3>
<p><a class="ext" href="http://noripcord.com/">No Ripcord</a> is a website design project I worked on where I started thinking a lot about this style, and experiment with it as well. The design below is a screenshot from the live website, so it was the choice made by the client. Originally, three options where <a class="ext" href="http://connectioncube.com/clients/no_ripcord_review/index.html">presented for review</a>.</p>
<p>Notice how unnatural it is for these gradient heavy and color saturated designs to appear worn like this. They wouldn&#8217;t break down like this in reality, but they certainly can in <strong>Gradient Grunge</strong> style.</p>
<div class="tut_image"><a href="http://noripcord.com/"><img src="http://aiburn.com/files/articles/the_emergence_of_gradient_grunge_design/no_ripcord_live.jpg" alt="No Ripcord" width="600" height="360" /></a></div>
<p>Here is a close-up of the logo design. Notice how an opacity grunge texture is applied within the lime green of the &#8220;0&#8243; in No Ripcord. Also, all the words have the type being ripped into with the same style of texture. This type of texturing is applied throughout the design. A strong over-saturated green gradient is often broken by this texture fusing in a <strong>Gradient Grunge</strong> style.</p>
<div class="tut_image"><a href="http://noripcord.com/"><img src="http://aiburn.com/files/articles/the_emergence_of_gradient_grunge_design/no_ripcord_logo.jpg" alt="Noripcord" width="311" height="166" /></a></div>
<p>Below is <a class="ext" href="http://connectioncube.com/clients/no_ripcord_review/option_2.html">Option two</a> presented to the client. Notice the <strong>Gradient Grunge</strong> style being applied predominately to the top navigation bar and again to the logo.</p>
<div class="tut_image"><a href="http://connectioncube.com/clients/no_ripcord_review/option_2.html"><img src="http://aiburn.com/files/articles/the_emergence_of_gradient_grunge_design/option_two.jpg" alt="No Ripcord 2" width="414" height="500" /></a></div>
<p><a class="ext" href="http://connectioncube.com/clients/no_ripcord_review/option_3.html">Option three</a> is a more news inspired layout. It&#8217;s tight, concise, and holds more information above the fold than the other designs. Again, the <strong>Gradient Grunge</strong> style is applied to the top navigation bar, but also notice the top left edge. In this case, a gradient is applied directly to texture.</p>
<p>In the bottom of the design below you&#8217;ll notice there is even a web 2.0 style reflection of the texture. That is probably going to far, but it shows how web 2.0 style and grunge style can be fused in a design. This is my least favorite of the three designs, probably because the reflection is tacky. I&#8217;m glad they chose Option one.</p>
<div class="tut_image"><a href="http://connectioncube.com/clients/no_ripcord_review/option_3.html"><img src="http://aiburn.com/files/articles/the_emergence_of_gradient_grunge_design/option_three.jpg" alt="No Ripcord 3" width="500" height="421" /></a></div>
<h3>GoBand Tutorial for GoMedia</h3>
<p>This is a tutorial I wrote for GoMedia. It&#8217;s a long 6 part series that starts with creating the design. Then takes that design all the way through theming a Drupal 5 website. There is some characteristic <strong>Gradient Grunge</strong> style presented here. If you&#8217;re interested in learning how to achieve some of these effects in Illustrator then check out the tutorial. The full site design is below.</p>
<div class="tut_image"><a href="http://www.gomediazine.com/tutorials/create-a-killer-band-site-in-drupal-part-1-design/"><img src="http://aiburn.com/files/articles/the_emergence_of_gradient_grunge_design/goband_site.jpg" alt="GoBand Site" width="500" height="409" /></a></div>
<p>Notice how the header has both gradients and different textures applied. There are both vector textures and photo based textures applied. Notice the opacity of the texture applied to the winged logos, that&#8217;s vector grunge at work. Overall the combinations of Gradient and Grunge elements fuse in this design.</p>
<div class="tut_image"><a href="http://www.gomediazine.com/tutorials/create-a-killer-band-site-in-drupal-part-1-design/"><img src="http://aiburn.com/files/articles/the_emergence_of_gradient_grunge_design/goband_logo.jpg" alt="GoBand Logo" width="500" height="214" /></a></div>
<h3>Conclusion</h3>
<p>Let me know if you have any questions about this style, as I plan to write a follow up to this article. I&#8217;ll point out more examples and discuss additional characteristics of this style. Feel free to link to any examples you feel fit <strong>Gradient Grunge</strong> in the comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.valpnow.com/2009/09/the-emergence-of-gradient-grunge-design/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
