Author: Mike Stock

  • 48-Page Company Brochure for Digital and Print

    48-Page Company Brochure for Digital and Print

    I led the design and production of a 48-page sales brochure for African Adventures, a small volunteer travel organisation based in Hampshire that specialise in group trips to Ghana, Kenya and Zanzibar. The brochure needed to tell the social enterprise’s potential group leaders everything about the unique organisation, their fully-inclusive nature of their trips and the complete process of organising a volunteering trip. 

    The brochure was split in logical sections and ordered in a way that answered all the questions that crop up in trips such as these. What was on offer? Where could you go? Who could travel? Why choose African Adventures? How do we afford it?

    The brochures proved successful and as a result a further three iterations were produced on a yearly basis, each time with revised content and refreshed design to keep it consistent with the organisation’s collateral.

    Challenges included:

    Collating Content

    I worked closely with the client to order the content in a logical way and effectively guide potential customers through the whole process.

    Design Consistency

    Adapting future iterations as a result of feedback of recruitment teams and volunteers and incorporating any changes to the organisation’s branding.

    Media Management

    Managing a print-quality brochure without any professional photography. All media was from a mixture of the client’s staff and volunteers.

    One of the key differences from previous company brochures was the striking use of full page images which was made possible by an ever-growing catalogue of images taken by staff and volunteers. I worked closely with the Marketing Team to encourage volunteers to share their images with us, and we ran targeted campaigns to gather specific content when it was needed. I also ran workshops for travelling staff in order to get the best quality content they could when “in-country”, this included basic photography tips as well as transfer methods (this process was also used to gather video content in order to create promotional videos).

    The Client: African Adventures are a small volunteer travel organisation based in Hampshire. Specialising in group trips to Ghana, Kenya and Zanzibar, the social enterprise has sent more than 6000 volunteers to assist teachers and help build schools and clinics in deprived communities across those destination countries.

  • Company Website Using Responsive Child Theme

    Company Website Using Responsive Child Theme

    African Adventures are a volunteer travel organisation based in Hampshire. Specialising in group trips to Ghana, Kenya and Zanzibar, the social enterprise has sent more than 6000 volunteers to assist teachers and help build schools and clinics in deprived communities.

    The organisation required a new website to showcase their group trip offerings, their destination countries, and their company ethos. The website developed further over several years as new functionality was required including the creation of bespoke landing pages for each group trip that was launched to enable quick, centralised sign-ups. Some of the functionality included:

    Advanced Forms

    Using an advanced form plugin with conditional logic, and combined with SMTP, Pop-ups, and submission database creation.

    Quote Calculator

    Using complex conditional logic and step by step form progression we enabled customers to get exact prices despite many variables.

    Custom Menus and Footers

    Creating custom responsive menus for headers and footers to allow easy contact and clear display of accreditations and policies.

    Child Theme Creation

    Creating a child theme to allow for significant manipulation without damaging the original theme and allowing seamless updates.

    Responsive Design

    Custom CSS added to make each page, and the elements within it fully responsive across all devices with particular attention paid to items above the fold.

    Testing and Development

    Research and implementation of a system of plugins and services for multi-level back-ups and a development area for testing updates and advancements.

    Further sections were added as the company became to the United Nations’ Global Compact and aligned its own work in Africa and the UK with the UN’s Sustainable Development Goals.

  • Medieval Style Comic Book Caption Boxes

    Medieval Style Comic Book Caption Boxes

    I had fun creating some medieval style comic book caption boxes for a story recently so I thought I would share how they are put together.

    To give you some idea of what I am talking about, before I delve into the steps you take to make it, here is the finished caption box and a blown apart version to show you the elements involved.

    It starts life as a simple rectangle, but then I added two extra nodes, equidistant, to the left of the right hand edge and then pulled the right-hand handles out to line up with the rectangle right-hand edge to create the correct type of curve.

    Then, I nudged the right-hand corners of the rectangle down enough to fit the other elements in. The first time around this took a little bit of trial and error.

    Next, I created a squished ellipse that was centred, vertically, to the very bottom most point of our first shape.

    I duplicated this shape about halfway up the box, perfectly in line.

    Then, I joined these two ellipses together (I used a new rectangle, selected all three objects, and turned them into a single shape).

    Next, I created our final shape, starting from the bottom-left corner of recently created rounded-rectangle, making a shallow curve in the centre point of it, then extending it directly up, finishing it off into a complete shape.

    Then, I colour them accordingly to create the idea of depth and layers. The first shape we created will be the lightest, and last shape we created will be the darkest.

    Then, lastly, we move the first shape to the top and hey presto – a simple scroll-style caption box.

    I duplicate this for all the captions on the page and carefully resize without squishing any of the scroll part (very important).

    And there you have it. Medieval style comic book caption boxes!

  • 3 Ways to Spot Amateur Comic Book Lettering

    3 Ways to Spot Amateur Comic Book Lettering

    Most of my comic book lettering is done within the UK small press scene. It’s a scene I love being part of – so many awesome stories being told, and in a far more eclectic manner to mainstream comics. A down side of small press or self-publishing is that budgets are tighter, and as a result things like lettering get delegated to someone untrained in the art form. I am a graphic designer by training, and a perfectionist by nature and when the quality of lettering drops (as with any aspect of the story), I struggle to stay interested. As with any art form there is degree of subjectivity to it, but lettering is considerably further along the spectrum than the main pencil or inks of a story, or at least there a number of rules that need to be followed regardless of how “stylised” you claim your lettering is. I made ALL of these mistakes when I first started out, particularly number three!

    When this came up on the Awesome Comics Talk Facebook group the other week it got me thinking about what creators could do, short of hiring a professional comic book letterer, to improve the lettering in their comic. It has taken me a few weeks to get this written, but here’s my “3 ways to spot amateur comic book lettering”.

    1) The Cross-barred I

    This is one that drives me a little bit crazy – because it’s not a secret. If you make comics, then I struggle to believe that this hasn’t floated by on your Twitter or Facebook feed at some point. It is an error that sometimes rears it’s ugly head in professional lettering too, usually where someone has missed a stray one. The rule is actually quite simple:

    • Crossbarred I’s: use on personal pronouns i.e. I, I’ve, I’m, I’ll etc.
    • Non-crossbarred I: use on EVERYTHING ELSE.

    3 Ways to Spot Amateur Comic Book Lettering - Crossbarred I's

    Some letterers/editors like to use a crossbarred version on acronyms like F.B.I. and M.I.5 which I don’t mind, but it’s an aesthetic decision in those circumstances. Comic book fonts, at least ones design by or for professional comic book lettering, come with both types of I’s. Where you find them vary’s between foundries, and also if the are lowercase letters, but if it’s not in the usual place it is behind the long vertical stroke: | (on my keyboard it is “shift” +  “\”).

    2) Leading

    Leading is the space between two lines of text (historically from where they put actual bits of lead in between lines), so people call it line-height, which a web design term. Lines of text in comics need to be much tighter together than normal block of texts you will see in books, or on web pages. Traditionally letterers would mark out lines using an “ames guide” but this is now set in the software you are using. Annoyingly it varies from font to font, but as a rule:

    • Set up your document so that when there is a word in bold in each line (above/below one another) there is a small amount of space between them, but they should not be touching. Use these settings across the rest of your pages.

     

    3 Ways to Spot Amateur Comic Book Lettering - Leading

    3) Text Shape

    By this, I am referring to how the lines of text are stacked in a balloon. Professional lettered dialogue is centre-aligned and almost always in a diamond/hexagonal shape with the longest lines being in the middle and the shortest lines being at the top and bottom. There a few other things to bear in mind when stacking lines of text:

    • Avoid having single, short words in the first and last line.
    • If you are writing dialogue, avoid putting very long words and the beginning or end of dialogue.
    • Only hyphenate when there is no other option.

    3 Ways to Spot Amateur Comic Book Lettering - Text Shape or Stacking

    These are just a few of the mistakes you commonly see in lettering. Avoiding these will help, but this is just the tip of the iceberg. There are LOTS of rules that letterers take into account when doing their job, the real pros do most of these instinctively after years of practice. Some great places to start are: Blambot’s MANY fonts/resources – his tips section is fantastic; and Comicraft’s “Comic Book Lettering: The Comicraft Way“.

    If all this sounds too much then there are lots of letterers available for hire – but you can get in touch with me via my contact page, or Twitter.

  • Samurai Slasher 3

    Samurai Slasher 3

    Halloween is fun for many reasons but in recent year it has come to mean another volume of the fantastic Samurai Slasher! I think Mike Garley has started structuring his entire year around this labour of love. And it is BLOODY awesome!

    As always, Mike gathers a stellar cast of artists so I have an interesting task of trying to fit the lettering to the art. Where normally I might alter the lettering style to suit, this series has its own lettering style that has remained largely consistent across the previous two previous volumes.

    This volume did present the challenge of lettering some more less common elements which allowed for something a bit different.

    As always the entire series has a larger dollop of SFX throughout which are characteristically on point. You can pick up your copies from  Mike’s web store, or check out his list of convention appearances and then you can pick one up in person, and get it signed at the same time.

  • P M Buchan’s Hangover

    P M Buchan’s Hangover

    I had the pleasure of helping Bucky put a collection of his works together in time for last weekend’s Thoughtbubble festival/convention. I’ve worked with him on a few comics before (Life of the Dead, Doomed Romantics, La Belle Dame Sans Merci, Embrace the Dark, Sleeping with the Fishes) and hopefully on a few more projects to come.

    I put together the whole book but the highlight was getting to get to design the front cover. The design, based on Bucky’s usual face paint,

  • Bubbles O’Seven: The Ape Who Punched Me

    Bubbles O’Seven: The Ape Who Punched Me

    Everyone’s favourite simian spy is back! Bounce Comics OG, Grainne McEntee enlists the very excellent Mike Hartigan for the third instalment of Bubbles O’Seven.

    UK indy legend Dean Beattie joins the fray on cover duties as Bubbles latest adventure, a third successful kickstarter on the bounce (LOL), heads to the printers.

  • Samurai Slasher Vs Santa

    Samurai Slasher Vs Santa

    Had great fun working on a Christmas short story – Samurai Slasher Vs Santa – with regular collaborator, Mike Garley, and a new art team of Jim Lavery and David Cooper. It takes all the usual humour from the previous Samurai Slasher stories and adds a massive dollop of festive madness. Spoiler, shenanigans ensue.

    Samurai Slasher Vs Santa is free to read on Mike Garley's website

    The generous sole that Mr Garley is you can read the 3-page short on his website and you can even download a free PDF of it so you can take it with you wherever you go. Not there, though. Sicko.

  • Bubbles O’Seven: Baboon Taker

    Bubbles O’Seven: Baboon Taker

    The second instalment of the excellent Bubble O’Seven is complete!

    Another successful kickstarter from Grainne and the Bounce Comics team gives a new adventure, this time featuring the art of Lee Killeen. In the words of Bubbles himself: “MI7 have been scanning the London area for the whereabouts of Mr Fluffy. One would think it would be simple enough to locate the whereabouts of a cat endowed with opposable digits. Alas, the feline fraternity is a secretive one. We can, however, rely on the street-strolling gutter hounds to roll over on their furball nemeses when a nice piece of steak is in the offing.”

    This issue features an epic cover from fellow Bounce team member, Andy Clift.