<?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>Graphic Design by Sean Turtle &#187; Tutorials</title>
	<atom:link href="http://www.turtledesign.co.uk/category/tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.turtledesign.co.uk</link>
	<description>A graphic designer from Nottingham, I offer freelance design services for both print and the web.</description>
	<lastBuildDate>Fri, 30 Jul 2010 14:53:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>Understanding how logos work</title>
		<link>http://www.turtledesign.co.uk/2009/10/20/understanding-how-logos-work/</link>
		<comments>http://www.turtledesign.co.uk/2009/10/20/understanding-how-logos-work/#comments</comments>
		<pubDate>Tue, 20 Oct 2009 20:58:05 +0000</pubDate>
		<dc:creator>Turts</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[logo design]]></category>

		<guid isPermaLink="false">http://172.16.1.46:8888/td_test/?p=490</guid>
		<description><![CDATA[The stars have truly aligned for me this past couple of days. I've been helping a friend of a friend (actually, a friend of my wife's, but there you go) to do some design work for a 'project' (will be posting the artwork as soon as it's finalised) and one of the things they wanted was a new logo design. Not just any logo design, but a literal logo design. These are not my favourite kinds of logo, and here's why.]]></description>
			<content:encoded><![CDATA[<p>The stars have truly aligned for me this past couple of days. I've been helping a friend of a friend (actually, a friend of my wife's, but there you go) to do some design work for a 'project' (will be posting the artwork as soon as it's finalised) and one of the things they wanted was a new logo design. Not just any logo design, but a <em>literal </em>logo design. These are not my favourite kinds of logo, and here's why.</p>
<p>Logo design is such a grey area (only in terms of the varying quality you see every day – it's actually one of the most specalised design disciplines). Despite people being affected (subconsciously or otherwise) by the brands they see in their everyday lives, whenever (not always, but the majority of the time) a company/person needs a logo designing for themselves, they don't seem able to mentally draw parallels between succesful brands, and the one they wish to create. As such, literal thought processes take hold, and the finished project often falls short of what it is their brand needs (notice the ommision of the phrase "what they want").</p>
<p>If you look at successful brands (especially the cream of the crop) the brand is <strong>very</strong> rarely a visual description of the service/product, yet it is still indelibly marked in your brain (Nike swoosh, Fed-Ex, Amazon etc). Why? This is open to interpretation, but for me, it's because the unique design of the logo, coupled (this is the important bit) <em>with the quality of the product/service, creates the brand</em>, not the fact that the ''Mista Kleen-EZ" logo has a mop on it. This is why the majority of designers (particularly the good ones) will always veer away from the obvious, because it's <em>obvious</em>. Your brand should be unique, and if it's clichéd, it just won't cut the mustard.</p>
<p>So, when I was asked to create this logo (I'm not going to go into detail, as I don't want to offend the client/incur the wrath of my wife) and they made it clear that it needed to literally portray what it was, I heaved a great (internal) sigh. My pride in my work extends to the pride I take in helping a business to establish themselves, and there are some things which (unintentionally) harm your brand, none more so than a logo which, because it describes the business too literally, can't help but make things look tacky – and that's the last thing (usually) that a client wants.</p>
<p>Anyway, I digress. The reason the stars have aligned for me (in a very small, particular way) was that I stumbled across an analysed approach to logo design (via the website of the very successful <a title="Jacob Cass discusses logo design" href="http://justcreativedesign.com/2009/07/27/what-makes-a-good-logo/" target="_blank">Jacob Cass</a>) and I think it helps to explain, far more eloquently than I ever could, what makes a logo so successful. And through examples of omission, it provides friendly examples to designers who are trying to point out what it is that logos <strong>shouldn't </strong>contain. You can read the article <a title="Logo Design Tips" href="http://logodesignerblog.com/logo-design-tips-you-can-learn-from-the-worlds-biggest-brands/" target="_blank">here</a>.</p>
<p>A good logo does not a great brand make, but a poor logo can cause serious damage to any desired presence in the marketplace.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.turtledesign.co.uk/2009/10/20/understanding-how-logos-work/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial: Print lists &#8211; adding graphics</title>
		<link>http://www.turtledesign.co.uk/2009/10/09/tutorial-print-lists-adding-graphics/</link>
		<comments>http://www.turtledesign.co.uk/2009/10/09/tutorial-print-lists-adding-graphics/#comments</comments>
		<pubDate>Fri, 09 Oct 2009 09:17:20 +0000</pubDate>
		<dc:creator>Turts</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[embedded graphics]]></category>
		<category><![CDATA[formatting text]]></category>
		<category><![CDATA[Print lists]]></category>

		<guid isPermaLink="false">http://172.16.1.46:8888/td_test/?p=448</guid>
		<description><![CDATA[Lists in print design don't get a lot of press - certainly nowhere near as much as their html counterparts, so I came up with this solution, and just wanted to share it in case anyone else has a similar situation.]]></description>
			<content:encoded><![CDATA[<p>Lists in print design don't get a lot of press - certainly nowhere near as much as their html counterparts. I needed to make a list yesterday that had numerous entries that needed to be 'highlighted' for their quality (it was a wine list brochure, but I digress). I know that a lot of people would simply create picture boxes over the text boxes (which for me is neither accurate nor consistent enough, and also, if anything on the page moves, you're pretty much screwed) so I came up with this solution, and just wanted to share it in case anyone else has a similar situation. It allows you to combine graphics with lists to make them a little more unique, whilst retaining the ability to format and flow your text.</p>
<h1>Create your document</h1>
<p><a rel="lightbox" href="http://172.16.1.46:8888/wp-content/uploads/2009/10/StageOne_Large.jpg"><img class="alignleft size-full wp-image-445" title="StageOne" src="http://172.16.1.46:8888/wp-content/uploads/2009/10/StageOne.jpg" alt="StageOne" width="440" height="150" /></a></p>
<p>I've created a new document in Quark (only because the program gets very little attention - this technique will work just as well in inDesign). All you need to do is create your text box and fill it with your list (I should point out that it doesn't have to be a list, you can use this technique to highlight any piece of text).</p>
<h1>Making your list</h1>
<p><a rel="lightbox" href="http://172.16.1.46:8888/wp-content/uploads/2009/10/StageThree_Large.jpg"><img class="alignleft size-full wp-image-466" title="StageThree" src="http://172.16.1.46:8888/wp-content/uploads/2009/10/StageThree.jpg" alt="StageThree" width="440" height="150" /></a></p>
<p>As I've already mentioned, this technique isn't isolated to lists, but for the purpose of this, we'll stick with it. Get your text, and style it anyway you want to.</p>
<h1>Create your graphics</h1>
<p><a rel="lightbox" href="http://172.16.1.46:8888/wp-content/uploads/2009/10/StageFive_L.jpg"><img class="alignleft size-full wp-image-469" title="StageFive" src="http://172.16.1.46:8888/wp-content/uploads/2009/10/StageFive.jpg" alt="StageFive" width="440" height="150" /></a></p>
<p>Time to switch to Illustrator (or the graphics package of your choice). Create the graphic you want use, for this I've simply made a red rectangle with rounded corners. Note that this should tie in with the leading of your list (my list back in Quark has 12pt leading, and I've made the height of this rectangle 14pt to give me a little space - make sure you type in 'pt' after your height measurement otherwise it will default to the measurements set in your preferences).</p>
<h1>Import your graphic</h1>
<p>Time to go back to Quark. We now need to make a picture box and import the graphic at 100%. Make the size of your picture box 1mm wide by 12pt hight (again, ensure you specify the measurements in the Quark dialog boxes). You can now import your picture, though in truth you will see very little of it (we'll come to that in a second). What we now need to do is remove the restrictions in place, so that the picture extends beyond the boundaries of the image box.</p>
<p>For this, press +alt+T. This will bring up the clipping dialog box. Select 'Picture Bounds' in the type drop down menu, and then uncheck 'Restrict to Box'. Click OK. You should now be able to see your full graphic.</p>
<p><a href="http://172.16.1.46:8888/wp-content/uploads/2009/10/StageSix.jpg"><img class="alignleft size-full wp-image-475" title="StageSix" src="http://172.16.1.46:8888/wp-content/uploads/2009/10/StageSix.jpg" alt="StageSix" width="440" height="150" /></a></p>
<p>We now need to embed the graphic in the text box. Using the <strong>item tool</strong>, select your graphic box, and press +X to cut the box. Then, switch to the <strong>content tool </strong>and place the cursor in the place you wish to embed the graphic (I placed it at the very beginning of the line on one of the list entries) press +V to paste the graphic on the line of text. We now need to ensure the box doesn't affect the alignment of the text line in relation to the other list entries.</p>
<p><a rel="lightbox" href="http://172.16.1.46:8888/wp-content/uploads/2009/10/StageSeven_Large.jpg"><img class="alignleft size-full wp-image-477" title="StageSeven" src="http://172.16.1.46:8888/wp-content/uploads/2009/10/StageSeven.jpg" alt="StageSeven" width="440" height="150" /></a></p>
<p>Bring up the runaround dialog box (+T). We need to ensure that the runaround to the right of the graphic box is ignored by the text. As the width of our graphic box is 1mm, we just need to negate that, so make the runaround -1mm.</p>
<p>Now you need to just adjust the position of the graphic (using the <strong>content tool</strong>) to your satisfaction. Once you've done this, you're finished. The graphic is effectively text now, so you can copy and paste the graphic as many times as you like, and they will all be consistently in the correct place on each line. The beauty of this technique is that if you make any alts to the text, the graphic flows with it, so you don't need to worry about things being out of position.</p>
<p>Hope this helps.</p>
<p>Sean</p>
]]></content:encoded>
			<wfw:commentRss>http://www.turtledesign.co.uk/2009/10/09/tutorial-print-lists-adding-graphics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
