Play with your music – Module 5: Air Traffic Remix

For this module in the Play With Your Music course, I’ve been remixing ‘Air traffic’ by Clara Berry and Wooldog. Here’s the original track:

And here’s my remix:

I started by listening through the original mix and picking out some samples I liked.
Because we have access to the master mix, it’s possible to isolate a single voice or instrument.
I’d be interested to learn techniques for doing this sort of sampling where you don’t have the luxury of access to the original mix – ie where you can’t just isolate the instrument you want.

Once I’d identified the samples I wanted to use, I cut them up in Soundation. I made sure that all of my samples were 4 bars long – this made it easier to work with them later.
If they’d been of different lengths, it would have been much harder to coordinate them and use them concurrently.

My next move was to stitch these into a single song. One way of doing this would have been to record the music “live”, and simply turn on and off the different channels over the course of the song.
I played around with doing this, but couldn’t find a way in Soundation to record “live”.

But doing things more laboriously meant that I had more control – I could take my time applying effects to the mix, in a way that I wouldn’t be able to do live.

So I copy-pasted the 4 bar samples I’d created, and stirched them together into a full song. There was lots of copy-pasting, and it was a bit fiddly to get things to line up exactly. I found that zooming in very closely, and clicking on exactly the start of the bar, before pasting, helped.
Something I didn’t realise at first was that clicking and dragging a single clip from its top right hand corner loops it over and over. So I should have combined all my cut up 4 bar samples, looped them, and then cut down from there, rather than doing lots of cutting and pasting.

To build up the track, I started with the bass, then added in some piano and then drums.
I wanted the track to start with the rhythm section first, to depart from the original. The intro might be my favourite part of this remix.

Shortly after I’d started adding tracks, I began working on the effects and the positioning in the mix.
I wanted the bass to be prominent but not too loud, and I wanted the backing vocals to feel drifty and ethereal, but also still very present.

I used Distortion, then Equalizer then Compressor on the vocals. The distortion had very high gain and low volume, using distortion type WS1 (no idea what that means). The low end of the equalizer was maxed out; Mid was set to around a third, and High was set to nothing. The Compressor was pretty gentle. Very low attach, low release, high ratio and threshold, and medium gain.

I gave the backing vocals some reverb and delay. I used a cutoff filter on the drums towards the end of the track, to give a descending feel. I then removed the drums completely, before bringing them back at the same volume, and then fading out the volume, allowing me to close the remix with the bass alone, after the piano and then the drums have faded out.

I enjoyed picking out different parts of the original track to use in the remix. I might have liked a bit more raw material to work with – probably I should have used some additional instrumentation from elsewhere – but I quite liked the challenge of working with just the original track. I found it a bit tricky to line up some of the timing – and I’m still not quite sure if the piano is right. I think I’d enjoy working on a remix of a different track – or set of tracks – but I’d want to think it through very carefully. I’d also need to think about how to best take samples from tracks when you don’t have access to the masters. So I may give the final module of Play With Your Music a miss for now, but I’ve definitely enjoyed the course, and found that it’s improved my critical listening ability and given me a taste of using a digital audio workstation and mixing and remixing audio.

What train station arrival boards teach us about top tasks design

Helping your users/customers carry out their most important tasks requires you to prioritise. Helping them achieve their top tasks almost always means sacrificing the ease with which other, less important tasks, can be carried out.

Most people going to a train station are interested in leaving, and aren’t there to meet someone who’s arriving. So we should focus on making “Finding out when my train leaves, and from which platform” as easy as possible; if necessary at the expense of “finding out when and where a train will arrive at this station”.

Hence the relative size of the departure and arrival boards.

departure boards at euston station

Design is a decision about priorities, and as such is generally political. But having the courage to upset some internal stakeholders, you can focus on what’s most important to your customers, and therefore to your organisation and its bottom line.

Play with your music – Module 4: Creative Audio Effects and Automation

