🎵 playlist cover tutorial (& psd)
In this tutorial, I'll be going over how to make a character-centric playlist cover using my template
✨ Firstly, thank you so much @withered-rose-with-thorns for your kind words on my edits and interest in learning how to make these! 😊
The core of our process is thankfully a simple one. We'll be using the clipping mask function to affix a character cutout and textures to 3 specific primary layers. Here, I'll walk through remaking a cover similar to that of my Vi playlist. To begin, download the following:
cover template (mega.nz)
My template is 400x400px in overall size and mainly features 3 named layers.
1.) CUTOUT — With the template ready to rock, we'll start by working on the heart of the edit, which is getting the character cutout for the portrait layer. (As a general rule, always try to use the highest quality images/shots for projects whenever possible.) In this example, I've used the Pen tool to free Vi from her scene:
For creating precise cutouts I will only ever recommend using the Pen tool, as anchor points allow the most control in achieving the cleanest results. If you're unfamiliar with the Pen tool and its settings, here's a 60-second guide to the basics. (i.e. connecting anchor points all the way around your character from the start to end > Make Selection > set Feather Radius to 0 and have anti-alias checked for smooth edges) Once you've made your selection, if you need, you can change the cutout size by using the Transform Controls or simply adjusting the overall Image Size.
2.) PORTRAIT LAYER — Back on planet template, we'll focus on the "middle portrait" layer. Above each of the 3 main layers is one titled *top clipping mask*, which we'll keep at the top for all. This is a means of ensuring all new layers created beneath it will stay clipped to the primary layer (as indicated by the little arrow pointing downward to the left of each mini thumbnail image). You can simply drag your cutout to the template, or just copy & paste it in a new layer, and use the Move tool to position the image how you'd like. (If any layer accidentally unclips, right click it and select Create Clipping Mask or just hit that Alt+Ctrl+G)
With your image now in position, you can then change the portrait background color by creating a new fill layer > Solid Color. Double-click the Solid Color layer to change the color at any time. Your cutout layer should sit atop the Solid Color layer and beneath the *top clipping mask* layer, as shown above.
3.) BACKGROUND LAYER — The bottom-most layer is our background color layer, which is gray by default. Feel free to adjust this Solid Color layer any time to your preference. Now with the basics covered (your cutout, middle portrait background color, and background color), let's add a texture or two! Since we're on the background layer now, I've downloaded and resized this unsplash texture and made it a new, clipped layer.
Experimenting with the Blend Modes and Opacity is key (and super fun)! Here, I've set my texture layer to Subtract with a 50% Opacity.
On top of the texture layer, I've added a couple of adjustment layers and color layers using the Brush tool for the sizzle.
4.) PORTRAIT LAYER — Back on the middle portrait layer, we can add a texture layer here a s we've done for the background, though if you prefer you can leave the portrait background as a solid color. For the purpose of the tutorial, I've downloaded this graffiti texture from unsplash and added it as a new layer, changing the Blend Mode and Opacity.
By experimenting with the Blend Mode on your texture layer, adjustment & color layers, you can create all kinds of wild effects to fit your subject and mood of your playlist.
In addition to fiddling with the portrait layer, I've also sharpened my Vi cutout and added adjustment layers above it - such as Vibrance, Color Balance and Curves - to make her shine against the saturation of the colors surrounding her.
When you're all done, save your cover as a .png to retain high-quality compression.
You may have noticed that we didn't make any adjustments to the 3rd "white border" layer after all, which is on purpose! Depending on what look you'd like to create for your cover, and knowing how a clipping mask works from previous steps, the set-up has been prepped to change as you please, if you please.
And if you've read this far, thank you! I appreciate you, and I hope you found some useful information. You're welcome to download the finalized Vi psd cover I made for this tutorial.
Happy Creating! 🧡
