<?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>NeonBlue Dreams &#187; graphics</title>
	<atom:link href="http://neonblueweb.co.uk/dreams/category/graphics/feed/" rel="self" type="application/rss+xml" />
	<link>http://neonblueweb.co.uk/dreams</link>
	<description>Living on the edge looking in - the random ramblings of a geek girl</description>
	<lastBuildDate>Tue, 19 Jan 2010 21:45:24 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Easy website background image</title>
		<link>http://neonblueweb.co.uk/dreams/2009/07/26/easy-website-background-image/</link>
		<comments>http://neonblueweb.co.uk/dreams/2009/07/26/easy-website-background-image/#comments</comments>
		<pubDate>Sun, 26 Jul 2009 11:59:45 +0000</pubDate>
		<dc:creator>Rachel</dc:creator>
				<category><![CDATA[Geeky stuff]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://neonblueweb.co.uk/dreams/?p=178</guid>
		<description><![CDATA[I&#8217;ve stumbled upon an easy to do background effect for a web page if you&#8217;re looking for a fairly &#8220;natural&#8221;/neutral background if you don&#8217;t want a stark white background on a page.
This gives you a nice texture which takes the &#8216;glare&#8217; off a stark white page (works best with &#8220;natural&#8221; type themes) which is very quick [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve stumbled upon an easy to do background effect for a web page if you&#8217;re looking for a fairly &#8220;natural&#8221;/neutral background if you don&#8217;t want a stark white background on a page.</p>
<p>This gives you a nice texture which takes the &#8216;glare&#8217; off a stark white page (works best with &#8220;natural&#8221; type themes) which is very quick and easy to do.</p>
<p>How?</p>
<ul>
<li>Open your favourite graphics programme (I used PhotoPlus X3 for this, but any graphics app should do it).</li>
<li>Create a new image of a fairly large size (I used 100px  x 65px)</li>
<li>Flood fill the background with white</li>
<li>Look on the menu of your graphics programme for the &#8220;noise&#8221; option (in PhotoPlus X3 which is my current new toy I&#8217;m playing with it&#8217;s under &#8220;Effects&#8221;, but it may be elsewhere in other apps).</li>
<li>Under &#8220;Noise&#8221; you should find an &#8220;add noise&#8221; option, which is what you use to create the background image.</li>
<li>Once you&#8217;ve added noise, simply save as a jpg (which gives a file size of just over 1kb, which isn&#8217;t bad for a background image). Using a jpeg format as well, you can slightly tweak the effect by playing around with the quality slider for the jpeg when you come to save it. Altering the quality of the final file you can get some interesting effects from the same &#8216;noise&#8217; pattern at different quality levels</li>
<li>Use tiled/repeated as the background for your page!</li>
</ul>
<p>The settings I used for the &#8220;add noise&#8221; step were&#8230;</p>
<p>In PhotoPlus X3&#8230;&#8221;Coverage&#8221; at 10% with a &#8220;uniform&#8221; distribution.</p>
<p>To get a similar effect in Paint.NET (which is the other graphics app I use regularly) I used:</p>
<ul>
<li>Intensity: 40,</li>
<li>Colour saturation: 0</li>
<li>Coverage: 70.</li>
</ul>
<p>Basically have a play around and have a look what it looks like tiled and play about with the settings until you&#8217;re happy with the effect.</p>
<p>This is my resulting background image&#8230;</p>
<div class="wp-caption alignnone" style="width: 90px"><img title="Background image produced with Paint.NET" src="http://www.neonblueweb.co.uk/files/background1.jpg" alt="" width="80" height="50" /><p class="wp-caption-text">Background image produced with Paint.NET</p></div>
<p>&#8230;and:</p>
<div class="wp-caption alignnone" style="width: 90px"><img title="Background image produced with PhotoPlus X3" src="http://www.neonblueweb.co.uk/files/background2.jpg" alt="Background image produced with PhotoPlus X3" width="80" height="50" /><p class="wp-caption-text">Background image produced with PhotoPlus X3</p></div>
]]></content:encoded>
			<wfw:commentRss>http://neonblueweb.co.uk/dreams/2009/07/26/easy-website-background-image/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
