Recreate The “Best Of” Bowie Album Cover in Photoshop – Copycat 7

10.9K views 508 likes 49 comments

Jump to a step in the video (9)

Click a time to play the video from there.

  1. 0:00 Intro
  2. 1:50 Create the Background to the album cover
  3. 3:27 Add the Pixalated sides
  4. 13:30 Add the Portrait to the album cover
  5. 15:30 Add the Gradient Map Effects to the Portrait
  6. 19:30 Import the two additional portraits for the eyes.
  7. 22:50 Add shadows to the album cover
  8. 25:20 Add the album cover text
  9. 27:02 Add the Stroke to the text
Show Shortcuts for
Text size
Appearance

Your choices stick across every tutorial on this device.

Recreate an album cover in Photoshop using a pixelated pattern background, Gradient Map color effects on a portrait, and a bold stroke text title.

In this copycat Wednesday you’ll learn to recreate the “Best of” David Bowie album cover.

This tutorial was recorded in Photoshop 2020 (version 21.1). Every tool it uses, from Gradient Map adjustment layers to Smart Objects, still works the same way in the current version of Photoshop.

It’s part of the Copycat Wednesday series. Each episode recreates a piece of existing design work in Photoshop. This one follows the previous episode’s Homecoming poster color grade.

Key Takeaways

  • A Gradient Map adjustment layer colors an image based on its luminance values, not its original hue. That is why the same layer can turn a black-and-white pattern into a full-color gradient.
  • Clipping a Gradient Map to the layer below it, with CtrlAltG (Windows) or CommandOptionG (macOS), keeps the color effect from spilling onto every layer underneath.
  • Converting the pixelated pattern to a Smart Object before running Free Transform keeps it editable, so you can reopen it and adjust the pattern later.
  • A transparent double stroke text effect needs the type layer converted to a Shape first. Photoshop cannot add a sharp-cornered stroke to an active text layer.
  • Defining a pattern from two flat color swatches is the first step. Running it through Filter > Render > Clouds and Filter > Pixelate > Mosaic turns that plain stripe into the randomized pixelated look on the cover’s sides.
  • Holding a tool’s shortcut key instead of tapping it is a spring-loaded shortcut. Releasing the key snaps you back to whatever tool you were using before.

What You Will Learn

  • How to build a light blue background and remove a layer mask you don’t need
  • How to create a pixelated stripe pattern from scratch and turn it into a Smart Object
  • How to use Free Transform and Perspective to wrap that pattern around both sides of the canvas
  • How to color a portrait with clipped Gradient Map adjustment layers
  • How to blend two extra portraits into the eyes with layer masks and opacity
  • How to letter a title with a transparent, sharp-cornered double stroke text effect

Requirements

Before you start

Practice Files

Download the source photos used in this tutorial and follow along step by step.

Keyboard Shortcuts to Recreate an Album Cover in Photoshop

ActionWindowsmacOS
Show/hide rulersCtrl RCommand R
Delete a layerBackspaceDelete
Fill with foreground colorAlt BackspaceOption Delete
InvertCtrl ICommand I
DeselectCtrl DCommand D
Reset default colorsDD
Duplicate layerCtrl JCommand J
Merge layersCtrl ECommand E
Free TransformCtrl TCommand T
Fit image on screenCtrl 0Command 0
Toggle clipping maskCtrl Alt GCommand Option G
Group layersCtrl GCommand G
Select AllCtrl ACommand A
Adjust kerningAlt Left or Right ArrowOption Left or Right Arrow
Decrease brush size[[
Increase brush size]]
Sample color while paintingAlt ClickOption Click
SaveCtrl SCommand S
Show/hide guidesCtrl ;Command ;

Create the Background to the Album Cover

Start by working with a canvas with a 1300 px x 1300 px (72ppi) dimension. 

Enable your ruler by pressing CtrlR (Windows) or CommandR (macOS) and set up guides at 300 px from each side.

Click on the New Adjustment Layer icon > Solid Color. On the Color Picker window, pick a light-blue color and press OK.

How to recreate an album cover in Photoshop with a light blue Solid Color fill layer

Then, you can delete the previous background as you don’t need it anymore.

Delete the Layer Mask of the Solid Color Fill layer and rename the layer as “Background.”

Layer mask deleted from the color fill layer and the layer renamed Background

Add the Pixelated Sides

Choose File > New and create a new document that is double the size of your current document. That means the new dimensions are at 2600 px x 2600 px (72ppi).

New document dialog set to 2600 by 2600 pixels at 72 ppi

Then, press Create to start working on the new document.

Use the Rectangular Marquee tool and from the upper-right corner, create a selection with a Height of 35px.

Tip: You don’t have to keep switching tools by hand. Hold down a tool’s shortcut key, like Z for the Zoom tool or I for the Eyedropper, and Photoshop switches to it for as long as you hold the key. Release it, and you snap back to whatever tool you were using before.

Rectangular Marquee selection 35 pixels tall drawn in the upper right corner

Next, bring up the Color Picker Window and set the Hue and Saturation to 0. Set the Brightness to 15. This will give you a color close to black. Press OK to exit the window.

