Archive for the ‘graphic design’ Category

New Work: ClubNME posters

Thursday, February 25th, 2010

Club NME poster

The Club NME live music night has hit Nottingham! I’ve been creating the promo artwork for the fortnightly events since the launch night at the start of February. The poster design above is a re-usable template which I created to allow each night to use consistent branding, creating an instantly recognisable identity. It is easily updatable; a quick date change and a switch of the band names on the roster (and maybe a colour change for the pink and/or grey elements) means that creating a new batch of posters for each individual event can be done in a matter of minutes, if not seconds.

New Work: Valentine’s Day Speed Dating

Friday, February 12th, 2010

Valentines poster

So, it’s St. Valentine’s Day this Sunday, the one day of the year where even the most emotionally stunted individuals get a chance to show their partner how much they care about them. And, for the un-hitched, what could be a more romantic way to celebrate it than going speed dating?  Yup, nothing; hence this event being held on the evening before, for which I was asked to produce the promo poster above.

Though the posters were digitally printed, the design was based around the principles of a 2 colour screenprint, right down to the white areas used to simulate the misregistered effect achieved when the different coloured screens are not aligned exactly.

Despite Short Round once famously claiming there is ‘no time for love Dr. Jones’, I’m sure even Indy could find time for a brief encounter under the 2 minute speed-dating rule.

If you or your business would like any posters designing either for digital/litho printing or for screenprinting, please contact me at hello@woot-design.co.uk

LeftLion Issue 33

Wednesday, February 10th, 2010

LeftLion issue 33 cover

The latest issue of LeftLion magazine is out now, featuring some wonderful cover artwork by Jeffrey Bowman, aka Mr Bowlegs. Jeff is a freelance illustrator and the go to man if you require abstractly composed drawings with a heavy dose of happiness injected into them.

The mag contains the usual mix of interviews, news and events listings, and features an interesting piece on cagefighting which is well worth checking out; if you’ve ever wondered what goes on in the heads of people who willingly take part in this sort of thing, this is your chance to find out. Downloadable PDFs and mail order copies are available here.

New Work: The Big Idea

Friday, February 5th, 2010

The Big Idea poster artwork

I recently completed some branding and publicity for a feedback scheme called The Big Idea. Held once a week each term, the scheme encourages university students to enter a dialogue with their Students’ Union, helping the organisation tailor its services to be more in line with what students really want and need. It also allows them to identify ways in which they would like to be supported and catered for in ways which are currently overlooked.

The Big Idea flyers

In a classic example of using established visual language to communicate the idea of, erm, ideas, a lightbulb icon was used as the basis for the scheme’s identity. The simple design and black and yellow colour scheme makes the design very bold and demand people’s attention when seen in situ. If you feel your business could benefit from some well designed communication materials, please contact me in the comments or email hello@woot-design.co.uk

New Work: Bar Rebranding & Signage

Monday, February 1st, 2010

The Pulse lightbox

My local university re-branded its main campus bar back in autumn, ditching the ‘Glo Bar’ moniker and associated logo which read more like ‘grow bag’ in favour of the name ‘The Pulse’, as chosen by student vote (yes, democracy is alive and well). I was drafted in to create an identity and logo for the venue, something which had been on the cards since I gave one of their other campus bars a new identity a year earlier.

The idea behind the name is that, as the main campus bar, the venue is the focal point for student activities, particularly in the evenings, and so is the heartbeat of the Students Union, a line which has been used to market the newly branded bar. This led to a stipulation in the brief that the logo should contain some kind of heart monitor pulse graphic.

I knew straight away that I didn’t just want to pick a typeface and set the text in it straight off the peg; it almost always makes me cringe when I see a logotype which is just a straight untreated typeface - there’s no unique defining characteristic of a logo which is formed in this way, and therefore has little to offer in terms of unique identity, which is one of branding’s basic tenets.

So, after trying a few options, I picked a clean, modern, stylised typeface (in this case, Moderna) to set the basic text in and then started tweaking it into something which gelled as a logo. I actually dislike quite a lot of letterforms in this font, but the ones I needed for this design worked well together, so I was happy to go with it.

The Pulse bar logo

I wanted the letters to appear connected up, almost as if they were constructed from one continuous line so I overlapped the individual characters and added a white outline to separate them. Then I manually added, subtracted and rotated elements of the characters until they linked up in a fluid, balanced way without hindering readability. The curve at the bottom of the ‘l’ really brought it together for me - once I added that, the whole thing fell into place in a matter of minutes. The red heart monitor pulse underline serves double duty in framing the logo and providing a baseline which helps to ground the lettering and balance it in a way which was difficult to achieve with the stalk of the lower case ‘p’ descending below the baseline of the rest of the text.

