News Flash

Great article by @NeutronUK on how to create a print stylesheet using Firebug and the Web Developer Toolbar - http://cot.ag/bOQiVM

Blog:

24 August 2007

Carsonified rebranding process: part 05

By Elliot

By Elliot Jay Stocks

In his comment on part 4, Andy Croll raised a really interesting point:

It did remind me of the US university sports team logo thing you often see on GAP or A&F sweatshirts, [and] that kinda nods to a community / all-in-it-togetherness that you get as a sports team

That’s what it had been reminding me of! And I certainly don’t have a problem with that – I think the “all-in-it-togetherness” of that logo style may well have been subconsciously influencing me anyway. The point is: despite bearing some similarities to the Coca Cola, Carlsberg, and possibly other identities that begin with ‘c’, I’m going to run with it for a bit. I don’t think the logo’s criticisms are strong enough to warrant an outright rejection just yet… but speak up if you think I’m wrong!

The next step I took was probably the most enjoyable: I started tracing over a print-out, modifying the type by hand. And it was at that moment that I realised the beauty of a hand-drawn, sketchy, work-in-progress type of aesthetic was exactly what I was after! The images are below; scroll down to the video if you want a detailed explanation.

Basic modification

On the train home, I started drawing over a print-out with some ideas on how to alter the characters.
drawnversion-v1.jpg

Hand-traced over the print-out

This one’s with the suggested modifications from the sketch above, but actually I don’t think they worked.
drawnversion-v2.jpg

Hand-traced over again but better this time

More subtle refinements. Note that I’ve changed the swash from the ‘n’ to the ‘f’, despite what I said before about not wanting to do that. Check out the video (at the bottom of this post) for a detailed explanation. Also, there’s a larger version here.
drawnversion-v3.jpg

Vectoried version

This adds a bit of neatness while retaining the hand-drawn quality of the previous image (this is still rough, by the way – it was a quick experiement with Illustrator’s ‘Live Trace’ tool). There’s a larger version here.
drawnversion-v3vectorsmall.jpg

21
Future of Web Design London May 17-19 2010

21 Comments

Have your say:

Sign Up to our Newsletter

Enter your e-mail address below to receive regular updates on web design, web development and web business. Subscribe today and receive a free 44 page PDF "Designing Web User Interfaces" by Ryan Singer of 37signals.

Subscribe to the Think Vitamin articles RSS feed

Future of Web Design London May 17-19 2010

News

Twitter

Follow us on Twitter

Subscribe

Article Subscribers

Feedburner blog subscriber indicator

News Subscribers

Feedburner blog subscriber indicator

Subscribe by Email

You can receive Think Vitamin updates via email. Just pop your email address in the box below and click the arrows.

Subscribe by RSS

You can also receive new Think Vitamin posts via your RSS feed reader

Subscribe RSS Think Vitamin is a proud member of the Smashing Network

Ads Via The Deck