Color Picker with hue and saturation at 0 and brightness at 15 for a near black tone

With that set as the Foreground color, press AltBackspace (Windows) or OptionDelete (macOS) to fill the selection with the color.

Next, click-and-drag the selection downwards and repeat the previous step of filling the selection with the color. 

Then, press CtrlI (Windows) or CommandI (macOS) to invert the colors, which gives you an off-white color instead.

Go back to the Layers panel and select the layer thumbnail to select both color boxes. 

Choose Edit > Define Pattern. Please give the new pattern a name and press OK.

Want to build your own tileable, seamless patterns from scratch? Seamless Photoshop Patterns: 3 Powerful Techniques covers more ways to use Define Pattern.

Define Pattern dialog where the two color boxes are saved as a named pattern

You may now delete the layer with the boxes and create a new Pattern fill layer using the pattern you just made. 

Create a New Layer and set your Foreground and Background color back to the default by pressing D (Windows) or D (macOS). 

Choose Filter > Render > Clouds, and change the Blending Mode of the layer to Multiply.

Clouds render placed on a new layer and set to the Multiply blending mode

Then, duplicate the layer by pressing CtrlJ (Windows) or CommandJ (macOS) and set the Blending Mode of the layer to Screen. 

Decrease the Opacity.

Select the top layer down to the Pattern fill layer by holding the Shift key. Press CtrlE (Windows) or CommandE (macOS) to merge them into a single layer.

Add contrast to the layer using Levels so that there’s a wide variation to the luminance. 

Choose Filter > Pixelate > Mosaic and set the Cell Size value to the height of the squares at 35 pixels. This will result in a pixelated pattern resembling the background in the album cover. 

Go to the bottom of the Layers panel > New Adjustment Layer > Gradient Map. 

On the Properties panel, double-click on the Gradient map to bring out the Gradient Editor.

On the Gradient bar, create four stops ranging from navy blue to an off-white color. 

Select the Gradient Map, Levels, the pixelated layer, and convert them to a single Smart Object.

Then, use the Move tool to bring the Smart Object over to the working document.

Press CtrlT (Windows) or CommandT (macOS) to transform the Smart Object.

Right-click > Perspective. Then, click-and-drag one side to change the perspective and fit it to the guide set on each side of the document. 

Repeat this process for the other side by duplicating the layer and use the transformation to flip it horizontally.

Pixelated smart object skewed with Perspective and mirrored to fill both sides of the cover

Then, create a smooth transition between the background color to the pixelated layers by applying a Layer Mask to soften the edges.

Add the Portrait to the Album Cover

Place the portrait onto the working document.

Add the Gradient Map Effects to the Portrait

Click on the New Adjustment Layer icon > Gradient Map. Go to the Properties panel and click on the Clipping Mask icon to clip it so that it only affects the portrait layer directly below it. 

Gradient Map adjustment layer clipped so it only affects the portrait layer below

Then, bring up the Gradient Editor and double-click on the black Color stop to set the shadows to a dark purple color. Press OK.

Create another Color stop at 50% location and set the color to pink.

Create another Color stop at 90% location, set the color to yellow, and press OK to exit the Gradient Editor window.

Right-click on the Gradient Map layer and select Delete Layer Mask.

Delete Layer Mask chosen from the right click menu on the Gradient Map layer

Use the Rectangular Marquee tool to create a selection on the upper-left portion of the head. 

Marquee selection drawn over the upper left part of the head

Then, click on the New Layer Mask icon to contain the Gradient Map effect onto that selection. 

New layer mask keeping the gradient map color inside the marquee selection

Now, create another Gradient Map and repeat the process of adding colors to four different Color stops: dark red, red, yellow, and ivory. Press OK to apply the changes.

Again, use the Rectangular Marquee tool to create a selection on the upper-right part of the subject’s head. Then, click on the New Layer Mask icon to contain the effect within the selection.

Import the Two Additional Portraits for the Eyes

Place another portrait in the working document.

Blending two portraits together like this is close to a double exposure effect. Hands Over Face Double Exposure Effect In Photoshop is another Copycat Wednesday built on the same idea.

Reduce the Opacity rate of the image layer so you can see through the portrait beneath it, and match the alignment of both eyes.

Second portrait faded back in opacity so its eyes can be lined up with the first one

Use the Rectangular Marquee tool to create a selection on the right eye, and click on the New Layer Mask icon to hide the rest of the face. Then, bring back the opacity to 100%.

Create a new Levels adjustment layer and press CtrlAltG (Windows) or CommandOptionG (macOS) to clip it to the image layer below. 

On the Properties panel, adjust the brightness and the contrast.

Place the second photo on the working document and repeat the process of reducing the Opacity rate to match the portrait’s eyes underneath. 

Again, use the Rectangular Marquee tool to create a selection on the left eye and click on the New Layer Mask icon to hide the rest of the portrait. 

Organize the Layers into Two Groups

At this point, you can start organizing your layers into two groups: Background and Portrait. Then, organize them accordingly. 

Add Shadows to the Album Cover

Create a New Layer on top of the layer with a 2nd Gradient Map layer. 