This week in Play with your music we’ve been looking at a few basic effects that you can apply to individual tracks of audio while mixing: delay, reverb, EQ and compression. This week’s assignment was to create a version of “Air Traffic” with some effects applied. An optional task was to use this to create a new dynamic mix of air traffic. The optional task sounded like a fun extension so I tackled this too.

Here are some things that I wanted to do with my mix:

  • Keep the piano as the dominant backing for the first verse, as it’s really the only frame for the vocals at this point in the song. I like how the faster, plonky texture goes with the soft flowing vocals. But the for the rest of the song, I wanted to make the soundscape a little less cluttered, and decided that the piano could be removed.
  • Highlight some of the lovely drumming and bass work. I mixed the volume of the bass quite high, and increased it a little for one key passage. For the drums, I used EQ so that the drumming is initially very muted and bassy – a bit like it’s being played next door. I then change the EQ part way through to bring out the rimshot section. (I’m not a drummer, so I could be incorrect here, but it’s the bit that sounds more clickety-clackety). In the final section of the song I set the EQ to gradually change, giving a strange, mechanical swooshy descent.
  • Make the baritone guitar a little smoother. To do this, I applied a low pass filter. I made sure not to put the cutoff of the low pass filter too low – eg 308hz, as it makes the sound too bassy and it loses too much of the attack at the edge of the note. 1477 seemed like a good value, but upon listening to the track in the context of the mix it lacked definition and became a bit insignificant now that I’d dialed back the twang.
  • Strip the drums down for all but the section where I want to highlight them. So i applied a low pass filter with a very low cutoff.
  • Make the steel guitar more shimmery. So I put some reverb on it, with a a fair amount of wet signal.
  • Change the lead vocals somehow. I love the solitary vocals and piano in the first verse, so I didn’t really feel any need to change anything here. But for the sake of experimentation, I wanted to see if I could make the vocals more ethereal, or give them more presence somehow. I started off by applying a very small delay. When set to under 30ms, this just made the sound feel a bit wider, rather than adding distinct or overlapping voices. I settled on a slightly longer delay time, keeping it about the same for both channels. I wanted the final line of the song to be free from reverb, so I used the automation setting in Soundation to drop the wet signal for the very last line. Having played around with this for a while, on listening through I decided that actually the extra lead vocals didn’t work so well and I got rid of this effect.
  • Give the backing vocals a bit more presence. I added some compressor to do this.
    Along the way I found a few artifacts or clicks in the original wav files. It didn’t seem like I could directly edit the audio files that made up each track, so instead I went in and dropped the volume on the relevant track to nothing for the split second where the distracting noise appeared. (I used Soundation’s automation setting here, as shown below). This took a bit of work soloing each instrument to check which track needed fixing.

    removing artifacts in soundation

    For anyone else working on this mix, I found artifacts on the following tracks and locations: bar 27 on the bass track (2 clicks), bar 28 in EFX (I’d muted this track anyway), bar 34 and 39 bass, bar 40 backing vocals, bar 42 in the steel guitar, bar 46 lead vocals, bar 56 on the steel guitar, bar 68 bass, bar 73 bass.

    What was my overall experience of adding effects to this song? Overall I found that effects were a bit unnecessary, to be honest. I enjoyed being able to highlight the bass and drums, but that was mainly down to volume and EQ rather than anything else. I also enjoyed using compression to bring a bit more prominence to the backing vocals. But I probably enjoyed using the pan and volume settings in last week’s static mix more, as it felt like I was honing in on the best elements of an existing expression, rather than trying to put Christmas lights onto an already beautiful tree.

    I think that in some cases effects can sound really cool – I’m particularly looking forward to playing around with an electric guitar in a digital audio workstation – but in other cases they might be an unhelpful veneer. In this track it felt that a lot of the time effects were cluttering or obscuring. Maybe that’s more to do with my skill in employing them than their utility in general. From this week’s module I’ve gained initial basic understanding of effects, and I’m looking forward to being able to learn when and how best to use effects in the future.

Some user experience information streams I’ve subscribed to today

