<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Mikko/Vart.io</title>
	
	<link>http://www.vart.io</link>
	<description>I like bacon.</description>
	<lastBuildDate>Tue, 17 Jan 2012 12:51:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/vartio" /><feedburner:info uri="vartio" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Learning isometric pixels</title>
		<link>http://feedproxy.google.com/~r/vartio/~3/3JPT8zMB2TU/</link>
		<comments>http://www.vart.io/learning-isometric-pixels/#comments</comments>
		<pubDate>Tue, 17 Jan 2012 12:51:06 +0000</pubDate>
		<dc:creator>Mikko</dc:creator>
				<category><![CDATA[Journal]]></category>
		<category><![CDATA[Isometric]]></category>
		<category><![CDATA[Pixels]]></category>

		<guid isPermaLink="false">http://www.vart.io/?p=196</guid>
		<description><![CDATA[Lately I have been studying isometric pixel-graphics. Here is my very first illustration using this technique. Adobe Fireworks has all the tools to create effortless isometric pixels, I just wonder why this genre is so under-rated and undocumented. If I ever have time, I could whip a basic introduction how to achieve this style within [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-198" title="Isometric Pixels" src="http://www.vart.io/wp-content/uploads/2012/01/isometric-pixels.jpg" alt="Isometric Pixels" width="552" height="544" /></p>
<p>Lately I have been studying isometric pixel-graphics. Here is my very first illustration using this technique.</p>
<p>Adobe Fireworks has all the tools to create effortless isometric pixels, I just wonder why this genre is so under-rated and undocumented. If I ever have time, I could whip a basic introduction how to achieve this style within few easy steps. Meanwhile, let the grid texture in the background be a hint how its done.</p>
<img src="http://feeds.feedburner.com/~r/vartio/~4/3JPT8zMB2TU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.vart.io/learning-isometric-pixels/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.vart.io/learning-isometric-pixels/</feedburner:origLink></item>
		<item>
		<title>My TR808 got some Dribbble-love!</title>
		<link>http://feedproxy.google.com/~r/vartio/~3/7xpgzfKELDQ/</link>
		<comments>http://www.vart.io/my-tr808-got-some-dribbble-love/#comments</comments>
		<pubDate>Thu, 15 Dec 2011 16:52:44 +0000</pubDate>
		<dc:creator>Mikko</dc:creator>
				<category><![CDATA[Journal]]></category>
		<category><![CDATA[Dribbble]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Newsletter]]></category>

		<guid isPermaLink="false">http://www.vart.io/?p=190</guid>
		<description><![CDATA[Good times! My humble TR-808 -illustration got featured on Dribbble December Newsletter (which is actually the first newsletter ever from Dribbble). Dribbble is  “Twitter for designers&#8221; &#8211;  invite-only service where the cool kids share a small screenshots of the works that they are currently working on. I&#8217;m quite stoked about this sudden attention. Anyways, TR909 and TB303 are the works :D &#160;]]></description>
			<content:encoded><![CDATA[<p>Good times! My humble <strong><a title="http://dribbble.com/shots/336649-TR-808" href="http://dribbble.com/shots/336649-TR-808" target="_blank">TR-808</a> </strong>-illustration got featured on <strong><a title="Dribbble December Newsletter" href="http://us2.campaign-archive2.com/?u=92e76579f8c5d20594c9aea1c&amp;id=76c27db262" target="_blank">Dribbble December Newsletter</a></strong> (which is actually the first newsletter ever from Dribbble).</p>
<p><img class="alignnone size-full wp-image-192" title="dribbble-newsletter-december" src="http://www.vart.io/wp-content/uploads/2011/12/dribbble-newsletter-december.jpg" alt="" width="610" height="522" /></p>
<p><strong><a title="dribbble.com" href="http://dribbble.com/" target="_blank">Dribbble</a></strong> is  “Twitter for designers&#8221; &#8211;  invite-only service where the cool kids share a small screenshots of the works that they are currently working on. I&#8217;m quite stoked about this sudden attention.</p>
<p>Anyways, TR909 and TB303 are the works :D</p>
<p>&nbsp;</p>
<img src="http://feeds.feedburner.com/~r/vartio/~4/7xpgzfKELDQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.vart.io/my-tr808-got-some-dribbble-love/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.vart.io/my-tr808-got-some-dribbble-love/</feedburner:origLink></item>
		<item>
		<title>Letterpress Text Styles</title>
		<link>http://feedproxy.google.com/~r/vartio/~3/OU0e1qNttO4/</link>
		<comments>http://www.vart.io/letterpress-styles-adobe-fireworks/#comments</comments>
		<pubDate>Wed, 06 Jul 2011 17:49:18 +0000</pubDate>
		<dc:creator>Mikko</dc:creator>
				<category><![CDATA[Adobe Fireworks]]></category>
		<category><![CDATA[Effect]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Styles]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://www.vart.io/?p=184</guid>
		<description><![CDATA[<img align="left" src="http://www.vart.io/wp-content/uploads/2011/07/inset-text-styles.jpg" alt="" width="90" height="90" />Letterpress printer effect aka Inset text effect is highly popular effect in web design. Here are 16 fresh styles for Adobe Fireworks to get  that perfect punched letterpress effect. I noticed that doing this effect always from scratch is a major speed bump, so I created 16 fresh variations of the letterpress effect. Altho this effect [...]]]></description>
			<content:encoded><![CDATA[<img align="left" src="http://www.vart.io/wp-content/uploads/2011/07/inset-text-styles.jpg" alt="" width="90" height="90" /><p>Letterpress printer effect aka Inset text effect is highly popular effect in web design. Here are 16 fresh styles for Adobe Fireworks to get  that perfect punched letterpress effect.<br />
<span id="more-184"></span></p>
<p>I noticed that doing this effect always from scratch is a major speed bump, so I created 16 fresh variations of the letterpress effect. Altho this effect is quite simple to achieve, having premade styles will definitely save time and give surprising results for the designs.</p>
<p>This is what some of the effects looks like:<br />
<img class="alignnone size-full wp-image-187" title="Letterpress / Inset text with Adobe Fireworks" src="http://www.vart.io/wp-content/uploads/2011/07/inset-text-example.jpg" alt="Letterpress / Inset text with Adobe Fireworks" width="560" height="660" /></p>
<p><a class="download" title="Download Letterpress styles collection" href="http://vart.io/download/letterpress-styles-for-adobefireworks.zip">Download Inset / Letterpress Styles (1.3MB)</a></p>
<p>Each style is unique and will work differently with various backgrounds. While one specific style might look crappy on darkish grey background, it might look superawesome on light blue texture. I recommend to use these styles with <strong>fontsizes such as 90 to 150 pixels</strong>.</p>
<p>Have fun!</p>
<img src="http://feeds.feedburner.com/~r/vartio/~4/OU0e1qNttO4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.vart.io/letterpress-styles-adobe-fireworks/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.vart.io/letterpress-styles-adobe-fireworks/</feedburner:origLink></item>
		<item>
		<title>Bokeh2 – Styles collection</title>
		<link>http://feedproxy.google.com/~r/vartio/~3/6EH0_nIWI58/</link>
		<comments>http://www.vart.io/bokeh2-styles-adobe-fireworks/#comments</comments>
		<pubDate>Mon, 27 Jun 2011 20:04:06 +0000</pubDate>
		<dc:creator>Mikko</dc:creator>
				<category><![CDATA[Adobe Fireworks]]></category>
		<category><![CDATA[Bokeh]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Styles]]></category>

		<guid isPermaLink="false">http://www.vart.io/?p=180</guid>
		<description><![CDATA[Bokeh in web design is now days a highly popular visual trend. Here are 30 fresh and unique styles for Adobe Fireworks. Non-destructive, dynamic and easy to modify. Demonstration www.youtube.com/watch?v=CbdSF95nQbQ Looking cool, huh? Feel free to download these goodies: Download Bokeh2 Styles (1.81MB) Few Notes These Bokeh2-styles works best with light backgrounds. In case for [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-181" title="Bokeh2 Styles For Adobe Fireworks" src="http://www.vart.io/wp-content/uploads/2011/06/bokeh2-styles-for-adobe-fireworks.jpg" alt="Bokeh2 Styles For Adobe Fireworks" width="560" height="200" /></p>
<p>Bokeh in web design is now days a highly popular visual trend. Here are 30 fresh and unique styles for Adobe Fireworks. Non-destructive, dynamic and easy to modify.</p>
<h3><span id="more-180"></span>Demonstration</h3>
<p><a href="http://www.youtube.com/watch?v=CbdSF95nQbQ&#038;fmt=18">www.youtube.com/watch?v=CbdSF95nQbQ</a></p>
<p>Looking cool, huh? Feel free to download these goodies:</p>
<p><a class="download" title="Download Bokeh2 Styles for Adobe Fireworks" href="http://vart.io/download/bokeh2-styles-for-adobe-fireworks.zip">Download Bokeh2 Styles (1.81MB)</a></p>
<h3>Few Notes</h3>
<p>These Bokeh2-styles works best with <strong>light backgrounds</strong>. In case for dark backgrounds, I recommend to <strong><a title="Dynamic Bokeh styles for Adobe Fireworks" href="http://www.vart.io/dynamic-bokeh-styles-for-adobe-fireworks/">check my previous Bokeh styles</a></strong>.</p>
<p>These styles are easy to modify. Check the filters list in Properties Panel and locate a filter &#8220;<strong>Fill Color</strong>&#8221; and select a color that works for you. Try altering the size and feather of Stroke for interesting results.</p>
<p>You can use these styles in any public artworks. If you make some good visual stuff with these styles, gimme a holler (<a title="Follow me on Twitter" href="http://twitter.com/mkkov">or tweet</a>) and make me happy.</p>
<img src="http://feeds.feedburner.com/~r/vartio/~4/6EH0_nIWI58" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.vart.io/bokeh2-styles-adobe-fireworks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.vart.io/bokeh2-styles-adobe-fireworks/</feedburner:origLink></item>
		<item>
		<title>Photo Styles</title>
		<link>http://feedproxy.google.com/~r/vartio/~3/79ch6uR1xAE/</link>
		<comments>http://www.vart.io/photo-styles-adobe-fireworks/#comments</comments>
		<pubDate>Mon, 13 Jun 2011 14:14:59 +0000</pubDate>
		<dc:creator>Mikko</dc:creator>
				<category><![CDATA[Adobe Fireworks]]></category>
		<category><![CDATA[Styles]]></category>

		<guid isPermaLink="false">http://www.vart.io/?p=176</guid>
		<description><![CDATA[Yep, Adobe Fireworks is hybrid tool for mastering bitmaps and vectors. The bitmap-part in Fw has been quite humble servant, while the Photoshop is the King of bitmaps. One of the cool functionality in Photoshop are the Actions &#8211; which allows designers to get their photos to a next level. Fireworks also can do lots of [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-177" title="Photo Styles For Adobe Fireworks" src="http://www.vart.io/wp-content/uploads/2011/06/photo-styles-for-adobe-fireworks.jpg" alt="Photo Styles For Adobe Fireworks" width="560" height="530" /></p>
<p><span id="more-176"></span>Yep, Adobe Fireworks is hybrid tool for mastering bitmaps and vectors. The bitmap-part in Fw has been quite humble servant, while the Photoshop is the King of bitmaps.</p>
<p>One of the cool functionality in Photoshop are the <em>Actions &#8211; </em>which allows designers to get their photos to a next level. Fireworks also can do lots of tricks with photos too. Say hello to Photo Styles.</p>
<h3>Photo Styles</h3>
<p>Photo Styles are a stacks of highly tweaked non-destructive filters, optimized bringing that perfect mood for photos. Each style brings a certain <a href="http://instagr.am/">instagr.am</a> / <a title="Little Photo for Android" href="https://market.android.com/details?id=com.littlephoto" target="_blank">Little Photo</a> feeling to the image without actually flattening the image. With few adjustments, the results are endless.</p>
<p><a class="download" href="http://vart.io/download/photostyles.stl">Download Photostyles.stl (0.13MB)</a></p>
<p>There are never enough of Fw resources, so I&#8217;m going <strong>Creative Commons</strong> with these styles. You can pretty much do anything with these.  Play, remix and tweak and share you own styles. I&#8217;m very interested what you can do with these, so ping me with your styles :)</p>
<p>PS. Check out the other <a title="Photo Effects Styles for Adobe Fireworks" href="http://chunwui.posterous.com/photo-effects-styles-for-adobe-fireworks" target="_blank"><strong>Photo styles for Adobe Fireworks</strong> by Linus Lim</a>!</p>
<img src="http://feeds.feedburner.com/~r/vartio/~4/79ch6uR1xAE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.vart.io/photo-styles-adobe-fireworks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.vart.io/photo-styles-adobe-fireworks/</feedburner:origLink></item>
	</channel>
</rss>

