<?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>Web, Design, SEO and other Hobbies &#187; Design</title>
	<atom:link href="http://www.gwdesign.net/blog/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.gwdesign.net/blog</link>
	<description>Graham Wöbcke : Sydney, Australia - Web and Design Tips plus any opinions I feel I need to express</description>
	<lastBuildDate>Fri, 16 Jul 2010 03:00:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>The London Olympics 2012 Logo</title>
		<link>http://www.gwdesign.net/blog/design/the-london-olympics-2012-logo/</link>
		<comments>http://www.gwdesign.net/blog/design/the-london-olympics-2012-logo/#comments</comments>
		<pubDate>Wed, 06 Jun 2007 07:01:50 +0000</pubDate>
		<dc:creator>Graham</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[London Olympics]]></category>
		<category><![CDATA[Misc]]></category>
		<category><![CDATA[Personal Opinions]]></category>

		<guid isPermaLink="false">http://www.gwdesign.net/blog/?p=453</guid>
		<description><![CDATA[I normally don&#8217;t get involved with issues such as this, but this one, I couldn&#8217;t resist. Why on earth would an Olympic Committee go with such a horrible logo, that does not represent anything to do with London or British culture. The logo they used in the bid was a much better design and in [...]]]></description>
			<content:encoded><![CDATA[<p>I normally don&#8217;t get involved with issues such as this, but this one, I couldn&#8217;t resist. Why on earth would an Olympic Committee go with such a horrible logo, that does not represent anything to do with London or British culture. The logo they used in the bid was a much better design and in my opinion much more representative of London itself (the ribbon represents the Thames). There are even theorists saying that this &#8216;crappy&#8217; logo was approved so Gordon Brown could boost his poll rating by &#8216;saving&#8217; the Olympic bid or it was approved to raise the profile of the London games &#8211; this may be the only thing it has achieved.</p>
<p>Anyway, see the bid logo and new &#8216;logo&#8217; for yourself:</p>
<p align="center"><img src='http://www.gwdesign.net/blog/wp-content/uploads/2007/06/london-logos.gif' alt='london-logos.gif' /></p>
<p>Unveiled on June 4th, Lord Coe unveils the logo for the 2012 Olympics in London claiming it is &#8220;ambitious, interactive and youth-friendly&#8221;. Organising committee chairman Lord Coe said: &#8220;It meets the biggest challenge we have over the next five years, which is reaching out to young people.&#8221;</p>
<p>For the first time, the logo will be used for the Olympics and Paralympics. Coe added: &#8220;It is interactive and absolutely at the heart of what we need to do &#8211; engaging the attention of young people through new media and the virtual world they can get transported into. &#8220;It will be imperative that it is flexible. I think it is way beyond any simple logo. &#8220;It reaches out to young people in new and creative ways and uses the language that they understand and all the technology that is familiar to us.&#8221;</p>
<p><strong>Anyone else laughing with me? How can you spend £400,000 on this? Imagine the cost of the website..</strong></p>
<p>With all the artistic talent in the UK, this is an insult to designers. The view of the UK public seems to reflect this as well. The BBC website even asked the public to submit ideas. This is the best idea submitted in my design opinion &#8212; very clever and well done.</p>
<p align="center"><img src='http://www.gwdesign.net/blog/wp-content/uploads/2007/06/londo-alt-logo.jpg' alt='londo-alt-logo.jpg' /></p>
<p>Here are some public comments taken from the BBC page source:</p>
<p><strong>1.</strong> <em>What ever % of my tax went to pay for that design at a mere £400,000, I would like a refund and then further compensation to have to look at this logo for the next 5 years.</em></p>
<p><strong>2.</strong> <em>£400,000. For that. Utterly ridiculous. Being in a class of 14/15 year olds, we designed 2012 logos based upon the rugged structure, and came up with fantastic ideas, promoting 2012 and also repesenting London and England as hosts for the Olympics. This is trying far too hard to communicate with youngsters. Yes it may communicate with them, but in the totally wrong way.</em></p>
<p><strong>3.</strong> <em>Genius! How about the inclusion of some TXT SPK, Sir Seb? I&#8217;ve wiped better looking logos from my backside.</em></p>
<p><strong>4.</strong> <em>Who in their right mind wants to wear a t-shirt with this logo or have it on their phone. It reminds me of the apprentice, the episode with the trainers. The naf trainer design that the women&#8217;s team came up with. And if you shrink the logo down slightly, it becomes unreadable and the london text disappears. Plus it says &#8217;20R&#8217; not &#8217;2012&#8242;.This is the dome all over again, when they were deluded into thinking that the content inside the dome was what people wanted to see, when in fact it wasn&#8217;t.</em></p>
<p><strong>5.</strong> <em>I have just figured it out. The cost breaks down as 25 pence for the design and £399,999.75 to register the trademark.</em></p>
<p><strong>If you are in the UK and you hate this logo or you are a fan of the Olympics and would never buy any merchandise with this logo, sign up on the online petition here: </strong><a href="http://www.gopetition.co.uk/signatures.php?petid=12539">http://www.gopetition.co.uk/signatures.php?petid=12539</a></p>
<p><BR><small>Source of Quotes and Article Excerpts: BBC &#8211; <a href="http://www.bbc.co.uk/london/content/articles/2007/06/04/2012_new_logo_feature.shtml">http://www.bbc.co.uk/london/content/articles/2007/06/04/2012_new_logo_feature.shtml</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.gwdesign.net/blog/design/the-london-olympics-2012-logo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Foxit PDF Reader</title>
		<link>http://www.gwdesign.net/blog/design/foxit-pdf-reader/</link>
		<comments>http://www.gwdesign.net/blog/design/foxit-pdf-reader/#comments</comments>
		<pubDate>Fri, 21 Jul 2006 04:34:17 +0000</pubDate>
		<dc:creator>Graham</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Computers and Software]]></category>
		<category><![CDATA[Portable Apps]]></category>

		<guid isPermaLink="false">http://www.gwdesign.net/blog/?p=253</guid>
		<description><![CDATA[By now, you would have realised that I have a preference to non-bloatware applications that require no install and don&#8217;t screw up your windows registry. One such program that has become an integral part of my everyday work is the Foxit PDF Reader. Foxit Reader is quick to download and it needs no installation. You [...]]]></description>
			<content:encoded><![CDATA[<p>By now, you would have realised that I have a preference to non-bloatware applications that require no install and don&#8217;t screw up your windows registry. One such program that has become an integral part of my everyday work is the <a href="http://www.foxitsoftware.com/pdf/rd_intro.php" target="_newWin">Foxit PDF Reader</a>.</p>
<p>Foxit Reader is quick to download and it needs no installation. You just double-click the exe file to start the reader and your away. Foxit run on all flavours of Windows making the printing and reading of PDF documents even easier than before.</p>
<p><img id="image254" src="http://www.gwdesign.net/blog/wp-content/uploads/2006/07/foxit.jpg" alt="foxit.jpg" /></p>
<p>Foxit Reader also has the ability to read Chinese/Japanese/Korean character sets, but you will need to download an additional support package named &#8220;FPDFCJK.BIN&#8221; (about 1.8MB) to gain this feature.</p>
<p>I cannot recommend Foxit Reader highly enough and I have uninstalled Acrobat Reader from all of my sytems. I have also placed a copy on every USB stick I own to make sure I never leave without it.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gwdesign.net/blog/design/foxit-pdf-reader/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop Retouching &#8211; The Snare Drum Image</title>
		<link>http://www.gwdesign.net/blog/design/photoshop-retouching-the-snare-drum-image/</link>
		<comments>http://www.gwdesign.net/blog/design/photoshop-retouching-the-snare-drum-image/#comments</comments>
		<pubDate>Wed, 21 Jun 2006 13:42:25 +0000</pubDate>
		<dc:creator>Graham</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.gwdesign.net/blog/?p=216</guid>
		<description><![CDATA[This post will explain how I changed an image of a snare provided by a member of the PearlDrummerForum to show what it would be like with the finish he liked on a particular drum kit. Read Thread Here Here is the photo of the kit that was provided. And here is the photo of [...]]]></description>
			<content:encoded><![CDATA[<p>This post will explain how I changed an image of a snare provided by a member of the PearlDrummerForum to show what it would be like with the finish he liked on a particular drum kit. <a href="http://www.pearldrummersforum.com/showthread.php?t=141396&#038;page=1&#038;pp=12" target="_newWin">Read Thread Here</a></p>
<p>Here is the photo of the kit that was provided.</p>
<p align="center"><img id="image217" src="http://www.gwdesign.net/blog/wp-content/uploads/2006/06/silverglassDanH.jpg" alt="silverglassDanH.jpg" /></p>
<p>And here is the photo of the snare drum, a Yamaha Akira Jimbo 13&#215;7 Snare with maple hoops. Lucky for me, it was a high contrast image as this makes it a lot easier.</p>
<p><img id="image218" src="http://www.gwdesign.net/blog/wp-content/uploads/2006/06/Yamaha-Akira-Jimbo-Snare.jpg" alt="Yamaha-Akira-Jimbo-Snare.jpg" /></p>
<p><img id="image226" src="http://www.gwdesign.net/blog/wp-content/uploads/2006/06/drum-ps1b1.jpg" alt="drum-ps1b1.jpg"  align="right" style="padding-left:15px;padding-bottom:135px;"/>OK. So where do we start? Well, we obviously load the snare image inside Photoshop, but we should also do a few other things before we start any work. I created a blank document the same size as the snare image and I then added the snare image as Layer 1. Underneath Layer 1, I added a solid colour layer that is bright and one we would never expect to see in the image. You will see why we do this later, but I selected a bright pink colour and created Layer 2 underneath Layer 1. Take a look at the layer pallete here to see what I mean.</p>
<p>Right, time to make some non-destructive edits. In Photoshop, I find I very rarely need to use the Eraser tool. I always prefer to use a non-desctructive method of editing called masking. If you have never done masking before, I will explain to you how to do this now.</p>
<p><img id="image227" src="http://www.gwdesign.net/blog/wp-content/uploads/2006/06/drum-ps1c.jpg" alt="drum-ps1c.jpg"  align="right" style="padding-left:15px;padding-bottom:95px;"/>The first masked layer we will create is one that will allow us to change the finish on the drum but leave all other elements as they were in the initial image. So, the first thing we should do is duplicate Layer 1, so it sits above Layer 1 on the palette. I have also renamed the layer to a more meaningful name, in this case, Drum Finish. We can then refer to this Drum Finish layer later on with ease, knowing that this is the layer we are using. We now need to make suire we have selected that layer so click on the Drum Finish layer so it is highlighted. Now at the bottom of the layer palette is a row of icons. We need to select the second icon, the one that looks like a rectangle with a circle inside. This creates a layer mask for the currently hightlighted layer. Click on this icon and we should now see a mask layer to the right of the preview icon for the highlighted layer.</p>
<p><img id="image229" src="http://www.gwdesign.net/blog/wp-content/uploads/2006/06/drum-ps1e.jpg" alt="drum-ps1e.jpg" align="right" style="padding-left:15px;padding-bottom:80px;"/>With layer masks, we use the brush/pencil or fill tools to paint with either black to hide areas or white to show them. Firstly, turn off Layer 1 by clicking on the eye to the left of Layer 1 in the palette. We now start to paint with black to hide all of the areas of the drum other than the part that contains the drum finish. When doing this, we will notice that the pink colour starts to appear. This is great because we now know that the mask is doing its job and is hiding the areas we do not want to change. Continue to paint with black until you have masked out all that you do not want to change. If you make a mistake, simply undo or paint over with white to restore the masking on that section. As you can see, masking is a very powerful and useful tool to know how to use effectively.</p>
<p>Once we have masked the Drum Finish layer fully, your image should look something like this:</p>
<p><img id="image228" src="http://www.gwdesign.net/blog/wp-content/uploads/2006/06/drum-ps1d.jpg" alt="drum-ps1d.jpg" /></p>
<p>Don&#8217;t worry if your masking is slightly rough, it should still give a nice result. I have also purposely left in pieces of shading and black to add to the appearance of the final image.</p>
<p>Right, so now we are ready to start applying blending options to the Drum Finish layer and we can start to change the appearance of the drum. We firstly need to sample the finish from the provided photo and create a pattern with it so we can use it. Due to the different lighting inside the photo, I have taken two samples, one from the brightest part of the finish and one from the darkest part.</p>
<p>Here are the two samples I took.</p>
<p><img id="image235" src="http://www.gwdesign.net/blog/wp-content/uploads/2006/06/pattern2.jpg" alt="pattern2.jpg" /> <img id="image234" src="http://www.gwdesign.net/blog/wp-content/uploads/2006/06/pattern1.jpg" alt="pattern1.jpg" /></p>
<p>As you can see they are quite different but they both have similar tonally due only to the different lighting. So, what I decided to do was increase the contrast of the darker sample and add in some grain to create one high contrast sample and then use that as a pattern. Here is the sample I worked with.</p>
<p> <img id="image236" src="http://www.gwdesign.net/blog/wp-content/uploads/2006/06/pattern3.jpg" alt="pattern3.jpg" /></p>
<p>OK. Now using this sample, I created a pattern in Photoshop [Edit-Define Pattern] so I can then use it later as a pattern overlay blending mode. To create a blending option, simply right click on the selected layer and choose Blending Options. You&#8217;ll see the Layer Style window appear as below. Here we will need to use the pattern we just created on a Pattern Overlay. Place a check mark in the box next to Pattern Overlay and your options will appear in the right hand section.</p>
<p><img id="image233" src="http://www.gwdesign.net/blog/wp-content/uploads/2006/06/drum-ps1g.jpg" alt="drum-ps1g.jpg" /></p>
<p>Your drum finish should now look like blue bubbles because this is the default pattern. We will need to select our pattern from the pattern list by clicking on the button that opens the pattern picker and then selecting the pattern we created. Your drum will now have that grainy look from the pattern but it will be too intense. As we created a high contrast version of the pattern, we will want to reduce the opacity of the pattern to compensate for this. I reduced the opacity to around 25% and liked what I saw, so I went with that. Click OK and the blending mode is applied and this is how the drum should look now.</p>
<p><img id="image221" src="http://www.gwdesign.net/blog/wp-content/uploads/2006/06/drum6.jpg" alt="drum6.jpg" /></p>
<p>To keep the sparkles but make it slightly darker, we change Blend Mode from Normal to Linear Burn. As the underlaying colour of the drum finish is white, the pattern is burnt into the white and darker pixels are shown.</p>
<p><img id="image222" src="http://www.gwdesign.net/blog/wp-content/uploads/2006/06/drum7.jpg" alt="drum7.jpg" /></p>
<p>That was all that was asked for but I had some further fun with this drum by creating two more masked layers, one for the drums wooden rims and one for the drums hardware. Here are three other versions of the drum that I made. The green drum was using a Color Overlay layer that was using the Color Burn Blend Mode.</p>
<p><img id="image219" src="http://www.gwdesign.net/blog/wp-content/uploads/2006/06/drum1.jpg" alt="drum1.jpg" /></p>
<p>This drum was made by adding a Gradient Overlay layer, with a standard black to white gradient. The Blend Mode of this Gradient Overlay was set to Linear Burn so that the black was retained but the white was replaced with the green on the Color Overlay. The gradient was reversed so the black was on the top rather than the bottom and then the opacity was set to 66% on the gradient and the scale of the gradient was set to 55%. I also applied a black Color Overlay layer with a Blend Mode of Overlay and an opacity of 42% on the wooden rims to make them look more rich.</p>
<p><img id="image223" src="http://www.gwdesign.net/blog/wp-content/uploads/2006/06/drum12.jpg" alt="drum12.jpg" /></p>
<p>This final drum was made by applying a red Color Overlay and a Pattern Overlay on the finish layer. I then applied a black Color Overlay layer on the hardware with a Blend Mode of Pin Light and an opacity of 40%. Finally, I applied a black Color Overlay layer on the wooden rims with a Blend Mode of Color. I then set the layer style of the wooden rims layer to Linear Burn.</p>
<p><img id="image224" src="http://www.gwdesign.net/blog/wp-content/uploads/2006/06/drum15.jpg" alt="drum15.jpg" /></p>
<p>Right, so there you go. That is how we can manipulate an image in a non-destructive manner and achieve excellent results. I have provided the <A HREF="http://www.gwdesign.net/blog/wp-content/uploads/2006/06/masked_drum.zip">photoshop source file</a> for you to download and use so you get a better understanding of this process. Good luck and enjoy Photoshop!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gwdesign.net/blog/design/photoshop-retouching-the-snare-drum-image/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