Today I’ve spent some time reviewing which RSS feeds I subscribe to. I’ve decided that I’m missing out on user experience material. So I’ve been hunting out some streams of UX inspiration and ideas.

I’ve added the following feeds to my RSS subscriptions, and will be reviewing their usefulness over the next couple of months:

  • Smashing Magazine UX design category
    Feed address:
  • UX Magazine
    Feed address: feed://
    I’m slightly wary of this one – will the content just be stripped down teasers for paid material? Will the focus be too long-form and specific for my needs?
  • Gizmodo’s user experience tag
    Feed address:
    This one was a little harder to find the RSS feed for. I didn’t have to do any filtering like I’ve done with other RSS feeds, but I did need to manually work out the URL. I followed this guidance to generate the URL I needed – you just need to put /rss at the end of the tag’s URL.
  • UI Patterns
    Feed address:
    UI design patterns are standard solutions to common design problems. This site discusses them and also collates examples.
  • Elements of design
    Feed address:
    A showcase of different design patterns. The RSS feed itself shows latest additions to the example gallery.

Play with Your Music – Module 3: Reverse Engineering a Multitrack Mix

The third module of “Play with your Music” is about the mixing process: taking individual tracks of recorded instruments and vocals, and arranging them together into a cohesive whole.

The first part of this week’s assignment was to reproduce Clara Berry & Wooldog’s “Air traffic”, by setting the volume and pan (left-right) for each track. This reproduction is to create a “convergent” mix. The task was to make a static mix, so we’d just have to find a single setting for each track, rather than adjusting things over the course of the track.

There was a video on multi-track mixing and a useful interview with the musicians, producer and engineer involved in the creation of “Air traffic”. Alex Ruthmann has a good interview technique, and challenged the interviewees to unpack things that were obvious to them but not to mixing novices.

We were doing our mixing in-browser in a tool made for the occasion. It basically loads an 128kbps mp3 file for each track, and then uses javascript to handle the volume and panning of each track. The mix information gets stored as a string at the end of the URL generated by the web page. This is how we can share our mixes with each other. Listen to my convergent mix of “Air Traffic”. The string at the end of the URL is pretty neat: a dictionary with global information identifying the song and its length, followed by a list of dictionaries for each track. I actually just used the soundcloud version of the track, rather than the left and right channels in the mix deck, as I found this a bit easier to navigate. Hopefully the versions aren’t too different!

The most fun part of this week was being given the chance to come up with a different version of the mix.

This is the type of “playing with my music” that I’d been waiting for, and having listened to this track a couple of dozen times I had an idea of how I wanted to refashion it: I wanted to focus the track around the lovely vocals and driving bass. While I love multi-layering complexity, I also love uncluttered, focused soundscapes. That’s what I’m aiming for with my mix. Here’s what I did:

  • I removed the piano
  • I moved background vocals to the left channel, and lead vocals to the right channel, so that they could have more of a duet feel.
  • Initially I made the background vocals louder than the lead vocals, to see what that would sound like. But this sounded a bit too strong, so I turned the volume of these down, so that left and right vocals were now equal.
  • I love the drum entrance, but keeping the drums at the same level for the whole mix, as we’re doing in this static mix exercise, made things feel too abrupt when certain elements appeared. And I didn’t want them vaguely-present, but not loud enough to listen to closely. So I stripped the drums out entirely.
  • Without the piano there’s actually nothing to listen to for the first few bars, so I changed the min time in the URL to 6, to trim the silence
  • I then tried to focus in on the timpani, which I’d set to about half of max volume and forgotten about while I worked on the more important elements. I couldn’t hear it very clearly, so I maxed out its volume and listened to its contribution to the mix. It only makes a few appearances – in a way, it’s a frame for the drums – and sounded a bit disjointed without some of the other embellishments that I’d removed, so I got rid of it too.
  • I gave the mix another few spins, and decided that the bass was set a bit loud. So I turned the bass down a bit.

    Have a listen to my divergent mix of “Air Traffic”.

    divergent mix of air traffic, by martin lugton

Play with Your Music – Module 1: Analyse your favourite tune and share it

