<?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>James Larkin &#187; design</title>
	<atom:link href="http://jameslarkin.ie/category/work/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://jameslarkin.ie</link>
	<description>Web Designer / Cat Obsessed / Irishman in Madrid</description>
	<lastBuildDate>Fri, 03 Feb 2012 10:37:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Black and white to colour in photoshop</title>
		<link>http://jameslarkin.ie/2011/04/13/black-and-white-to-colour-in-photoshop/</link>
		<comments>http://jameslarkin.ie/2011/04/13/black-and-white-to-colour-in-photoshop/#comments</comments>
		<pubDate>Wed, 13 Apr 2011 07:16:07 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[Black and white]]></category>
		<category><![CDATA[colorize]]></category>
		<category><![CDATA[colourize]]></category>
		<category><![CDATA[experiments]]></category>
		<category><![CDATA[marilyn monroe]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.jameslarkin.ie/?p=519</guid>
		<description><![CDATA[So I ended up playing with the converting of a black and white photo to colour (color for any american english people out there) in photoshop yesterday, I&#8217;ve actually thought about doing it for ages but saw a link to a tutorial on it which turned out to be a dead link. Anyways I needed [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.jameslarkin.ie/wp-content/uploads/2011/04/bwcolour1.jpg" alt="black and white to colour header" title="black and white to colour header" width="590" height="374" class="alignnone size-full wp-image-532" /></p>
<p>So I ended up playing with the converting of a black and white photo to colour (color for any american english people out there) in photoshop yesterday,</p>
<p>I&#8217;ve actually thought about doing it for ages but saw a link to a tutorial on it which turned out to be a dead link. Anyways I needed a decent Black and White photo (to start with anyways I&#8217;ve plans to convert a few old photos once I get the knack of things) I did a quick search and who could be more perfect to do than <a href="http://www.google.fr/search?q=marilyn+monroe&#038;hl=en&#038;prmd=ivnsulo&#038;source=lnms&#038;tbm=isch&#038;ei=H0mlTdy-A4iq8AOs1r25Dw&#038;sa=X&#038;oi=mode_link&#038;ct=mode&#038;cd=2&#038;sqi=2&#038;ved=0CBQQ_AUoAQ&#038;biw=1920&#038;bih=868 ">Google Image search for Marilyn Monroe</a>. You&#8217;ve got colour and black and white photos so you&#8217;ve go something to base things on (also some really high res images which is nice)</p>
<p>Selected my photo .. and basically means <strong>selecting the various areas you want</strong> with the lasso tool (I used the <strong>polygonal lasso tool</strong> for it&#8217;s clicky goodness) add a slight feather to the selected area copy and <strong>paste as a new layer</strong>. Then up to <strong>Layers</strong> and <strong>Adjustment layer</strong> -> <strong>Hue/Saturation</strong></p>
<p><img src="http://www.jameslarkin.ie/wp-content/uploads/2011/04/adjustmentlayer.jpg" alt="Adjustment Layer" title="Adjustment Layer" width="475" height="356" class="alignnone size-full wp-image-520" /></p>
<p>Then make sure to <strong>tick use previous layer to create clipping mask</strong></p>
<p><img src="http://www.jameslarkin.ie/wp-content/uploads/2011/04/usepreviouslayer.jpg" alt="Use previous layer to create clipping mask" title="Use previous layer to create clipping mask" width="466" height="144" class="alignnone size-full wp-image-521" /></p>
<p>And hey presto .. it&#8217;s slightly pain staking cutting out the bits but so cool to start seeing the results once you start adjusting the Hue / Saturation levels ( make sure to tick colorize or you may be wondering why nothing is happening)</p>
<p><img src="http://www.jameslarkin.ie/wp-content/uploads/2011/04/huesaturation.jpg" alt="Hue / Saturation" title="Hue / Saturation" width="458" height="307" class="alignnone size-full wp-image-522" /></p>
<p>And so you start to see some results &#8230; my first looking something like Andy Warhol&#8217;s Marilyn Monroe &#8230; Second version appearing a bit more like a technicolor version but I&#8217;m preferring it.</p>
<p><img src="http://www.jameslarkin.ie/wp-content/uploads/2011/04/stages-monroe.jpg" alt="stages-monroe" title="stages-monroe" width="590" height="766" class="alignnone size-full wp-image-530" /></p>
<p>And finally adding a vignette and a gradient mask onto the image and I got the result I wanted.</p>
<p><img src="http://www.jameslarkin.ie/wp-content/uploads/2011/04/final-monroe1.jpg" alt="Final Version of Monroe" title="Final Version of Monroe" width="590" height="749" class="alignnone size-full wp-image-531" /></p>
<p>Hair seems to be have been the trickiest part of this for me and yes I&#8217;ve left it rough in a few places hope you like the tips (though maybe they could be a bit clearer)</p>
<p>And of course once you&#8217;ve got all the areas mapped out it&#8217;s quite handy to tweak any colours to your hearts content </p>
<p><img src="http://www.jameslarkin.ie/wp-content/uploads/2011/04/final-reddress.jpg" alt="Marilyn Monroe Red Dress" title="Marilyn Monroe Red Dress" width="590" height="766" class="alignnone size-full wp-image-535" /></p>
<p>Edit: Should add a video tutorial on this is available at <a href="http://www.youtube.com/watch?v=cGc7oGWIrGg" rel="shadowbox[sbpost-519];player=swf;width=640;height=385;">Black and White to Colour Video</a> obviously goes into more detail about extracting things ended up pretty much following the first few steps and go the inspiration for photo character from it as well <img src='http://jameslarkin.ie/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://jameslarkin.ie/2011/04/13/black-and-white-to-colour-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Gluas for Galway &#8211; Light Rail / Trams</title>
		<link>http://jameslarkin.ie/2010/03/23/gluas-for-galway-light-rail-trams/</link>
		<comments>http://jameslarkin.ie/2010/03/23/gluas-for-galway-light-rail-trams/#comments</comments>
		<pubDate>Tue, 23 Mar 2010 08:06:03 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[gluas]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://www.jameslarkin.ie/?p=286</guid>
		<description><![CDATA[Time flys when you&#8217;re having fun. It also seems to fly when you&#8217;re really busy. Its now over 2 years since I registered the domain name gluas on behalf of the GLUAS working group. Points of contact change and people come and go within groups so I was contacted a while back to start making [...]]]></description>
			<content:encoded><![CDATA[<p>Time flys when you&#8217;re having fun. It also seems to fly when you&#8217;re really busy. Its now over 2 years since I registered the domain name gluas on behalf of the GLUAS working group. Points of contact change and people come and go within groups so I was contacted a while back to start making a few updates on the system. Of course given the power I&#8217;d like to do a redesign of the site but thats something for another day.</p>
<p>I originally created the logo for GLUAS and I have to admit its one of my favourite logos I&#8217;ve created to date.</p>
<p><img src="http://www.jameslarkin.ie/wp-content/uploads/2010/03/gluaslogo.jpg" alt="GLUAS Logo" title="GLUAS Logo" width="590" height="547" class="alignnone size-full wp-image-287" /></p>
<p>Integrating the track lines so to speak to the base of the text .. slightly slanted text for speed .. green for the nature of what the system and what it would mean for Galway. The gluas name of course is drawn from the dublin LUAS system only with a Galway based theme.</p>
<p>Recently it would appear that the Galway City Council has voted unanimously to make trams the preferred option for improving public transport in Galway. This I think is great news having had to put up with the bus routes / delays / buses that never showed up in Galway for countless years. (In the end I began walking from work up in Dangan into town regularly).</p>
<p>I&#8217;ve also gone ahead and created a Facebook page for Gluas &#8211; <a href="http://www.facebook.com/gluas">Gluas Facebook Page</a> so why not fan it today and stay up to date. It simply makes it easier for people to stay informed on matters if they see an update on their stream on Facebook and lets face it .. social media is the way to go on these things. For full updates however go on over to <a href="http://www.gluas.ie">www.gluas.ie</a> for full text on whats been happening. More changes to come on the site soon hopefully.</p>
]]></content:encoded>
			<wfw:commentRss>http://jameslarkin.ie/2010/03/23/gluas-for-galway-light-rail-trams/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>James Larkin gets a make over</title>
		<link>http://jameslarkin.ie/2010/02/11/james-larkin-gets-a-make-over/</link>
		<comments>http://jameslarkin.ie/2010/02/11/james-larkin-gets-a-make-over/#comments</comments>
		<pubDate>Thu, 11 Feb 2010 09:50:24 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[blue]]></category>
		<category><![CDATA[hybrid]]></category>
		<category><![CDATA[james larkin]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[update]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://www.jameslarkin.ie/?p=75</guid>
		<description><![CDATA[I installed the Hybrid Theme Framework the other day and must admit it took me a little while to realise what was going on with it. Once I did however I immediately threw the man the 25 quid subscription fee for access to the forums. Why Pay ? well he&#8217;s putting a lot of work [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.jameslarkin.ie/wp-content/uploads/2010/02/jameslarkin_newdesign.jpg" alt="JamesLarkin.ie new design promo shot" title="JamesLarkin.ie new design promo shot" width="590" height="333" class="aligncenter size-full wp-image-78" /></p>
<p>I installed the <a href="http://themehybrid.com/">Hybrid Theme Framework</a> the other day and must admit it took me a little while to realise what was going on with it. Once I did however I immediately threw the man the 25 quid subscription fee for access to the forums. Why Pay ? well he&#8217;s putting a lot of work into it so he might as well get something back. 25 dollars equates to 17 euro so I&#8217;m happy to help and getting support to questions in a timely manner is a major plus for me (he&#8217;s rather active on the forums on there as he should be) </p>
<p>So you&#8217;re here and you&#8217;re probably seeing blue .. a whole lot of blue. Don&#8217;t worry it was intentional <img src='http://jameslarkin.ie/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  The design is based on my <a href="http://www.forbairt.ie">work site</a> though obviously different colours. (I&#8217;ve another site design / branding to do with the same style as this shortly for another personal project &#8230; consistency and code re-use should be good). I had wanted to do some retro style design that I was tinkering and playing around with in my head on here but in the end I said screw it. The logo is similar to an earlier version I had on the site with slightly updated colours.</p>
<div id="attachment_76" class="wp-caption aligncenter" style="width: 600px"><a href="http://www.forbairt.ie"><img src="http://www.jameslarkin.ie/wp-content/uploads/2010/02/forbairt_site.jpg" alt="Forbairt Site Design and Colours" title="Forbairt Site Design and Colours" width="590" height="360" class="size-full wp-image-76" /></a><p class="wp-caption-text">Forbairt Site Design and Colours</p></div>
<p>So why not let me know what you think add a comment give some feedback. As with most of my personal projects its going to be a Work in Progress.</p>
]]></content:encoded>
			<wfw:commentRss>http://jameslarkin.ie/2010/02/11/james-larkin-gets-a-make-over/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Devine Building Services Gets renovated some new cladding and an extension</title>
		<link>http://jameslarkin.ie/2010/02/10/devine-building-services-gets-renovated-some-new-cladding-and-an-extension/</link>
		<comments>http://jameslarkin.ie/2010/02/10/devine-building-services-gets-renovated-some-new-cladding-and-an-extension/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 10:21:44 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[photos]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[revamp]]></category>
		<category><![CDATA[templating]]></category>
		<category><![CDATA[update]]></category>
		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://www.jameslarkin.ie/?p=64</guid>
		<description><![CDATA[Pardon the pun of my post title but I thought it appropriate after staring at construction terminalogy the last few days. So I was approached to do a simple enough move of hosting and a few updates on a website for Deeside Building and this turned into them changing branding / company to Devine Building. [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.jameslarkin.ie/wp-content/uploads/2010/02/devine_promo_shot.jpg" alt="Devine Building Services Promo Screen Shot" title="Devine Building Services Promo Screen Shot" width="590" height="333" class="alignnone size-full wp-image-65" /></p>
<p>Pardon the pun of my post title but I thought it appropriate after staring at construction terminalogy the last few days.</p>
<p>So I was approached to do a simple enough move of hosting and a few updates on a website for Deeside Building and this turned into them changing branding / company to <a href="http://www.devinebuilding.ie">Devine Building</a>. They were happy enough with their existing logo and colours but I made a few suggestions and one thing led to another.</p>
<p>Take their old site and see what I changed.</p>
<p><img src="http://www.jameslarkin.ie/wp-content/uploads/2010/02/devine_old_site.jpg" alt="Old Deeside Construction Website" title="Old Deeside Construction Website" width="590" height="400" class="alignnone size-full wp-image-67" /></p>
<p>Now I immediately didn&#8217;t like the site. I&#8217;m not getting a warm vibe from it .. I&#8217;m not getting any professional edge to it. I&#8217;m not getting hit with what they do apart from the graphic with the keywords. This would have been fine for me a few years back but once you start to consider what you&#8217;re trying to do .. impress end users you&#8217;ve to change the way you think slightly.</p>
<p>The site had links to the Recent Projects all listed on the one page so the first thing to do was a bit of a rethink of their branding. Now I think their signage works perfectly well on a construction site but once you move over to a computer I found their colours strange to say the least. I suggested toning it down. Now with sites where you&#8217;re trying to highlight a product / photo I find that black is a good colour it works well with warm images. ( Take <a href="http://www.safari-club.co.uk/">Safari Club</a> as an example of this ). So keeping their logo (slightly updated with the DEVINE wording) I put it against a black background and changed it to white. The front page of the site while linking to Recent Projects / Available Services / Health and Safety .. wasn&#8217;t really doing anything and just adding in an extra click to get to what the customer really wants to see the completed projects. So I opted to include a random display of their recent projects on the front page. The other options are still present in the menu so you&#8217;re not really losing anything but we&#8217;re now showing some high class construction work on the sites front page. I removed the generic house building image as well from the front page and hey presto you&#8217;ve got what I think is a rather nice clean and straight to the point website.</p>
<p>The projects were given individual pages. I ended up creating some banner images &#8230; got some text for the projects .. added in some nice javascript popup effects for the photos (and some touch up work with the photos removing artifacts in them that take away from the image .. changing the levels on the images and so on)</p>
<p>You can see an example re the artifacts here ( I do love photoshop )</p>
<p><a href="http://www.jameslarkin.ie/wp-content/uploads/2010/02/qualityofimagery.jpg" rel="shadowbox[sbpost-64];player=img;"><img src="http://www.jameslarkin.ie/wp-content/uploads/2010/02/qualityofimagery-300x112.jpg" alt="Before and After shot with Artifacts" title="Before and After shot with Artifacts" width="300" height="112" class="alignnone size-medium wp-image-68" /></a></p>
<p>And so to the final design. <strong>Simple</strong>, <strong>clean</strong> and hopefully <strong>to the point</strong> and highlighting their construction work.</p>
<p><img src="http://www.jameslarkin.ie/wp-content/uploads/2010/02/devine_site_after.jpg" alt="Final Devine Building Services Website" title="Final Devine Building Services Website" width="590" height="400" class="aligncenter size-full wp-image-71" /></p>
]]></content:encoded>
			<wfw:commentRss>http://jameslarkin.ie/2010/02/10/devine-building-services-gets-renovated-some-new-cladding-and-an-extension/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Carlow Business Directory Carlow.biz goes live</title>
		<link>http://jameslarkin.ie/2010/02/09/carlow-business-directory-carlow-biz-goes-live/</link>
		<comments>http://jameslarkin.ie/2010/02/09/carlow-business-directory-carlow-biz-goes-live/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 10:09:56 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[carlow]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[templating]]></category>

		<guid isPermaLink="false">http://www.jameslarkin.ie/?p=60</guid>
		<description><![CDATA[Just catching up with some posts I should have made at the moment. A little over a week ago Michele Neylon came to me with a small project. Logo design and templating for a website he had acquired Carlow.biz. I love pet projects like this as they are fun / interesting and up and running [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.jameslarkin.ie/wp-content/uploads/2010/02/carlowbiz.jpg" alt="Carlow Business Directory Promo Shot" title="Carlow Business Directory Promo Shot" width="590" height="333" class="alignnone size-full wp-image-61" /></p>
<p>Just catching up with some posts I should have made at the moment.</p>
<p>A little over a week ago <a href="http://www.mneylon.com/blog">Michele Neylon</a> came to me with a small project. Logo design and templating for a website he had acquired Carlow.biz. I love pet projects like this as they are fun / interesting and up and running fairly quickly (at least I hope so when I get involved in them). He has a blog post on it over at <a href="http://www.mneylon.com/blog/archives/2010/01/30/carlow-business-directory-now-live/">Carlow business directory now live</a></p>
<p>The design is drawing from the Carlow County Crest and its associated colours. The crest features the <strong>Red Dragon</strong> (also on the Welsh Flag) and the Ermine ( a Heraldic fur representing the winter coat of the stoat &#8230; you learn something new every day) Though I must admit I knew about the Ermine already as its one of the key elements on the Breton Flag.</p>
<p>Hopefully for people from Carlow the colour choices make sense (black / red / white), I chose to steer clear of the yellow from the lions. I&#8217;m a Galway man at heart and the Galway Colours / Crest always influences designs there so I would guess its similar for Carlow.</p>
<p>Anyways there may be some minor tweaks on the site design over the next while it&#8217;ll depend on any feedback thats given.</p>
]]></content:encoded>
			<wfw:commentRss>http://jameslarkin.ie/2010/02/09/carlow-business-directory-carlow-biz-goes-live/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

