<?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>mushroom &#187; picture</title>
	<atom:link href="http://mr-mushroom.com/tag/picture/feed/" rel="self" type="application/rss+xml" />
	<link>http://mr-mushroom.com</link>
	<description>my blog</description>
	<lastBuildDate>Thu, 13 Jan 2011 21:53:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Twitter background 101</title>
		<link>http://mr-mushroom.com/blog/twitter-background-101/</link>
		<comments>http://mr-mushroom.com/blog/twitter-background-101/#comments</comments>
		<pubDate>Mon, 05 Jul 2010 17:17:42 +0000</pubDate>
		<dc:creator>mushroom</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[picture]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://mr-mushroom.com/?p=260</guid>
		<description><![CDATA[So you have Twitter account from some time. Wether it is your personal or company account it is good to personalize the look and feel to represent your selfhood or image of business. Of course there is nothing wrong about having default background all of Twitter&#8217;s predefined images are lovely and clean. Let&#8217;s see what [...]]]></description>
			<content:encoded><![CDATA[<p>So you have Twitter account from some time. Wether it is your personal or company account it is good to personalize the look and feel to represent your selfhood or image of business. Of course there is nothing wrong about having default background all of Twitter&#8217;s predefined images are lovely and clean.</p>
<p><a href="http://twitter.com/hirundula"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/hirundula.jpg" alt="" title="hirundula" width="880" height="480" class="alignnone size-full wp-image-279" /></a></p>
<p>Let&#8217;s see what are main trends in Twitter background industry and learn something about creating them.</p>
<p><strong>1. Repeating pattern</strong><br />
This technique is probably as old as internet. We just need small image and it will be repeated to fill whole background. If we will craft one special tile we can achieve endless pattern. This kind of background will fill display with every resolution.<br />
<a href="http://twitter.com/brucel"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/brucel.jpg" alt="" title="brucel" width="880" height="480" class="alignnone size-full wp-image-262" /></a></p>
<p><a href="http://twitter.com/maxvoltar"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/maxvoltar.jpg" alt="" title="maxvoltar" width="880" height="480" class="alignnone size-full wp-image-263" /></a></p>
<p><a href="http://twitter.com/carsonified"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/carsonified.jpg" alt="" title="carsonified" width="880" height="480" class="alignnone size-full wp-image-264" /></a></p>
<p><a href="http://twitter.com/bluelounge"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/bluelounge.jpg" alt="" title="bluelounge" width="880" height="480" class="alignnone size-full wp-image-265" /></a></p>
<p><strong>2. Super large image</strong><br />
This solution provides larger area for our creativity but the drawbacks are large image size (longer loading time) and not full screen coverage on very big resolution.<br />
<a href="http://twitter.com/riddle"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/riddle.jpg" alt="" title="riddle" width="880" height="480" class="alignnone size-full wp-image-267" /></a></p>
<p><a href="http://twitter.com/designerdepot"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/designerdepot.jpg" alt="" title="designerdepot" width="880" height="480" class="alignnone size-full wp-image-268" /></a></p>
<p><a href="http://twitter.com/yaili"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/yaili.jpg" alt="" title="yaili" width="880" height="480" class="alignnone size-full wp-image-270" /></a></p>
<p><a href="http://twitter.com/supersexycpr"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/supersexycpr.jpg" alt="" title="supersexycpr" width="880" height="480" class="alignnone size-full wp-image-269" /></a></p>
<p><strong>3. Faded out image</strong><br />
My personal favourite and neatest approach. Combination of image faded out to solid colour and same colour set as Twitter background. This scales up to every monitor size.<br />
<a href="http://twitter.com/chriscoyier"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/chriscoyier.jpg" alt="" title="chriscoyier" width="880" height="480" class="alignnone size-full wp-image-272" /></a></p>
<p><a href="http://twitter.com/chrisspooner"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/chrisspooner.jpg" alt="" title="chrisspooner" width="880" height="480" class="alignnone size-full wp-image-273" /></a></p>
<p><a href="http://twitter.com/rem"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/rem.jpg" alt="" title="rem" width="880" height="480" class="alignnone size-full wp-image-275" /></a></p>
<p><a href="http://twitter.com/oatmeal"><img src="http://mr-mushroom.com/wp-content/uploads/2010/06/oatmeal.jpg" alt="" title="oatmeal" width="880" height="480" class="alignnone size-full wp-image-274" /></a></p>
<h3>Create your own?</h3>
<p>There are virtually no limitations regarding designing Twitter background. Only rule to remember is that column with tweets is fixed width and regarding viewers resolution more or less of background is visible.</p>
<p>You can read more and find inspiration in <a href="http://www.blog.spoongraphics.co.uk/tutorials/twitter-background-design-how-to-and-best-practices">this post about Twitter backgrounds</a>. There is useful <a href="http://www.blog.spoongraphics.co.uk/wp-content/uploads/2009/twitter-theme/Twitter-BG-Template.psd.zip">Photoshop template</a> available to download.</p>
<p>You are more than welcome to be inspired by <a href="http://twitter.com/mr_mushroom">my own Twitter background</a>.</p>
<p><span style="color:red">&#8212; UPDATE &#8212;</span> After launching <a href="http://twitter.com/newtwitter">#newtwitter</a> central box width has changed so there is <a href="http://www.fuelyourcreativity.com/free-new-twitter-psd-background-template/">a new template</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://mr-mushroom.com/blog/twitter-background-101/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Facebook profile picture 101</title>
		<link>http://mr-mushroom.com/blog/facebook-profile-picture-101/</link>
		<comments>http://mr-mushroom.com/blog/facebook-profile-picture-101/#comments</comments>
		<pubDate>Sat, 10 Apr 2010 17:04:52 +0000</pubDate>
		<dc:creator>mushroom</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[picture]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://mr-mushroom.com/?p=162</guid>
		<description><![CDATA[In this little tutorial I will list some advices that will help you create more interesting Facebook profile picture. Sure most of Facebook users will just upload a photo of themselves and change it from time to time to more recent one. But with just a little effort and tips from this tutorial your profile [...]]]></description>
			<content:encoded><![CDATA[<p>In this little tutorial I will list some advices that will help you create more interesting <a href="http://www.facebook.com/mushroommm">Facebook profile</a> picture. Sure most of Facebook users will just upload a photo of themselves and change it from time to time to more recent one. But with just a little effort and tips from this tutorial your profile can stand out from the crowd.</p>
<p><img src="http://mr-mushroom.com/wp-content/uploads/2010/04/fb-prof-pic-scr1.png" width="880" height="198" class="alignnone size-full wp-image-164" /></p>
<p>Size matters, so if you upload a foto of yourself it is usually resized to fit left sidebar of your profile. Sidebar is 200 px width consequently we need to keep our picture equal or smaller to avoid resizing. As to the height we can create picture up to 600 px. Using whole height we can accomplish neat effect or contain some additional info about ourselves.</p>
<p><img src="http://mr-mushroom.com/wp-content/uploads/2010/04/fb-prof-pic-scr2.png" width="880" height="762" class="alignnone size-full wp-image-167" /></p>
<p>Above rules and tips can be applied to Facebook pages.</p>
<p>You can <a href="http://mr-mushroom.com/wp-content/uploads/2010/04/fb-profile-pic.psd">download .psd file</a> with background prepared for developing your picture.</p>
]]></content:encoded>
			<wfw:commentRss>http://mr-mushroom.com/blog/facebook-profile-picture-101/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

