May 14 2012

The Lowdown On The Artwork…

Hey guys

Well, you asked for it so here it is. This post does once again come with an Amber Geek-Alert. You have been warned…

Since I released my latest album [un]plugged a few weeks ago I’ve been getting a lot of questions about the artwork. This is the third release for which I’ve put together my own cover art. So for those of you that wondered; here’s the process I used this time.

Those of you that know me well or follow me on Instagram (@simonlittlebass) will be very much aware of my little obsession with iPhoneography; that is, the art and technology of iPhone-based photography and photo-editing. So it will not surprise you that the [un]plugged cover was almost entirely put together on my iPhone. Only the text was added separately using Gimp for Mac (a free and rather excellent image editing program), and that’s only because I haven’t found the right iPhone app(lication) yet…

1. I started out with an image of what is left of Gotham City Hall in Six Flags New Orleans. Hit by Hurricane Katrina in 2005, the site is set for demolition. I edited this image with the fantastic iPhone app(lication) Snapseed to give it a more gothic feel and darken the sky. I always start with the crop and auto-correct functions, then play about with the Tune Image settings and Drama filters. I think I may have also used the Tilt-Shift to add focus to the centre of the image. The first stage looked like this…

2. I then put this image through Tiny Planets. This is a fun little app(lication) that twists an image one of two ways into a circular pattern. I mess about with this a lot. The results are pretty haphazard at best and you have no real control over the final image but occasionally it comes up trumps. The resulting image looks like this:

3. It was at this stage that I transfered to my laptop and added the text to the bottom right corner. Gimp also allows use to match the colour of text with a colour from the image itself. I went with one of the grungy grays from the building.

4. I then immediately went back to the iPhone (!) and put this image through ScratchCam. This is an excellent app(lication) if you have time to fiddle with it and download all the extra filters (which are all free but not included in the initial download). I tend to use the random button to generate a few different options as a starting point and then edit in more detail from there. This is how I got the folded and torn look…

5. Now, as you can see here, the image became rather washed out in ScratchCam so I went back to Snapseed and essentially repeated the steps in mentioned earlier; mainly using the Tune Image and Drama functions to bring the colours out once more. The resulting image is the final cover art which we all know and love.

Hope this answers some of your questions regarding the artwork. I love the fact that you can manipulate images to this degree and sophistication on a mobile phone. I’ve been playing around with the applications a great deal over the last year and am only just starting to scratch the surface. As for the musical applications, well that is another post entirely…

Hope you’re all enjoying the album and don’t forget to tell your friends and help spread the word.

Just out of interest, here’s a couple of other images I put through Tiny Planets so you can get some idea of the possibilities. Out of the applications I use regularly, this one is the least consistent but often comes up with the most surprising results (Both these images were heavily edited in either Snapseed or Iris before being run trough Tiny Planets)…

Until next time…


Apr 1 2011

Bandcamp Tips: Custom Header & Image Maps

Thought I’d write a quick post after spending a couple of hours this afternoon faffing about trying to customise the custom header on my Bandcamp page with the addition of an image map.

It’s actually much easier than at first it may seem and with just a few simple steps you can have your Bandcamp page integrating with your main website in a far more effective form. The addition of a custom url for your Bandcamp page means you can use the site as a shop-window for your music which forms part of your main website as a sub-domain. This is what many artists are doing now to promote their music, using their own site as a hub and using external sites such as Bandcamp for additional functionality.

This is how I created the image map…

First you need the actual image for the custom header. I did a screen grab (command-shift-4) from the home page on my main website. Here is the crucial piece of information (which cost me two failed attempts): Bandcamp custom headers are required to be between 975 pixels wide and 40-180 pixels tall. What I should have done was check the dimensions when I did the screen grab. Third time lucky…

Here is what my custom header looks like. I included the menu at the top so I could superimpose the image map later…

I then went to the excellent Image Maps site and uploaded the image. I shan’t bother to fully explain how to use the site as it is incredibly easy to figure out and simple to use. Basically once the image is uploaded you can create boxes around whichever blocks you want to add links to and away you go. Starts looking a little like this:

Once you’ve finished marking up the image, just click the Get Your Code button and copy the generated HTML code to your clipboard.

Then you hop over to Bandcamp and upload your custom header image on the main page. The final step is to go to your Profile page and paste the HTML into the Use an image map box in the Custom Header section.

Then you’re laughing.

Hope that was useful to somebody. This post could’ve saved me a good hour this lunchtime 🙂