The placement of the ‘the’ rotated 90 degrees mirrors that of the previous campus bar I created a logo for, creating a convention for all other bar identities to follow at the university. The logo also looks great in white on black too, as evidenced by the lightbox sign situated above the bar entrance.

The Pulse interior

Inside, I arranged to have 4 large format prints installed showing some great photography from concerts which have been held at the venue in recent times. These have a really strong visual impact on the interior space, especially when the lights are dimmed and the spotlights are trained on the prints - it ends up looking halfway between a bar and an art gallery, which is no bad thing in my book.

New Work: LeftLion T-shirts

Thursday, January 7th, 2010

LeftLion t-shirt

A couple of years ago I designed some t-shirts for LeftLion based around the idea of urban development and LeftLion’s role in the city. They sold out in a matter of weeks. Back by popular demand after a long wait, the second edition prints are now on sale, available in any colour scheme as long as it’s white on black, to misquote Henry Ford.

Printed by Regenerate Clothing in association with Shop, they were looking mighty fine as modelled by the guy I saw wearing one in a Sherwood pub while I was enjoying some bangers and mash the other day. Start the new decade in style and celebrate the growth of LeftLion and it’s host city by bagging yourself one of these limited edition t-shirts. Limited stock available here.

(Almost) Everything I Know About Magazine Design - part 3

Friday, December 18th, 2009

Okay, so it’s 6 months since I posted the last installment of my magazine / newspaper design tutorial series for InDesign users, which is way more of a gap than I intended, but I’d rather life got in the way of blogging than the other way round.

I have recently been working on a special secret publication which is due to be thrust into the world sometime in early 2010 and it has reminded me that I never got round to covering the do’s and don’ts of newspaper/mag design. Now seems as good a time as any to update the series, so let’s get on with the show with an article outlining common design pitfalls and how to avoid them, as well as a little look at workflow and some tips on how to give yourself a half-decent chance at getting the best print quality and reproduction on that wonderful no-frills paperstock they call newsprint…

Things you can’t do with a magazine on newsprint and other things to be aware of

Newspaper presses are designed to print large quantities cheaply and quickly - and they do this very well, but quality suffers as a result. You will never get the same reproductive quality from a newspaper press that you will from a high-end short-run press. Add to this the absorbent quality of newspaper softening the detail out of anything you print on it and you can begin to see the limitations of designing for a newspaper format magazine. This isn’t the same as designing for a heavy white stock with a nice finish which gives crisp repro and can be trimmed accurately, so different rules apply.

misregistered text (print)

8pt body copy is pretty small, and has thin lines. To ensure clearly readable articles in the magazine, text should always be set using only one colour, usually black, as cyan and magenta are only readable under the best of light, and yellow text on off-white paper would be a form of torture. If you start trying to print text at this size using a colour made up of 3 or 4 base colours (as in CMYK printing), the printing plates are going to struggle to line up accurately enough for each colour to land directly on top of each other, and the text will show ghosting and look fuzzy (as in the above image). Basically, stick to black body text and use colour to make things like the pull quotes stand off the main text.

misregistered text (inverted)

Equally, reversing white body text out of a dark background such as a photo is pretty much a no-no for the same reason. The slight mis-registering of printing plates will cause the background colours to fill in the unprinted space of the pale text, making it thinner and difficult to read, or pretty much invisible in the worst circumstances. (This is one thing on-screen proofing cannot account for). You can get away with doing this if your text is bold and above 10pt. Most fonts of 12pt or above will work fine without being bold, so it’s fine for headlines. 8pt body copy will disappear, though, and thin fonts often only work at much larger point sizes. It’s a game of millimetres and small things like this make a big difference to the end product.

printed dot gain example 1

Printed images in magazines are made up of tiny little dots of ink which your eye averages out and interprets as a recognisable picture (see exaggerated example of this in the pic above). The absorbent nature of newspaper causes some pretty severe dot-gain (the tiny dots of ink bleeding to a larger than intended size) which makes things print darker than intended (see comparison images below showing how the ink dots behave and the effect this has on print quality and image darkness - the left image shows how the dots are intended to print, the right image show how they end up printing once the newspaper absorbs the ink).

 printed dot gain example 2

