<?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>Website Design Sheffield - Mark Goddard &#187; illustration</title>
	<atom:link href="http://blog.0100.tv/tag/illustration/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.0100.tv</link>
	<description>Web Design &#38; Development blog</description>
	<lastBuildDate>Sat, 02 Oct 2010 09:47:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Business Card design, how to do it right!</title>
		<link>http://blog.0100.tv/2009/11/business-card-design-how-to-do-it-right/</link>
		<comments>http://blog.0100.tv/2009/11/business-card-design-how-to-do-it-right/#comments</comments>
		<pubDate>Sat, 28 Nov 2009 16:26:07 +0000</pubDate>
		<dc:creator>Mark Goddard</dc:creator>
				<category><![CDATA[Downloads]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[Photography]]></category>

		<guid isPermaLink="false">http://blog.0100.tv/?p=589</guid>
		<description><![CDATA[We&#8217;ve all been there, with an opportunity to impress only to fail by handing out a scrappy piece of paper with your name and number on. Is anyone likely to find that piece of paper again once they&#8217;ve put it down? Are they likely to pass it along to another potential client? Or are they [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-593" title="Business Card" src="http://blog.0100.tv/wp-content/uploads/2009/11/cards1.jpg" alt="Business Card" width="510" height="306" /></p>
<p>We&#8217;ve all been there, with an opportunity to impress only to fail by handing out a scrappy piece of paper with your name and number on. Is anyone likely to find that piece of paper again once they&#8217;ve put it down? Are they likely to pass it along to another potential client? Or are they more likely to throw it in the trash?</p>
<p>A business card is an important piece of promotional material. Something that is unlikely to be thrown away if it does it&#8217;s job properly. It must be memorable, easy to read and contain all the information needed in a short amount of space.<span id="more-589"></span></p>
<h3>Making an impact&#8230;</h3>
<p>A business card usually comprises of two separate sections, and these two sections give you ample opportunity to get your point across quickly and concisely.</p>
<h3>Section 1 &#8211; The imagination</h3>
<p><img class="alignnone size-medium wp-image-590" title="artfully6" src="http://blog.0100.tv/wp-content/uploads/2009/11/artfully6-510x342.png" alt="artfully6" width="510" height="342" /></p>
<p>The first section (namely the front of the card) is your canvas to create whatever you like. Try a doodle on your Wacom, write a funny line or even pop your tag line on there (mine for example is <em>Artfully Illuminating Design</em>, something I&#8217;ve stuck with from day one). It allows you to show a bit of personality, a bit of creativity and create something more eye catching than a scrap of paper.</p>
<p>The above design is quite eye catching using a bright blue (my trademark colour). Someone is unlikely to throw it away and is likely to remember the card. The little tag-line of &#8220;<strong><a href="http://en.wikipedia.org/wiki/All_your_base_are_belong_to_us" target="_blank">all your design are belong to us</a></strong>&#8221; probably won&#8217;t be understood by most clients as it&#8217;s a rip off of a humorous online phrase. It can however add that little extra in allowing the potential client to remember you.</p>
<p>Try drawings, jokes, fancy patterns, cartoons, phrases, photographs or even Haiku. It can really make a boring piece of card interesting.</p>
<h3>Section 2 &#8211; The details</h3>
<p>So you&#8217;ve got your potential clients attention, how do we hammer home the contact details?</p>
<p>It&#8217;s all about organisation and importance. You need to gently organise your details according to what you want on there. Obvious details are telephone number, email address and website (if you have one). Additional details you could apply are (depending on your industry);</p>
<ol>
<li>Address</li>
<li>Work &amp; Mobile telephone numbers</li>
<li>Social networking links (such as Twitter)</li>
<li>Alternative contact details such as Skype</li>
<li>Fax number (not so common lately)</li>
<li>Your job title</li>
<li>Your skills/attributes</li>
</ol>
<p>Don&#8217;t overload the card with details, only list the important stuff and make sure the important stuff is the largest test on the card. Also ensure it&#8217;s readable when printed before you go an order 500 business cards. You have to bear in mind that just because it&#8217;s large on your 27&#8243; monitor, it&#8217;s not when it&#8217;s printed only 3 inches wide.</p>
<h3>Free Photoshop Template (UK sizes)</h3>
<p>I&#8217;ve drummed up a few free templates for you to use. Simply pop in your details, print them and see how the look!</p>
<p>Please note these are set at <a href="http://en.wikipedia.org/wiki/Business_card#Dimensions" target="_blank">85mm x 55mm</a> which <a href="http://en.wikipedia.org/wiki/Business_card#Dimensions" target="_blank">may need changing before printing depending on which country your in</a>.</p>
<p>Please also make sure your guide lines are on by using the shortcut Ctrl+H/Apple+H or clicking View&gt;Extras. The outer border is your cropping area and the innder border is your bleed area. The inner rectangle is your safe zone. Try to keep everything in there. Happy designing!</p>
<p><img class="alignnone size-full wp-image-596" title="Business Card Example" src="http://blog.0100.tv/wp-content/uploads/2009/11/example.gif" alt="Business Card Example" width="503" height="166" /></p>
<p><a href="http://blog.0100.tv/wp-content/uploads/2009/11/example2.psd">Section 1 &#8211; The Imagination</a> | <a href="http://blog.0100.tv/wp-content/uploads/2009/11/example1.psd">Section 2 &#8211; The Details</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.0100.tv/2009/11/business-card-design-how-to-do-it-right/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Free Cool Wallpaper for download</title>
		<link>http://blog.0100.tv/2009/08/free-cool-wallpaper-for-download/</link>
		<comments>http://blog.0100.tv/2009/08/free-cool-wallpaper-for-download/#comments</comments>
		<pubDate>Sun, 02 Aug 2009 17:23:26 +0000</pubDate>
		<dc:creator>Mark Goddard</dc:creator>
				<category><![CDATA[Downloads]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[light]]></category>
		<category><![CDATA[light trail]]></category>
		<category><![CDATA[wallpaper]]></category>

		<guid isPermaLink="false">http://blog.0100.tv/?p=327</guid>
		<description><![CDATA[I&#8217;ve been toying with Photoshop filters and different colours lately for a project at work and decided that what I created was good enough as a wallpaper! Therefore I am now announcing for download &#8220;Funkydory&#8220;. A very colourful and stylised background for your computer in many different screen resolutions. Just pick yours from the list [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-328" title="Funkydory" src="http://blog.0100.tv/wp-content/uploads/2009/08/thumb.jpg" alt="Funkydory" width="510" height="322" /></p>
<p>I&#8217;ve been toying with Photoshop filters and different colours lately for a project at work and decided that what I created was good enough as a wallpaper! Therefore I am now announcing for download &#8220;<strong>Funkydory</strong>&#8220;. A very colourful and stylised background for your computer in many different screen resolutions. Just pick yours from the list below!</p>
<p><a href="http://0100.tv/d/funkydory/funkydory_1024x768.jpg">1024&#215;768</a> | <a href="http://0100.tv/d/funkydory/funkydory_1280x800.jpg">1280&#215;800</a> | <a href="http://0100.tv/d/funkydory/funkydory_1440x900.jpg">1440&#215;900</a> | <a href="http://0100.tv/d/funkydory/funkydory_1600x1200.jpg">1600&#215;1200</a> | <a href="http://0100.tv/d/funkydory/funkydory_1680x1050.jpg">1680&#215;1050</a> | <a href="http://0100.tv/d/funkydory/funkydory_1920x1080.jpg">1920&#215;1080</a> | <a href="http://0100.tv/d/funkydory/funkydory_480x320_larger.png">iPhone/iPod Touch</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.0100.tv/2009/08/free-cool-wallpaper-for-download/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Spam Drawings</title>
		<link>http://blog.0100.tv/2009/07/spam-drawings/</link>
		<comments>http://blog.0100.tv/2009/07/spam-drawings/#comments</comments>
		<pubDate>Wed, 29 Jul 2009 12:31:40 +0000</pubDate>
		<dc:creator>Mark Goddard</dc:creator>
				<category><![CDATA[graphic design]]></category>
		<category><![CDATA[illustration]]></category>

		<guid isPermaLink="false">http://blog.0100.tv/?p=324</guid>
		<description><![CDATA[Elliott Burford has drawn some awesome ideas related to spam headlines. Such classics as &#8220;Win your victory in bed&#8221; and &#8220;Show your longer organ off to your buddies&#8221; have been creatively drawn Head over to elliottburford.com for 22 more illustrations. Brilliant.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-325" title="Victory" src="http://blog.0100.tv/wp-content/uploads/2009/07/victory.jpg" alt="Victory" width="510" height="150" /></p>
<p><a href="http://elliottburford.com/index.php?/illustration/spam-new/" target="_blank">Elliott Burford</a> has drawn some awesome ideas related to spam headlines.</p>
<p>Such classics as &#8220;Win your victory in bed&#8221; and &#8220;Show your longer organ off to your buddies&#8221; have been creatively drawn</p>
<p>Head over to <a href="http://elliottburford.com/index.php?/illustration/spam-new/" target="_blank">elliottburford.com</a> for 22 more illustrations. Brilliant.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.0100.tv/2009/07/spam-drawings/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>University is over! (for a year anyway)</title>
		<link>http://blog.0100.tv/2009/07/university-is-over-for-a-year-anyway/</link>
		<comments>http://blog.0100.tv/2009/07/university-is-over-for-a-year-anyway/#comments</comments>
		<pubDate>Mon, 06 Jul 2009 19:23:18 +0000</pubDate>
		<dc:creator>Mark Goddard</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Downloads]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[University]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[camera]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[json]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[powerpoint]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://blog.0100.tv/?p=270</guid>
		<description><![CDATA[So University is done and dusted for 2009. I won&#8217;t be returning until September 2010 which makes for a nice break. In the end I got my grades (A,A,B,B,B,C) which I was very happy with. To top all this off I thought I&#8217;d showcase some of the work I did to receive these grades. Visual [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.0100.tv/wp-content/uploads/2009/07/stamps_final.jpg"><img class="alignnone size-full wp-image-291" title="Stamps" src="http://blog.0100.tv/wp-content/uploads/2009/07/stamps.jpg" alt="Stamps" width="510" height="150" /></a></p>
<p>So University is done and dusted for 2009. I won&#8217;t be returning until September 2010 which makes for a nice break. In the end I got my grades (A,A,B,B,B,C) which I was very happy with. To top all this off I thought I&#8217;d showcase some of the work I did to receive these grades.</p>
<h3><strong>Visual Design</strong> <em>(B Grade)</em></h3>
<p><a href="http://turnitoff.info/2.jpg"><img class="alignnone size-full wp-image-293" title="Plugs" src="http://blog.0100.tv/wp-content/uploads/2009/07/plugs.jpg" alt="Plugs" width="510" height="150" /></a><br />
I&#8217;ll start with a Module I didn&#8217;t thoroughly enjoy this year due to boring briefs, however, I did a little bit of illustration for it which included some postage stamps, posters and even included some Video in After Effects. You can see the video, the illustrations and the posters over at <a href="http://turnitoff.info/">http://turnitoff.info/</a> (the posters reside in the footer of the page)<br />
The site was built using the latest in Javascript and jQuery technology so check it out, hover over the elements, play with the buttons. Your probably better off using FireFox too, as IE couldn&#8217;t really handle it&#8217;s superior web modernness. <strong>Make sure you check out the video at the bottom of the website too</strong> (yes that is me speaking sounding common as muck).</p>
<p>For Visual design I <a href="http://blog.0100.tv/wp-content/uploads/2009/07/stamps_final1.jpg">also illustrated the stamps</a> shown in the header image. It&#8217;s based on Music Technology over the years and I think I captured the best four from the past century or so. You can <a href="http://blog.0100.tv/wp-content/uploads/2009/07/stamps_final1.jpg">see them in all their vector glory</a> too.</p>
<h3><a href="http://blog.0100.tv/wp-content/uploads/2009/07/website2.2.2.jpg"></a><a href="http://blog.0100.tv/wp-content/uploads/2009/07/website2.2.2.jpg"><img class="alignright size-medium wp-image-295" title="Website" src="http://blog.0100.tv/wp-content/uploads/2009/07/website2.2.2-205x150.jpg" alt="Website" width="205" height="150" /></a><strong>Multimedia Product</strong><em> (C Grade)</em></h3>
<p>This was a complex one, which also means I can&#8217;t demonstrate it online. The idea was simple, Unique Bidding auctions.</p>
<p>The site featured a <strong>worlds first</strong> in online bidding. Live real time bidding in auctions. You could actually watch LIVE bidders placing their respective amounts on the page as it went along. This meant users could bid against each other based on other users&#8217; bids. Clever eh! It was all jQuery and PHP grabbing the data from a database. It was awfully complex and also included a 10,000 word document explaing the process and research behind it. There was also a <a href="http://blog.0100.tv/wp-content/uploads/2009/07/SuiGenerisPresentation.ppsx">very fancy presentation which explains the fundementals</a> if anyone wants to watch it. <a href="http://blog.0100.tv/wp-content/uploads/2009/07/SuiGenerisPresentation.ppsx">Its the branding, the functionality and the UI all rolled into a short few slides</a>.</p>
<p>It also had it&#8217;s own iPhone web application which tied into the whole site shwoing live bids from anywhere in the world at any time.</p>
<h3><strong>Web Programming</strong><em> (A grade)</em></h3>
<p>Another interesting one. And one which I actually really enjoyed.</p>
<p><a href="http://blog.0100.tv/wp-content/uploads/2009/07/guest.jpg"></a><a href="http://blog.0100.tv/wp-content/uploads/2009/07/guest.jpg"><img class="alignright size-medium wp-image-297" title="guest" src="http://blog.0100.tv/wp-content/uploads/2009/07/guest-186x150.jpg" alt="guest" width="186" height="150" /></a>Assignment one involved <a href="http://hermes.hud.ac.uk/u0754700/assign1/">building a file based Guestbook</a> with full admin features, the ability to edit posts and delete them, a <strong>swear word filter</strong> to stip out those naughty words and a slick simple UI. It also had AJAX editing of comments right in the page. No loading, no navigating, just click and change! I think you can guess what <em>Lady Part</em> and <em>Ping Pongs</em> were supposed to say! It maybe available as a free download if anyone is interested in the future.</p>
<p>Assignment two <a href="http://hermes.hud.ac.uk/u0754700/assign2/">was a dog database</a> website. Very similar to Battersea dogs homes website. It needed full admin controls and the ability to save dogs as favourites and have the ability to search the dogs too. The brief was very extensive, and I covered everything. <a href="http://hermes.hud.ac.uk/u0754700/assign2/">Check it out online right now</a>. I ended up building a commercial site based on this for <a href="http://cliffekennels.co.uk/">Cliffe Kennels</a>.</p>
<h3><strong>Authoring</strong> <em>(B Grade)</em></h3>
<p>It was basically <a href="http://0100.tv/d/showcase/spiro/">Actionscript 3.0 work</a>. For assignment 1 I had to develop an interface which included an <a href="http://0100.tv/d/showcase/spiro/">animation, using the drawing API and the components within Flash 8</a>. I ended up building a <a href="http://0100.tv/d/showcase/spiro/">Spirograph</a> kind of application which allowed you to colour it yourself and watch the application build it for you. Very nice! <a href="http://0100.tv/d/showcase/spiro/">Have a look at it</a>. I also built a flash gallery using XML and class files. But it&#8217;s not something I have online at the moment.</p>
<h3><strong>Multimedia Design &amp; Production </strong>(A Grade)</h3>
<p>This is a group project, and something which is a real challenge working with four different creative minds. My University chum <a href="http://chris.kovalenko.co.uk/news/launch/">Chris Kovalenko</a> was part of our A grade group which created a chairty website and CDROM called the West Yorkshire Autistic Society (completely fake). <a href="http://wyas.0100.tv/">Check out the site</a>.</p>
<h3><strong>Intro to Video</strong> <em>(B Grade)</em></h3>
<p>My mate Adam Fisher helped me out with this one as I couldn&#8217;t star, edit and film the whole video. He rode the bike, I edited it, The Chemists supplied the music. It actually works quite well for my first every video. So I&#8217;m quite happy with it as a 2nd year project.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="510" height="408" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=4680390&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="510" height="408" src="http://vimeo.com/moogaloop.swf?clip_id=4680390&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>That&#8217;s it! I hope this gives someone some kind of inspiration either for university or for their next project. If it did help you in any way shape or form, <strong>drop me a comment</strong>!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.0100.tv/2009/07/university-is-over-for-a-year-anyway/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

