Keith Martin
One of the things most people daydream about at one time or another is designing a CD cover for a band, so we’ll do exactly that, following a few simple rules to keep things interesting. Yes, I’m talking about the CD cover game. I’m sure many of you have ‘been there, done that’, as it has been a bit of an Internet craze more than once over the past few years, and you’ll find CD Cover Game groups on Flickr, Facebook and elsewhere.
It’s very simple to play: all you have to do is get a couple of bits of text and an image, and create your own CD cover design for a fictitious band or artist. The trick is that you have no control over what the band name, album title or even the cover image will be. However, that’s good news: you’ve had the difficult brainstorming prep work taken out of the equation and all that’s left is the pure design part.
In the game, there’s a particular way to do this that makes sure everyone starts from the same randomised playing field. First, go to Wikipedia, click the Random Article link on the left, and note the name of the article – that’s the name of your band or artist. Next, go to quotationspage.com and click the Random Quotes link. Take the last four words from the first quote (we could allow four or five), and that’s your album title. Some people prefer to mix the mood up by using Wikipedia articles written in different languages. German (de.wikipedia.org, click Zufälliger Artikel) sometimes turns up spectacular industrial metal band titles, while Italian (it.wikipedia.org, click Una voce a caso) frequently lends itself more to sensitive introspective groups, or lover’s rock at worst. Picking and choosing is cheating, unless the text is already the name of an existing band or album, or is utterly unpronounceable.
Finally, you need an image. The normal rules say that you should go to flickr.com/explore/interesting/7days and pick the third image, no matter what it is. At this point, you have all you need – combine in your favourite layout application in whatever way suits your creative mood.
There’s one small problem with this, at least if you intend to publish your results anywhere, including back on Flickr. You’re using someone else’s copyrighted image. Just because it’s on Flickr (or found by using Google Images, and so on) doesn’t mean it’s out there for anyone to claim and reuse. No, seriously, it doesn’t. There’s basic automatic copyright inherent in any image someone creates, and simply showing it somewhere doesn’t change that. So, instead of the regular image search, you should find a way to grab a random image that’s licensed through Creative Commons for reuse. You’d normally have to muck around in the Advanced Search page in Flickr, but fortunately there are other options. The page at mikelietz.org/code/flickr-ccgettr.php picks a random Creative Commons-licensed Flickr image each time it loads, so go there, click the thumbnail, and use that image (whatever it might be) for your cover. No arguments – that’s simply how it is.
Well, almost. As designers, we need to take this more seriously than the average Facebook-wielding craze addict. Well, a little more anyway. When you’re grabbing your (Creative Commons-licensed) image, make sure it’s big enough for the job. The size of a CD cover is 12 x 12cm, with an extra 3mm on each side for bleed, so the minimum pixel dimensions of your image, assuming you’ll use it to fill the cover, should be 1488px2. Call it 1500px for simplicity. That fills the area and bleed at the print-standard resolution of 300 pixels per inch (ppi). So, when you’re on Flickr and you’ve just jumped to your randomly selected image, use Flickr’s controls to go for the highest-resolution version available. You can go a little under 1500px if you like, but if it’s under 1200px in either dimension, you’ll be falling below 250ppi resolution, which isn’t ideal, technically. This is the only reason you should go for another randomly picked image. (Cue stern look.)
You may need to crop the image to the standard square record or CD cover format, but other than this, just work with what you get. The creative work comes entirely from the way you handle the type, not from ‘mad Photoshop skilz’. This is hard-core graphic design or, to put it another way, design-geek fun. It’s also more than a little addictive. Well, who hasn’t wanted to design album covers?
At this point, most people turn to Photoshop. That’s fine, although it really isn’t a great page layout package. Since you won’t be pushing pixels around in that image, I’d much rather you used a proper desktop publishing tool, ideally InDesign or QuarkXPress, or Illustrator if you prefer.
Create a new document and make it 120mm wide and tall. Illustrator offers bleed controls in the regular New Document dialog. With InDesign, use the More Options button in the Document Setup dialog (File > Document Setup if you’ve already closed this) to add 3mm of bleed all around. Or, in XPress, open the Guides palette, choose Create Bleed & Safety Guides from the pop-up menu and set the bleed gutter to 3mm. (This is slightly less obvious than InDesign or Illustrator, but it’s part of a sophisticated set of guides-based controls.) You’re now finished with the setup.
Place the image on your page, and scale to fill your page and bleed area, cropping off any excess if necessary. Now sit back and take a proper look at your image. Then look at your two bits of text again. Think about how the type might work with the image content. Are you drawn to fitting the words into a convenient space offered by the scene? Or would you rather run the type across the front of the graphic, sitting on top rather than working cooperatively with pictorial elements? What about the hues in the image; could you pick out dominant or complementary (opposite) colours to use for the type? And what about the type itself? You’re totally free, so explore the darkest recesses of your font menu and those dusty collections somewhere on your hard drive. If that’s not inspiration enough, go to fontsquirrel.com and explore those dark recesses as well. Or try the refined elegance of faces such as Didot, set carefully to show off the letterforms.
Don’t forget overlay effects. Opacity can be fun, especially if you stack up multiple copies of your text boxes. Quark’s opacity controls are impressively fine-grained; you can change the transparency level of individual characters if you like. InDesign doesn’t go as far, but it makes up for this with a good range of visual tricks in Object > Effects.
Whether you have fun with graphic effects or go for the type purist approach, this exercise is a lot of fun. The fact that the band name, album title and image can so often be coaxed into feeling like a carefully planned whole is quite extraordinary. Try a few different ones, then screengrab them or export them as simple Jpegs and publish them on Twitter. If you include ‘#macusercd’ in your tweet, we’ll see your designs, too. Now, how’s that creative block doing?