This is something to bear in mind when using coloured textboxes for sidebars etc. neutral colour combos which have a tonal density of no more than 30% black seem to work best, especially if they contain no black themselves. Something like 15c/0m/20y/0k or 0c/10m/20y/0k will work against pretty much anything else you have on the page without colour clashing, and allows body text to stand out fine. If I want a grey box behind my text, I don’t use a tint of black, I’ll use equal amounts of CM&Y, something like 20c/20m/20y; it gives you a nicer looking grey than straight black and ensures your black layer (ie. your text layer) can be printed without any screening, making for crisp separation between the text and the grey background.

Try sticking to using colour combos which use only 2 inks when using coloured text and boxes; this stops the pages getting too inky (you know that nasty inky newspaper feeling) and also minimises registration problems, giving a sharper print. You can get a surprisingly wide array of colours. An old printing firm who produced a magazine I once worked on gave me a great swatch booklet containing every two colour CMYK combo in 5% increments on A5 oversize newsprint which was my bible for years. It’s now sadly lost and sorely missed - if you can get hold of one, do so; they are invaluable.

Formatting Images in Photoshop

I have always converted RGB images to CMYK before doing any tweaking on them, as that is the way I was taught - make the adjuments to images using the same colour colour space they will ultimately be printed in - it is more accurate. But, for this magazine, I have a CMYK profile from the printers which accounts for the dot gain and the other perculiarities of their newspaper press, so I use a different method.

I make all my adjustments to the images in RGB mode, then once they look how I want on screen, I load the printer profile into Photoshop and convert them to CMYK, which makes them go much paler and look horrible. It’s fine though - the lightness compensates for the afore-mentioned dot gain; the images print much better for it and come back looking as intended in the final product.

Take the cover image below for example; the version on the left is the RGB file without the CMYK print profile applied to the image into Photoshop. This is how I want the cover to look in print, but if I send it to the printers like this, it will print too dark due to dot gain. Loading in the CMYK print profile changes the file to the image on the right - way too light when viewed on screen (look at the magazine logo, which should be black) but, when printed, looks like the image on the left.

(This is not something you want to blindly guess at - you will need your printer’s profile and it will also take a couple of instances of seeing how the files you send your printers come back in print before you can start getting a feel for how much dot-gain compensation you need to take into account - every combination of paperstock and printing press will yeild different results, so tread carefully.)

magazine print density variation

A typical Photoshop workflow on an image I’m going to import into inDesign is as follows:
Open image in RGB mode and assess what needs doing to it.

Open Curves and draw an S-shape to bring up the contrast / tonal range as needed, making sure that the whites and blacks don’t blow out (unless I actually want them to) (most images tend to need a bit of lightening and extra contrast, some need colour correction which can be done by applying curves to individual colour channels).

Fix/erase any bits which require attention (hopefully none).

Load printer profile and convert to CMYK

Add an unsharp mask of approx 80-120 threshold (adjust to suit each image), px value: always 1. This adds sharpness to the image to the point where it looks oversharp - this is to compensate the image softening which is caused by the printing process / paper stock.

Save file at the size I need it (or slightly larger), 200DPI.

Close file and place it into InDesign.

Exporting PDFs for print from InDesign

This is pretty straightforward, tbh. The printers LeftLion use like to receive the files as single pages with 5mm bleed on all edges and no printer’s marks. So choose the ‘press’ option in InDesign’s PDF export options, then tweak a few settings:

Tick the ‘view PDF after export’ box so that you can check the file once it’s done.

Change the CMYK export setting to ‘leave unchanged’ (This will stop InDesign’s CMYK profile overriding the printer profile applied to the images in Photoshop).

Uncheck all printer’s marks boxes (the printers of this magazine add their own print marks. Some printers perfer you to add them to the file).

Put 5mm in all four bleed boxes.

Save this as a custom export setting to be re-used on all pages of the magazine.

A few seconds after exporting, a nice PDF of the page should pop up on your screen. If there are any fonts missing, InDesign should flag them up so you can go back and deal with them, then export again.

I’m sure there’s plenty of things I have forgotten to mention, so if you think I haven’t covered something well, or at all, let me know and I’ll expand it where appropriate.

LeftLion Issue 32

Thursday, December 10th, 2009

LeftLion issue 32 cover

So, the end of the decade is upon us - the Noughties are over! With this in mind, the latest issue of LeftLion magazine takes a long hard look at the first ten years of the 21st century and the cultural nuggets it has spewed forth. After handing over cover duties on the previous issue to Rob White, this time it was back to me to produce the artwork for our first cover since winning the Nottingham Creative Business Writing & Publishing award in October.