I’m currently taking a 6-week open online course in mixing and remixing music, called Play With Your Music. The first’s week assignment is to describe the sonic landscape of a track I like.

Why I’ve chosen this track: Alcest is one of my favourite bands, if not my favourite. Alcest’s music sounds graceful, elegiac and transcendent. It feels like it’s coming from a context beyond every-day worries, concerns and feelings.

I’ve chosen a track from Alcest’s second album, Écailles de lune, called Sur l’océan couleur de fer. I particularly like its sorrowful and slightly mysterious lyrics (they work better in French, but I’ve pasted a translation below). I think the track is about 30% longer than it needs to be, but I still really like it.


On The Iron-Coloured Ocean

On the iron-coloured ocean
Cried an immense choir
And those long screams whose insanity
Seem to pierce through Hell

And then death and silence,
Rising just like a black wall
…Sometimes, in the distance, could be seen
A swaying fire

Translation from lyrics translate.

The instruments and their location in the mix:

The main instrument is a slightly shimmering, mellow clean, electric guitar, played gently.

Just behind it in the mix sit the distant, tranquil, male vocals; wavering slightly but with some lovely sustain and slight vibrato on these longer notes.

There are other instruments too – a smooth, firm and unobtrusive bass guitar part in the centre of the mix, additional guitar and vocal parts in left and right channels, vocal harmonies, an acoustic guitar, backing vocals later and a symbol – but the track is defined by this interplay of vocal and guitar over the bass. The parts where the guitar climbs up one channel, and the vocals climb up another, and the two intertwine, are particularly pretty.

I enjoyed this exercise, and it’s helped me to be more attentive to what I’m listening to. I hadn’t noticed the acoustic guitar that is used towards the end of the track, for example.

Social Action – a 10-tweet summary of NFP tweetup 20

How to embed a flickr tag slideshow on your website

If you have a set of photos uploaded to flickr, all with a certain tag, here’s how to display them in a slideshow on your website:

The steps outlined in the video are:

  1. Head over to flickr.
  2. Go to your photostream, and click on one of your photos that you’ve tagged with the tag you want to display.
  3. Scroll down, then click on the tag you want to display in a slideshow – eg dailycreate.
  4. Manually add “show/” to the end of the URL (without the quotation marks).
    So in my case, the URL I want is:
  5. Go to this link, which will load up a slideshow.
  6. Click on ‘Share’ at the top right, then click on ‘Customise this HTML’.
  7. Specify the width and height options if you want to, then copy and paste your code onto your website.

How to add a twitter feed to your wordpress site

Summary: Get twitter to generate some HTML that you copy-paste to a widget on your WordPress site.

Here are the steps in more detail:

1) Head over to twitter and generate a personalised HTML code

Navigate to twitter, and log in. Then click on the cog at the top right of the screen, then settings, widgets, then ‘create widget’. (As a shortcut, here is the direct link to the twitter widget page)

2) Which widget type should I choose?

Each tweet feed looks very similar, and is embedded into your site in the same way, but they display different information:

  • User timeline – displays your tweets. You can choose whether or not to include replies.
  • Favorites – Displays all the tweets favourited by a chosen account. Doesn’t have to be your own account.
  • A list – Displays all the tweets by members of one of your twitter lists.
  • A search feed – displays tweets matching a search term. This is where you can display hashtags. Eg (remove the quotation marks) “#ds106” or “digital communications”. You can also do fancier searches using boolean terms – eg on my digital storytelling site I have a stream that searches for “martinlugton and #ds106” to highlight my ds106 tweets.

3) Click ‘create widget’, then copy the HTML code to your WordPress page and put it in a widget.

Go to the widgets area of your WordPress admin backend.Grab a widget of the type ‘text’ and drag it to the appropriate widget. (A widget is just an area of your page. Each theme has different widgets, so take a minute to work out where exactly you want to place yours.)The width automatically adjusts to the width of the area (div) you place it in.

4) The result should look something like this:

two examples of a twitter timeline widget