Design insights & tutorials.

Mix Cover Tutorial: Outer Limits Pioneer

Outer Limits Explorer - mix cover

Creating a Mix Cover

In case you didn’t know, whipping up mix covers is a great way to exercise some of your creative muscles. It’s an outlet I like to focus some of my more random ideas towards… whether it be subject matter, or a new technique I want to try out. Every once in a while I’ll make a new mix and create an accompanying cover for it to post to my site BLK Apple. Generally these mixes are based around a central theme, idea, or situation, making them perfect for some semi-structured visual experimentation.

With this mix I wanted to create a cover that touched on a Jonny Quest, meets Steve Zissou, meets Outer Space, meets National Geographic vibe.  So what you’ll see in this tutorial is the process by which I came to the result you see above. I want to mention at the outset that this was a very loose process. Alot of the steps I took were completely random, but what you read below is a true un-altered account of the process. Let’s begin…

01

The image you see above is something I came across while digging through some old advertisement archives before I even had an idea to make the mix. Finding it quite fitting, featuring a strong gentlemanly character, I decided to use this as the basis for my cover.

02

First things first, I cranked up the saturation (ctrl+U, then adjust to eye), and start to cutout the character.

03

To cut out the character,  enter quick mask mode by pressing Q, and start tracing his outline with the pen tool.

Once you complete your path, exit quick mask mode (by pressing Q ) and select ‘Load Path as Selection’ in the the Paths palette.

05

The chap will appear selected. From here I duplicate the layer by pressing ctrl+J.

06

Here he is, in all his cutout glory. Next up we’ll use the Clone Stamp Tool to fix up the background now that we have the character on his own layer.

07

When I do this, I generally have it set to around 30% opacity and the brush semi-softened (a nifty shortcut to quickly adjust the hardness of your brush is ‘shift+[' and 'shift+]‘)

08

09

Here is what I came up with. It’s not super seamless or perfect, but it’ll do the job… Just to make sure, see what our chap looks like on it…

10

Looks pretty good. The edges of our character don’t seem too bad, moving on…

11

From here I decided I wanted to frame the content, both to trim the excess imagery and to evoke a more record-sleeve feel. I simply used the Elliptical Marquee Tool to make a circle, then inverted the selection (ctrl+shit+i) and filled (shift+F5) the layer.

12

I then scaled and placed the character to my liking within the new frame.

13

From here I started to emphasize the composition by adding in some highlights and lighting effects. Specifically, I sampled a pink hue from the background and started painting where I wished to highlight, then set the layer to Overlay.

14

Continuing this thought process, I went ahead and added in more highlights and shadows in the following steps.

16

17

This, as I mentioned before, was a very fluid process. I would add a bit here, erase some there until I felt I had something I could work with.

18

At this point I wanted to add an inner shadow to the frame. I simply created a circle the exact size of the frame, set the Fill to 0% and added an Inner Shadow style (double click the layer to bring up the layer style window, select Inner Shadow).

19

At this point I’m feeling pretty good about where this is going. However I want to ramp up the ethereal/spacey vibe a bit more, so I decide to abstract the background image…

20

Basically what I decided to do was to duplicate the background, and start blurring and tweaking it… Experimented with combining different Layer Styles, such as Exclusion on top of an Overlay.

21

With the background now looking a bit more flat, I wanted to add little details to help it out just a little bit.

22

I started painting on some lines and then rubbing them around with the Smudge tool. I started to see a sort of ‘warping’ effect going on, so I ran with that by painting more lines in a circular motion around the character.

23

Here I decided that I liked how it was starting to turn out, but I wanted to unify all the different hues and textures. So what I did was track down a texture that was fairly uniform, and would help warm up the piece.

24

This paper image seemed appropriate, so I scaled it to where I liked it (basically so the grain of the paper didn’t look too big) and set the layer to multiply, thus resulting in a more cohesive version….

25

Looking at it, I still want to add some more detail to the background. So I decided to use some infographic vectors I contributed to Set 18 to aid me.

26

27

Now that I added alittle more intrigue to the background, I can start to see how I’m going to polish off the piece. Though everything is looking cohesive, I want to spike the contrast to add some contrast and drama. To do this, I select all the visible layers (ctrl+shift+A) and paste it on top of all the layers.

28

Desaturate (ctrl+U) it and adjust the levels (ctrl+L).

29

Then to soften it up, I add a Gaussian blur.

30

Set the layer to Multiply, and I now have the additional contrast I was looking for. Now to finish it off, I add in the copy.

31

I set the type in Avenir, which I am a huge fan of. The title line I chose to open up the tracking to let it breathe and to let the background image come through as much as possible. As well, I opened up the leading for the tagline for the same reason.

Outer Limits Explorer - mix cover

To finish it off, I add in my National Geographic-esque rules and add in the chapter one caption.

I hope you guys enjoyed the walk-through! And if you’re curious to hear the music and how it played in with the visual design, the mix will be up soon at BLK Apple.

Discussion

We want to hear what you have to say. Do you agree? Do you have a better way to approach the topic? Let the community know by joining the discussion.

  • http://www.websalonu.com/ websalonu ankara web tasarım

    thank you for all info

  • http://twitter.com/bearpig Robbie Andrews

    nice tutorial, not sure about the final colours of the text – you seem to lose the L in limits due to the colour of the background…

  • http://simonh.me Simon H.

    Neat one. And I like a lot the little tips and tricks, especially the one for the extra contrast at the end. Will not be forgotten.

  • http://toeleven.wordpress.com/ Jayson

    I always learn something from these, nice.

  • http://www.jagdesignideas.com Joel Glovier

    Beautiful work Chris, and great tutorial! Thanks!!

  • http://www.jagdesignideas.com Joel Glovier

    Beautiful work Chris, and great tutorial! Thanks!!

  • http://twitter.com/andrew_houle Andrew Houle

    This looks sweet. That is all.

  • http://twitter.com/kellyfkiernan Kelly Kiernan

    awesome tutorial Chris. looks awesome!

  • Anonymous

    awesome tutorial Chris. looks awesome!

  • http://www.altincilek.tk altın çilek

    in a creative funk? make a mix tape, then design a cover for it – brilliant!