<?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>Photoshop Tutorials &#187; Website News/Updates</title>
	<atom:link href="http://www.online-photoshoptutorials.com/category/website-newsupdates/feed" rel="self" type="application/rss+xml" />
	<link>http://www.online-photoshoptutorials.com</link>
	<description>Your Number One Place For Photoshop Tutorials, Resources and Inspiration</description>
	<lastBuildDate>Wed, 03 Aug 2011 21:22:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>The &#8216;Creativity&#8217; Wallpaper</title>
		<link>http://www.online-photoshoptutorials.com/2008/09/the-creativity-wallpaper.html</link>
		<comments>http://www.online-photoshoptutorials.com/2008/09/the-creativity-wallpaper.html#comments</comments>
		<pubDate>Thu, 18 Sep 2008 17:02:13 +0000</pubDate>
		<dc:creator>Steve Tolley</dc:creator>
				<category><![CDATA[Designing]]></category>
		<category><![CDATA[Website News/Updates]]></category>
		<category><![CDATA[Colour]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Pen]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tool]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Wallpaper]]></category>

		<guid isPermaLink="false">http://www.online-photoshoptutorials.com/?p=638</guid>
		<description><![CDATA[This tutorial is possibly one of my favourites as I love the outcome, we are going to create a desktop wallpaper with a bit of a difference, we will use a range of techniques and most importantly we are going to use our imagination and creativity skills, What We Are Going To Achieve Step 1 [...]]]></description>
			<content:encoded><![CDATA[<p>This tutorial is possibly one of my favourites as I love the outcome, we are going to create a desktop wallpaper with a bit of a difference, we will use a range of techniques and most importantly we are going to use our imagination and creativity skills,</p>
<h2>What We Are Going To Achieve</h2>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/creativity.png"><img class="alignnone size-medium wp-image-639" title="creativity" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/creativity-600x375.png" alt="" width="600" height="375" /></a></p>
<h3>Step 1 &#8211; New Document</h3>
<p>Create a new document that corresponds to the size of your desktop, mine being 1440 x 900, you can check yours by right clicking on your desktop and choosing Properties from the pop up list.</p>
<h3>Step 2 &#8211; Radial Gradient Background</h3>
<p>To start we are going to add a radial background to the canvas, to do this pick the gradient tool and make sure it is set to radial gradient (Top toolbar option) and then set your colours to the below:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/background-gradient.png"><img class="alignnone size-medium wp-image-640" title="background-gradient" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/background-gradient.png" alt="" width="431" height="497" /></a></p>
<p>With the gradient colours set then drag the cursor from the middle of the document to one of the outer corners in order to get a evenly distributed gradient like below:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/gradient-bg.png"><img class="alignnone size-medium wp-image-642" title="gradient-bg" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/gradient-bg-600x373.png" alt="" width="600" height="373" /></a></p>
<h3>Step 3 &#8211; Write The Text</h3>
<p>To get the effect so that the &#8220;Y&#8221; has fallen over you need to write the text seperate, so first of all write the word &#8220;Creativit&#8221; I have used the font MUSEO which can be found with a quick search in Google and then set the font spacing to &#8220;-50&#8243; the font menu can be opened by going to <strong>Window &gt; Character</strong> on the top toolbar then you can use the settings below:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/font-spacing.png"><img class="alignnone size-medium wp-image-643" title="font-spacing" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/font-spacing.png" alt="" width="243" height="225" /></a></p>
<p>When you have applied these settings then your text will look like that shown below:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/write-text.png"><img class="alignnone size-medium wp-image-644" title="write-text" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/write-text-600x194.png" alt="" width="600" height="194" /></a></p>
<p>When you have this, then you can write in the Y in a seperate layer, then simply choose the move tool and rotate the Y so that it looks similar to below:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/rotate-y.png"><img class="alignnone size-medium wp-image-645" title="rotate-y" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/rotate-y-600x177.png" alt="" width="600" height="177" /></a></p>
<p>Now that you have the basic layout, you can add some very simple blending options, to do this simply double click the desired text layer and make sure that the drop shadow is ticked and press OK, now do the same for the letter Y and you will have an outcome similar to below:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/text-done.png"><img class="alignnone size-medium wp-image-646" title="text-done" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/text-done-600x165.png" alt="" width="600" height="165" /></a></p>
<p>To add to the effect you can add a simple shadow as shown in the <a href="http://www.online-photoshoptutorials.com/2008/08/creating-realistic-shadows.html" target="_blank">Realistic Shadows</a> tutorial which makes it look as if it is sitting on a floor.</p>
<h3>Step 4 &#8211; Adding The Spill</h3>
<p>To add the spill make sure your foreground colour is set to a bright colour (I chose RED as that is the colour I wanted the final spill but you can use any colour) and then with the PEN tool selected draw a shape the same as below:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/spill-initial.png"><img class="alignnone size-medium wp-image-647" title="spill-initial" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/spill-initial.png" alt="" width="596" height="344" /></a></p>
<p>Now move this layer below the letter Y layer in the Layers tab so that it looks as if it is actually spilling out of the letter itself, now we can add the seperate splatters which are simply little shapes drawn with the pen tool, any shape can be drawn and any amount can be drawn it is up to you, also you can use the below image as a reference:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/3-splatters.png"><img class="alignnone size-medium wp-image-648" title="3-splatters" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/3-splatters-600x400.png" alt="" width="600" height="400" /></a></p>
<p>You can also add a gradient to the main spill and the little splatters to get a better effect and add more depth so you can add the Gradient below through the blending options menu:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/gradient-spill.png"><img class="alignnone size-medium wp-image-650" title="gradient-spill" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/gradient-spill.png" alt="" width="600" height="448" /></a></p>
<p>To finish off the spill you can some highlights as shown below, these are made with the pen tool when the foreground colour is set to a lighter version of the original colour used:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/spill-highlights.png"><img class="alignnone size-medium wp-image-651" title="spill-highlights" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/spill-highlights.png" alt="" width="488" height="412" /></a></p>
<p>When you have applied these highlights then you will have the finished spill like below:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/y-spill-done.png"><img class="alignnone size-medium wp-image-652" title="y-spill-done" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/y-spill-done.png" alt="" width="200" height="149" /></a></p>
<h3>Step 5 &#8211; Adding Broken Cables</h3>
<p>There must be a reason why the letter &#8220;Y&#8221; has fallen over and spilt the liquid inside&#8230;? Well there is the cables that hold it up have snapped, so in this step we are going to make those cables, first of all grab the pen tool and draw a simple path on the end of the horizontal bar on the letter &#8220;T&#8221; (shown below) once this has been done create a new layer (CTRL + SHIFT + N) and then right click the path you have just made and choose &#8220;Stroke Path&#8221; and then press OK this will make the path a line created by your brush, now do the same on the top of the letter &#8220;Y&#8221; and you will have something similar to below:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/cables.png"><img class="alignnone size-medium wp-image-653" title="cables" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/cables.png" alt="" width="445" height="215" /></a></p>
<p>Apply a simple Drop Shadow through the Blending Options menu and also make sure the cables are white, so if they are not already white, then add a Colour Overlay also through the Blending Options menu and set the colour to white.</p>
<p>Once the cables are done then we need to make them look as if they are frayed at the ends, so they actually look like they have broken apart, to do this zoom into the end and then choose the Smudge tool from the toolbar (shown below) and simply drag away at the edges so you have something similar to below:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/smudge-tool.png"><img class="alignnone size-medium wp-image-656" title="smudge-tool" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/smudge-tool.png" alt="" width="135" height="71" /></a></p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/fray-cables.png"><img class="alignnone size-medium wp-image-655" title="fray-cables" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/fray-cables.png" alt="" width="428" height="298" /></a></p>
<p>Now do the same to the other part of the cable, once you have done this you will have something similar to below:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/cables-done.png"><img class="alignnone size-medium wp-image-657" title="cables-done" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/cables-done.png" alt="" width="247" height="171" /></a></p>
<h3>Step 6 &#8211; Adding The Hat</h3>
<p>This step is simple as it is just a case of getting the hat image and inserting it into the document and then positioning it in the right place,</p>
<p>So grab the HAT picture located <a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/hat.png" target="_blank">HERE!</a></p>
<p>And open it up in Photoshop, when this is done drag it onto your wallpaper document and position on the top left of the letter &#8220;C&#8221; that is pretty much it as I have already rotated it to the correct angle, but it can be resized/rotated accordingly, when the hat is in place you will have the same as below:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/after-hat.png"><img class="alignnone size-medium wp-image-659" title="after-hat" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/after-hat-600x189.png" alt="" width="600" height="189" /></a></p>
<h3>Step 7 &#8211; Adding The Liquid In The &#8220;V&#8221;</h3>
<p>This step is very similar to Step 4 where we adding some liquid/paint to the inside of the letter &#8220;V&#8221; to do this set your foreground colour to any desired colour that you want and using the Pen Tool again draw a shape like below:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/v-fill.png"><img class="alignnone size-medium wp-image-661" title="v-fill" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/v-fill.png" alt="" width="305" height="357" /></a></p>
<p>Now drag this layer below your text layer in the layers tab so it looks as though it is inside the letter, and then double click the layer and apply the below gradient (Change the colours if you want to):</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/v-gradient.png"><img class="alignnone size-medium wp-image-662" title="v-gradient" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/v-gradient.png" alt="" width="600" height="448" /></a></p>
<p>With this gradient applied create some liquid drops so it looks as though something has just fallen in it and splashed it everywhere, use the below image as a reference, once done apply the same gradient to all of these drops:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/v-splatters.png"><img class="alignnone size-medium wp-image-663" title="v-splatters" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/v-splatters.png" alt="" width="319" height="325" /></a></p>
<p>Now you can add the highlights again using the same methods as in Step 4, grab the pen tool and make a shape but make sure the foreground colour is set to a slightly lighter colour than what is on the drop itself, when this is done you will have something similar to below:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/v-highlights.png"><img class="alignnone size-medium wp-image-664" title="v-highlights" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/v-highlights.png" alt="" width="164" height="168" /></a></p>
<p>When this is done we will have something similar to below and will be left with one final step:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/after-v-liquid.png"><img class="alignnone size-medium wp-image-665" title="after-v-liquid" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/after-v-liquid-600x200.png" alt="" width="600" height="200" /></a></p>
<h3>Step 8 &#8211; Adding A Slogan/Motto</h3>
<p>To finish we are going to add a simple slogan/motto to the bottom right of the word &#8220;Creativity&#8221; so make sure your foreground colour is set to white and type the text &#8220;It&#8217;s Amazing What You Can Do&#8230;&#8221; or something similar and then open up the blending options menu and add a simple drop shadow you are then left with the below:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/final-text.png"><img class="alignnone size-medium wp-image-666" title="final-text" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/final-text.png" alt="" width="338" height="42" /></a></p>
<p>With this done we are finished, feel free to add more things to it, and experiment with different shapes and words and see what you come up with, if you create something then why not upload it to the <strong><a href="http://www.flickr.com/groups/online-photoshoptutorials/" target="_blank">&#8220;Photoshop Tutorials Flickr Group&#8221;</a></strong> so others can see what you have achieved</p>
<p>So now we are finished you should have something that looks like the below:</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/creativity1.png"><img class="alignnone size-medium wp-image-667" title="creativity1" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/09/creativity1-600x375.png" alt="" width="600" height="375" /></a></p>
<p>And as always if you have any problems with this tutorial then don’t hesitate to leave me a comment or email me at: <a href="mailto:stevie489@googlemail.com">stevie489@googlemail.com</a> and I will help you as much as I can…</p>
<p><a href="http://www.online-photoshoptutorials.com/wp-content/uploads/PSD/Creativity.zip"><img class="alignnone size-medium wp-image-313" title="psd-download" src="http://www.online-photoshoptutorials.com/wp-content/uploads/2008/08/psd-download.png" alt="" width="300" height="150" /></a>
<div class="tweetmeme_button" style="float: left; margin-right: 10px; margin-top: 7px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.online-photoshoptutorials.com%2F2008%2F09%2Fthe-creativity-wallpaper.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.online-photoshoptutorials.com%2F2008%2F09%2Fthe-creativity-wallpaper.html&amp;source=stevie489&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
]]></content:encoded>
			<wfw:commentRss>http://www.online-photoshoptutorials.com/2008/09/the-creativity-wallpaper.html/feed</wfw:commentRss>
		<slash:comments>54</slash:comments>
		</item>
		<item>
		<title>The New Website</title>
		<link>http://www.online-photoshoptutorials.com/2008/08/the-new-website.html</link>
		<comments>http://www.online-photoshoptutorials.com/2008/08/the-new-website.html#comments</comments>
		<pubDate>Sat, 23 Aug 2008 20:45:51 +0000</pubDate>
		<dc:creator>Steve Tolley</dc:creator>
				<category><![CDATA[Website News/Updates]]></category>
		<category><![CDATA[New]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.online-photoshoptutorials.com/?p=271</guid>
		<description><![CDATA[WordPress&#8230; As you can probably see the website has changed, as I was promising for quite a while on the old website I was working on a new design, and this is the outcome, so far I havent finished absolutely everything yet as there is still some pages and posts that need to be arranged [...]]]></description>
			<content:encoded><![CDATA[<h3>WordPress&#8230;</h3>
<p>As you can probably see the website has changed, as I was promising for quite a while on the old website I was working on a new design, and this is the outcome, so far I havent finished absolutely everything yet as there is still some pages and posts that need to be arranged and added, but I thought I would get most of it uploaded and then finish it from there.</p>
<p>I hope you all like it and any feedback/criticism would be much appreciated, as I need to know of any errors or invalid links/images so if you find any either contact me via the contact form or leave me a comment on this post and I will do my best to fix it.</p>
<p>Also now this is up it means I can start doing some more posts again and upload some more of my tutorials,</p>
<p>There is also a new page on the website called <strong>&#8220;Your Tutorials&#8221;</strong> this section is for you to request a tutorial or upload one of your own using the included form (which needs tweaking still) as I am always happy to be helped when writing them as it is difficult to keep on top of this and my studies aswell so any help would be appreciated,</p>
<p>Thanks and happy Photoshopping,<br />
<em>Steve</em>
<div class="tweetmeme_button" style="float: left; margin-right: 10px; margin-top: 7px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.online-photoshoptutorials.com%2F2008%2F08%2Fthe-new-website.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.online-photoshoptutorials.com%2F2008%2F08%2Fthe-new-website.html&amp;source=stevie489&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
]]></content:encoded>
			<wfw:commentRss>http://www.online-photoshoptutorials.com/2008/08/the-new-website.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

