Archive for the ‘Techniques’ Category

Information Architecture Part 2: Measuring Friendship

Wednesday, September 28th, 2005

Last time I discussed how to make accurate measurements using dimensions already posted on the board. You won’t always have that luxury so slighty different technique is used. Now you could climb up to the board and whip out a measure tape to get scale but that isn’t always feasible, though it is a good way to get a feel for the billboard before going up. I however like to get the Before shot and the size shot done at once. So much like the last HOWTO get a conspirator to take a snapshot with you and the board. Ideally you are directly beneath it or next to it on the same vertical plane for the most accurate measurement possible. Again highest resolution your camera can do, as every pixel counts.

Measuring your friendship

Now best to pull some ruler guides in Photoshop from head to toe, then use the Ruler tool to measure the distance in pixels.

I look freaky

Hopefully you know how tall you are, I happen to be 5′ 10″ or 70″, in this shot I come in at 274px. So same as last time, whip out a calculator and figure out the ratio of pixels to inches, which in this example is 3.91px/in. Now follow the rest of the step from the first HOWTO, pulling the Ruler Tool across the width of the board and the art you want to improve using the ratio to figure out how large the improvement art must be.

Now some of you might notice that this board hasn’t been improved by us. Yet. Bet you’re wondering what we’re going to do, dunno, why don’t you just fill in the blank {cough}. Suggest you get on our RSS feed to see the posting the moment it happens

Information Architecture

Wednesday, September 21st, 2005

So you might be wondering, how does the BLF make improvement look so good? Well matching the existing artwork seamlessly helps the ‘wow’ factor immensely. Today I’m going to show you how we created the Johnny Walker art.

First, we need blank shot of the board for measurements, a good way to shoot a board without looking like you’re shooting a board is to have a subject in front and aim over the shoulder. Preferably the shot is straight on and not closely cropped to the billboard frame, it reduces the chance of a miscalculation due to lens distortion. Just take lots of shots, and do several exposures so you get one shot that accurately represents the real color of the board.

Under that Gaussian blur is a handsome operative

Well lookie, lookie here. Measurements already on the board. A lot of billboards are adding this to the catwalks as it makes it easier for salesfolk to point out the sizes to clients. This is not always the case, next BLF technique I will discuss how to get measurements when you don’t have the luxury of Clear Channel spelling it out for you.

So 12′ x 25′ is the size, lets figure the ratio of photo inches (works for pixels too) to actual inches using the Ruler Tool (I) of Photoshop.

A kind and fair ruler

We get a measurement of 2.815 in.. Know your algebra and don’t forget to cancel out units, (25 ft x12 in/ft)/2.815 in is ~106.57, and this is the ratio we’re going to use to finish the art. Next we build a mockup using the same photograph, measure that, just don’t scale the images afterwards or it will change the ratio. But first, let’s get some other important info from this photo, namely the typeface and color. How do we match the typeface, that’s not always easy. 9 times out of 10 the font is Helvetica or Garamond because there are a lot of lazy designers out there. This was not the case with Johnny, it was an non mainstream font I had to spec and my favorite method is using WhatTheFont at myfonts.com. Submit as snippet of the file to the site and it will analyze the letter shapes to guess the typeface. WhatTheFont accurately named a typeface I didn’t have, so I went with it’s second guess, TradeGothic LH (extended)

Using the eyedropper tool I get an approximate CMYK value of C5 M15 Y100 K0. Now I create a mockup to match the letter size. First type the existing phrase “Responsibly” in the correct font and color, and then scale up till it matches the original size, you might want to reduce the transparency of the new text so you can see them ‘sync’ up. Once the two version match up, select your text and retype it using the ‘improvement’ phrase and measure the result with the ruler tool again not forgetting to measure enough to cover the original text!

Drink Up, Shriner!

According to my calculations and the boys down at the lab, I need a 60″ wide piece of art with the type at 391pt. I create this art in Illustrator, as vector artwork scales without distortion or file size change. Now just appropriate your employer’s Xerox 5252 after everyone has gone home or make friends with the night manager at Kinkos. Load up some 12 x 18 card stock and start printing, if you don’t have card stock just print to regular weight and spray mount to a heavy weight cardboard sheet.

Tada! Your next improvement will fit like a glove.

Next lesson: Measuring boards using Agents and Operative as meter sticks