Select the Brush tool, set the Foreground color to black (#000000), and start painting in the shadows similar to those in the album cover. 

Splitting shadows, highlights and color onto separate layers with blending modes is its own skill. Cut Out Glass in Photoshop with Blending Modes walks through it in more detail.

Create a New Layer in the Background group. Select the Brush tool and set the Foreground color to dark blue. For this, you may pick up the dark blue color from the background using the Eyedropper tool. 

Paint a shadow behind the head for an added depth.

Collapse the Background group and begin working with the Portrait group.

Create a New Layer and use the same blue color to paint a shadow on the lower part of the album cover. 

Add the Album Cover Text

Create a Text layer above the Portrait group and set the Font to Proxima Nova and the Font Size to 450. Please feel free to type any text that you want. 

To center your text, press CtrlA (Windows) or CommandA (macOS). Select the Move tool and on the Options bar, select the center alignment to center the text on the canvas. Then, deselect when it’s done.

Add the Stroke to the Text

Select the Horizontal Type tool and adjust the kerning between the letters by pressing Alt (Windows) or Option (macOS) with the Left Arrow or Right Arrow key. This is to make sure there is enough space between letters when adding a stroke.

Duplicate the Text layer and disable the original text layer. 

Right-click on the duplicated Text layer and select Convert to Shape so it’s no longer a text layer but a vector shape.

Convert to Shape chosen on the duplicated text layer to turn it into a vector

Duplicate the vector shape, disable the original, and work on the duplicated layer as the stroke layer.

Use the Path Selection tool, and on the Options bar, select the Fill option to No Color. 

Path Selection tool active with the shape Fill set to No Color

On the Stroke option, set the color to white and the pixel value to 10 pixels. 

Click on the Stroke Options’ drop-down menu and set the Align to Outside. 

Stroke Options menu with the alignment switched to Outside

Then, set the Corners to Sharp option.

Stroke corners set to the Sharp option for the lettering

With that, reduce the Opacity of the layer to 50%.

White outline around the album title with the layer opacity dropped to 50 percent

Duplicate the layer and on the Options bar, set the Stroke of the duplicated layer to 20 px.

Now you can enable the original vector shape layer.

Select all the text and vector shape layers, then put them into one group to organize them. Name the group as “Text.”

For a better blending, select the 2 duplicated vector shapes and set the Blending Mode to Soft Light, so the colors behind it can peek through the layer.

Frequently Asked Questions

What Photoshop version do I need to recreate an album cover like this?

This tutorial was recorded in Photoshop 2020 (version 21.1). Every tool it uses, including Gradient Map adjustment layers, Smart Objects, and Free Transform, works the same way in the current version of Photoshop.

What is a Gradient Map in Photoshop?

A Gradient Map adjustment layer recolors an image based on its luminance values instead of its original color. Dark tones take on the color at one end of the gradient, and bright tones take on the color at the other end.

Why convert the pattern to a Smart Object before transforming it?

Converting the pixelated pattern to a Smart Object keeps the layers inside it editable. You can reopen it at any time, adjust the colors or the pattern, and the change updates everywhere you placed that Smart Object.

Why does the text need to become a shape before adding a stroke?

Photoshop cannot apply a stroke with sharp corners to an active text layer. Right-click the text layer and choose Convert to Shape first, then add the stroke to the vector shape instead.

How do you make the stroke around the title transparent?

Set the vector shape’s Fill to No Color, add a white Stroke, and set the Blending Mode of the stroke layers to Soft Light. That lets the colors underneath show through the outline.

What does the Mosaic filter do in this tutorial?

Filter > Pixelate > Mosaic turns the striped Clouds pattern into a grid of solid-colored squares. Matching the Cell Size to the height used earlier keeps the squares aligned with the original stripes.

Can I use my own photos instead of the ones in this tutorial?

Yes. You can recreate an album cover in Photoshop using any portrait you like. Download the source photos to follow along exactly, or swap in your own and adjust the Gradient Map colors and layer masks to fit your image.

Conclusion

To recreate an album cover in Photoshop, you only need a handful of repeatable techniques: a pattern built from scratch, Gradient Map color effects, and a transparent stroke text treatment.

None of these steps require advanced Photoshop skills. Take them one at a time, and you can apply the same techniques to any design you want to recreate.

Watch the full video above for every step in real time, and comment on the video if you have a question.

Pro Training

Selections and Masking Mastery

Complete course includes 2.5 hours of step-by-step lessons, 6 structured modules, downloadable practice files, and custom Photoshop brushes. Everything you need to master selections and masks in one place.

View the Course

Keep going

Ready to get more precise with your masking? try this powerful Detail Mask technique.

Jesús Ramirez

About the author

Jesús Ramirez

Jesús Ramirez is a graphic designer and the founder of the Photoshop Training Channel, which he started in 2012 and has grown past two million YouTube subscribers. He has taught at Adobe MAX, Adobe Summit, and Photoshop World, teaches courses for CreativeLive and Pluralsight, and was one of five artists chosen for Adobe Stock's Make a Masterpiece campaign. His Photoshop templates shipped inside Photoshop CC 2018.

More about Jesús Ramirez

Similar Posts