Design an Indie Rock cd cover in Photoshop

Today I’m going to explain how to realize a retro cd cover in Photoshop. We will photo-manipulate a sunset scene, then we will combine other elements like textures and vector resources to finalize the composition. At the end I will show you how to apply the final design to a cd case mock-up template.

Preview:

DOWNLOAD SOURCE FILE

Become a Premium Member and get unlimited access to source files and premium resources for only 7$/month. Click here to learn more.
Are you already a member? Login to download the PSD file.

Step 1

Let’s start by creating a new 1000×1000 pixels document in Photoshop with a high resolution (300 pixels/inch since it is destined to print).

Step 2

Fill the background with a subtle grey (#a4a5a5).

Step 3

Download the first stock image that we need for this composition: the image of a sunset on a beach land. Merge the image into the Photoshop canvas and re-size it (press ctrl+T to activate the Free Transform tool).

Step 4

With the Dodge tool, click over the sun to lighten that area. The Dodge tool allow you to choose a specific brush, so make sure to select a round, large and soft (hardness 0%) brush.

Step 5

Let’s switch to the Burn tool to darken the edges of the composition. Set the tool to “Shadows” mode and gently paint always with a soft brush.

Step 6

At this point, grab the Blur tool. The aim is to give depth to the composition. So paint again over the edges, always with a soft, large brush. Here is my result:

Step 7

Set the layer blending mode to soft light. In this way the beach will merge the grey background. The result is not so cool but, don’t worry, we will fix it soon.

Step 8

Press ctrl+J to duplicate the beach layer. Now a step a little bit tricky: with the duplicated layer selected, add a layer mask by pressing the “add layer mask button”, which is at the bottom of the layers window. Make sure to have black as foreground color and press alt+delete to fill with black the layer mask. What happened? The duplicated layer disappeared. This is due to the layer mask filled with black. We could use a white brush to replace pixels simply by painting over the mask. And this is exactly what we will do: grab a large soft white brush and make a spot over the center, and the central area will be replaced.

Why using the layer mask when we could simply erase the edges of the duplicated layer with the Eraser tool? The power of the layer mask is that it allows you to delete and replace pixels at any time. This is why I always prefer the Layer mask rather then the Eraser tool.

Step 9

Create a new group and title it “Adjustments”. Here we will put in all the color corrections. Take in mind that this group will be always on top of all the other layers.

The first adjustment consists in lowering down saturation. So go to Layer>New Adjustment Layer>Hue/Saturation and reduce saturation to -70.

Then add a Gradient Map layer going from purple (#6f156c) to green (#00601b) to orange (#fd7c00). Set the layer to Overlay with opacity about 30%.

Finally create a new layer and fill it with a color of your choice (it’s not important). Then right-click on the layer thumbnail and select Blending options. Reduce fill opacity to 0%:

Add a gradient overlay going from Pink (#e1006a) to Yellow (#ecdb1f) to Blue (#025b94). By clicking on the arrow on top of the color picker, you can set up the opacity of each color. Reduce the values so the effect will be more soft.

Step 10

Remember that the adjustment group needs to be always on top. Create a new layer – below – and fill it with black. Go to Filter>Render>Lens Flare and select the 50-300mm zoom lens.

Set the layer to screen…et voilà! The cool lens flare effect!

Step 11

Now that the background is complete, you can put in whatever you prefer. In my case, I decided to play around the concept of time, so I downloaded the image of a hour glass. Open the image in Photoshop and use the pen tool to extract it:

Paste the image into the main canvas and re-size it (ctrl+T).

Step 12

As you may notice, there’s a problem with the transparency of the glass…the problem is that the glass is not transparent! Let’s fix this bug. Duplicate the hourglass layer (ctrl+J) and set the duplicated layer’s blending mode to multiply with opacity 90%.

Zoom in and, from the layer set on normal – below, erase the area that should be transparent.

Select the layer set on multiply and erase the area where there’s the sand. In this way, the sand of the layer below – more saturated – will appear.

Step 13

To enhance the hour glass, we can use one of our Radial Vectors. You can open the .AI file in Illustrator or use the Photoshop brushes version. They are both available into the .zip file. Select the radial you prefer, then copy (ctrl+C) and paste it (ctrl+V) in Photoshop as a smart object. Feel free to re-size it at your pleasure: since it is a smart object, it’s scalable. Put it below the hour glass.

Merge the texture into the canvas and re-size it. Apply the sharpen filter (Filter>Sharpen>Sharpen) to enhance the details.

Set the layer to overlay and reduce opacity to about 30%. Cool result, don’t you agree?

Step 16

Download one of our Subtle Grunge Textures and paste it into the canvas. Set the layer to overlay with opacity 50%. The composition is now finished!

How does the graphic look on a cd?

You can show to your clients/friends how the graphic looks on a cd template. Download our cd case mock-up and open it in Photoshop. My choice was the cover template. To customize the design, simply double click on the smart object thumbnail. A new window will appear.

Put in your graphic and save. Then you can close the window and see how the mock-up looks updated.

DOWNLOAD SOURCE FILE

Become a Premium Member and get unlimited access to source files and premium resources for only 7$/month. Click here to learn more.
Are you already a member? Login to download the PSD file.

I just rocked this. Awesome tut. Love the style, please please please, keep more coming like this. I am totally digging the textures, mockups, brushes/vectors and everything you guys have been rocking. Everything you guys provide is well worth the premium membership.

Very good tutorial, just one thing I don’t get it. In step 11, you have 2 images of hourglass. I did select just the hourglass and pulled it, but the color on the hourglass still grey, did you colorize or treated in anyway before pulling it? bcus, both hourglass in STEP 11 didn’t match in color(the first image is grey shaded and the next one is tinted yellow. Pls explain. Truly appreciate!

Heya outstanding blog! Does running a blog such as this require a large
amount of work? I’ve absolutely no expertise in computer programming but I was hoping to start my own blog in the near future. Anyways, if you have any suggestions or tips for new blog owners please share. I understand this is off topic nevertheless I simply wanted to ask. Kudos!

hello there and thank you for your information –
I’ve definitely picked up anything new from right here. I did however expertise a few technical points using this web site, as I experienced to reload the website many times previous to I could get it to load properly. I had been wondering if your web hosting is OK? Not that I’m complaining, but slow loading instances times will
very frequently affect your placement in google and could damage your quality score if advertising and marketing with Adwords.
Well I’m adding this RSS to my email and could look out for a lot more of your respective intriguing content. Make sure you update this again very soon.

Neuroscience has shown that thankfulness and gratitude correlate with lots
of good things in life: from reduced stress, illness, and yahoo 9 ball pool
game pain, to increased happiness, life satisfaction, productivity, even longevity.

The Psychological Counseling Services is six to eight weeks with the majority
of students seek hepp for depression, but also had a prodigious knowledge of
boxing. Rafa isn’t yahoo 9 ball pool game losing that one yet – but he did.

Undeniably imagine that which you stated. Your favorite reason seemed
to be at the internet the simplest factor to take into accout of.
I say to you, I certainly get irked even as other folks think about worries that
they just do not recognise about. You controlled to hit the nail
upon the top and also defined out the entire thing with no need side-effects , folks can take a signal.
Will probably be again to get more. Thanks

Excellent beat ! I would like to apprentice whilst
you amend your website, how could i subscribe for a weblog web site?
The account helped me a applicable deal. I have been tiny bit familiar of this your broadcast
provided shiny transparent idea