We decided that a great way to represent the multitude of people, events and cultural milestones the decade will be remembered for was to nick someone else’s idea parody the Beatles’ Sgt. Pepper cover, which did the same thing for the sixties. Hey, if it’s good enough for Peter Blake and the biggest band of all time, then it’s probably good enough for us too, right?

As well as cutting out all the ‘celebs’ who grace the cover (ranging from global leaders to local icons and interviewees), I will admit to cutting corners with the bottom of the image; I had originally intended to buy some flowers arrange and photograph to make up the letters for ‘Noughty Notts’ on the grass, as per the original album artwork. This idea was soon modified to the more realistic solution of drawing the floral lettering; however, a broken scanner and looming deadline meant the idea got watered down to using a font made from a flowery pattern.

To be honest, keeping it simple possibly works in the cover’s favour, keeping the clutter and fuss down, but I am a sucker for such extra little details. One thing I will definitely not be missing, though, is Photoshop’s pen tool, which I will now be doing my best to avoid for the next few weeks after becoming painfully familiar with it over the course of producing this cover.

A bigger version of the artwork can be seen here.

A digital PDF of the entire issue can be downloaded here.

New Work: SPS Anniversary Logo

Monday, October 12th, 2009

Saltburn Photographic 50th anniversary logo

I was recently asked to pitch some logo ideas for the upcoming 50th anniversary of the Saltburn Photographic Society, a regional club for photography enthusiasts. The society had sent me some draft ideas which they thought I might like to develop.

The ideas were okay, but didn’t really grab me and as I thought about what alternatives to pitch, inspiration struck - what if I used the ‘0′ character to represent a lens and built the logo around the shape of a camera body? I started experimenting and found that the 5 worked well to visually suggest the handgrip of an SLR.

I chose a nice clean font with a perfectly circular ‘0′ character and a stylish ‘5′ then set about tracing the image a camera body to define the logo shape. It took a bit of work to get enough elements worked into the design to make the camera shape obvious but also simple enough to understand easily without losing the text elements or compromising on style.

Once I was happy with the composition of the elements which made up the logo, I re-coloured the camera in gold for a 50th anniversary feel. This helped the camera body recede from the eye and allowed the ‘50th Anniversary’ text to come to the fore. I also added the original SPS logo to the design (The ‘S’ with the eye in the centre of the lens), which conveniently worked as a lens iris and filled in the hollow centre as well as strengthening the SPS brand within the anniversary logo.

As a final touch, I added the small retro camera strap to give the sense of history I felt was appropriate for a 5oth anniversary logo. A version without the camera strap also exists to provide layout options on their promotional materials.

If you like this work and feel I may be able to help your business improve it’s corporate image or promotional materials, please get in touch.

LeftLion Issue 31

Wednesday, October 7th, 2009

*UPDATE: LeftLion came top of the pile in the Writing & Publishing category of the annual Nottingham Creative Business Awards last week. Well done to everybody involved. Sights are now firmly set on winning the Creative Business of the Year award in 2010!

LeftLion issue 31 cover

Wow; has it really been two months since I last posted on this blog? I find it hard to believe, but the dateline on the last post tells me it’s true. The lack of updates recently is not because I’ve been slack; quite the opposite - I’ve been too busy to put in any time at the computer beyond clearing work and hitting deadlines. It can all get a bit much sometimes, you know, being a designer and spending many lonely hours staring at a monitor, so I let the blogging slide for a few weeks in favour of meeting deadlines and staying sane.

There was also some sunshine to enjoy and a bit of server downtime to knock my blogging rhythm, but at least I have plenty of new work to share with you over the next few weeks. Firstly, the latest edition of LeftLion magazine is out on the streets of Nottingham, so keep your eyes peeled for the latest bi-monthly installment of local cultural goodness lurking in various shops and pubs in the city. Big shout to Rob White for the cover illustration and Alan Gilby for his tidy page layouts - good work, sirs!

magazine covers montage

Also on the LeftLion tip, the previous issue featured a centrefold pullout of the covers from all 30 issues. That’s five years’ worth of cover designs on one page. It is great for me personally to be able to see all these commissions presented together - I remember every single one of them, which means my brain isn’t showing any signs of aging just yet. It is also nice to see such an array of styles used among the covers without any of them looking out of place or belonging to a different title; the LeftLion identity just seems to go from strength to strength. I hope you enjoy looking through them.

Click here to see a larger version, and feel free to download any of the individual issues here.