Category: Tutorials

With hundreds of millions of registered users on SoundCloud, you really need unique and eye-catching banners and album covers to stand out from the crowd and gain fans and followers.

Happily, you don’t need to take the precious time you should be spending on creating your music and use it trying to figure out how to make a SoundCloud banner. That’s because Placeit has done all the heavy lifting for you. At Placeit, you will find tons of gorgeous SoundCloud banner size templates that you can customise to reflect your own musical style and image. 

Let’s take a look.

SoundCloud Banner Templates

SoundCloud Banner Template With Customisable Icon

This template is the perfect starting place for a great SoundCloud banner. Change the image if you want, and you can even customise the texture overlay, right in your browser. The Placeit software already knows the SoundCloud banner dimensions, so don’t worry about setting that up manually. It’s all done for you!

SoundCloud Header Image With Neon Grunge Filter

Grunge effects are often matched with muted colours, but the grunge filter works really well with the bright neon colours in this image. Make a SoundCloud banner online with this cool template.

SoundCloud Banner Maker for Lead Singer of a Rock Band

Don’t know how to make a SoundCloud banner? No problem! The SoundCloud header creator does it all for you, including specifying the right SoundCloud header image dimensions. All you have to do is click to choose the graphics and colours you want, and download the professional-looking end result.

SoundCloud Header Size Template for Metal Musicians

The black and white photo makes a great pair with the bright yellow swipes of colour in the corners. With this template, it’s easy to design a SoundCloud banner you’ll love.

SoundCloud Header Creator for Rock and Roll Musicians

Here’s a great SoundCloud header image for you to use, with a cool texture overlay. Feel free to use it as is, or customise it with your own image.

SoundCloud Banner Maker with a Picture of a Cassette

Why not go old school when you make a SoundCloud banner online? This cool template features a cassette tape unspooling on a bright orange background. Try it out!

SoundCloud Banner Maker Featuring a Light Leak Feature

If you’re wondering how big a SoundCloud banner is, wonder no more. The recommended size of a SoundCloud banner is 2480 x 520 pixels, and your JPEG or PNG file must be under 2MB. But don’t worry—the SoundCloud banner maker takes care of all that for you and produces an image that’s just the right size. Try this cool microphone image with a smudged texture and a light leak effect.

SoundCloud Header Image Template With a Rugged Paper Overlay

Here’s an interesting combination, with a cool image, futuristic neon colours, and the texture of old, crumpled paper. Surprisingly, it works really well, so why not use it to design a SoundCloud banner your fans will love?

SoundCloud Banner Maker Featuring a Singer’s Picture

How would your photo look in this cool SoundCloud banner template? There’s only one way to find out: upload it and see! It’s free to try it out, so why not?

SoundCloud Banner Template Featuring a Cool Grunge Filter

This template has it all: cool lighting, a dynamic image of a singer in concert, and of course, it’s all created in the right SoundCloud banner dimensions so it’ll look great when you upload to the site.

SoundCloud Banner Featuring a Broken Glass Filter

Looking for an edgy, urban vibe? There’s nothing like this cool broken glass filter for achieving that. Swap in your own photo if you want, and design a SoundCloud banner you’re proud of.

SoundCloud Header Size Template Featuring Concert

In these times of a global pandemic, big crowds like this one are out, but you can recreate the vibe of a popular rock concert on your SoundCloud page by using this cool template.

SoundCloud Banner Size Template Featuring a Man Singing

A banner is quite simple to create, but you often see pages with images that don’t fit because they don’t use the right SoundCloud header image dimensions. Avoid that problem by using a template like this one, which produces an image that’s just the right size—and you get to add cool textures to give it an extra appeal.

SoundCloud Banner Featuring Wave Pattern and Concert Lights

Here’s a cool, abstract effect for you, featuring concert spotlights and an intriguing wave pattern. It’s a good way to hint at a music concert without using obvious imagery.

SoundCloud Banner Featuring an Artist and Neon Lights

Why not use this stylish template to make a SoundCloud banner online? With this great starting point and the simple browser-based controls, it’ll be easy to create a pleasing result at the correct SoundCloud banner dimensions.

SoundCloud Header Creator Featuring Crowd Hands at Concert

Put your hands in the air! Evoke the mood of a pop concert with this image, which uses a subtle pattern and creative lighting to enhance the final result.

SoundCloud Banner Size Template with Singer & Neon Lights

Don’t know the size of a SoundCloud banner? Don’t worry—the SoundCloud banner maker at Placeit takes care of all that for you, as well as giving you loads of design assets to work with. Use this template as your starting point, and you’ll love what you end up with.

SoundCloud Header Size Template With a Musician on Stage

Learning how to make a SoundCloud banner from scratch could be time-consuming, but a template like this makes it easy. You’ll have a great header for your page in minutes!

SoundCloud Banner Template With Hands and Holi Powder

This image is so striking that you probably won’t want to replace it with another one, but you can adjust the texture or add text to make a unique SoundCloud header image of your own.

SoundCloud Header Creator Featuring Musician’s Photo

Or why not try customising this template? You can change the image, text, and pattern, so that you end up with something truly your own, at the perfect SoundCloud header size for easy upload to the site.

You can learn how to create a SoundCloud banner over on our Envato Tuts+ YouTube channel:

SoundCloud Album Cover Templates

Now that you know how to make a SoundCloud banner, you’re probably wondering where to find the perfect SoundCloud album covers. 

Well, Placeit’s got you covered there as well, with a wide collection of album covers to suit any music genre. We’ll share the 20 best to be found at Placeit next, but first take a look at this video to see how easy it is to create an album cover template. 

Now let’s take a look at the best SoundCloud album covers from Placeit. 

SoundCloud Album Cover for Hip Hop Artists

There’s a lot going on in this image, but you can customise all of it easily using the Placeit album cover maker. Change the text, switch out the main image, play with the colours, and even change the patterns of that graffiti—all by clicking buttons in your web browser. It’s easy!

SoundCloud Album Cover Template

This album cover, on the other hand, is simple but very striking, with just an eye-catching image and some bold text at the top and bottom. This could be just what you need to attract new fans.

SoundCloud Album Cover for Female Artists

The album art maker on Placeit lets you design any kind of album cover, but because it’s square, you can get a result that matches the SoundCloud album art size. Try this template, with its striking imagery and space for things like a copyright notice and parental advisory warning.

SoundCloud Album Cover for Rap Artists

Who needs bright colours? This black and white album cover is so effective. Try uploading your own image, and see how it looks.

SoundCloud Album Cover Design Template

Looking for a retro vibe? You’ll love this template, which uses a CD case and some old, peeling price tags. There’s a wonderful mashup of imagery on there too, creating a fresh, unique result.

SoundCloud Album Cover Design Creator

Or how about something macabre? If the graphic is too, well, graphic for you, then don’t worry—there are plenty of others to choose from.

SoundCloud Rock Album Cover

This album cover would be great for music with a quieter, more contemplative mood. You can feel the sense of nostalgia and a touch of sadness. It could be a great way to make a statement about your musical style.

SoundCloud Metal Album Cover

On the other end of the scale, how about some bright neon, crazy imagery, and a horror font? This template would be great for creating a heavy metal cover at the correct SoundCloud album art size.

SoundCloud Female Singer’s Album Cover

Maybe it’s the old, scratched photo, or maybe it’s the sunglasses, but this album cover looks like a throwback to the seventies. Capture that vintage vibe with this retro offering.

SoundCloud Album Cover Maker

Here’s a high-energy offering, with bright colours and a dynamic illustration and typeface. It’s a useful feature to have space for a track listing too, if that’s what you’d like to do. Just remember that space is limited on SoundCloud, so make sure the text will still be legible, especially on mobile devices.

SoundCloud Album Cover Featuring Collage Elements

You can get really creative when designing an album cover, and this template is a great example of that. Check out the complex collage-style photo manipulation and the bold use of typography. This one’s a keeper.

SoundCloud Album Cover Featuring Skeleton with Flowers

Flowers growing out of a skull covered in newsprint. What does it mean? It doesn’t matter—that’s for your listeners to ponder as they listen to your music. This album cover will certainly get their attention.

SoundCloud Indie Folk Album Cover

Capture the indie mood with this clever album cover, featuring an image sliced and diced and surrounded by other images in geometric shapes. The blue colour scheme brings it all together, so keep that in mind if you start to add your own images.

SoundCloud Album Cover Featuring a Surreal Style

Is “surreal retro” a style? If not, it should be. This cover art mixes retro imagery with surreal effects to create a mesmerising end result.

SoundCloud Album Cover Featuring Collage

Or here’s another surreal collage offering, featuring images heavy with symbolism. Use it to create a striking cover at the correct SoundCloud album art size.

SoundCloud Collaged Album Cover

Although this is a very fresh, contemporary design, there are some nice retro details tucked away in there, like the vinyl record behind the woman’s head. Like the other options featured here, it’s easy to customise this template and make it your own.

SoundCloud Album Cover for Experimental Music

Now for something with a bit more space. After all the complex compositions, here’s a minimalist cover that features a bold emblem, a plain grey seascape, and some text around the sides.

SoundCloud Album Cover With Retro Vibe

Remember mix tapes? This SoundCloud album cover art brings it all back, even down to the hand-written title. Choose it if you want a cool retro vibe for your next album.

SoundCloud Rock Album Cover Template

And now for something darker. The haunting image and sombre text probably wouldn’t work for the next upbeat summer pop hit, but they’d be the perfect choice for an album that fits the mood.

SoundCloud Indie Album Cover Template

This is such a cool effect—and yes, you can easily change that iridescent prism filter if you want, just by choosing another option from your browser window and watching it instantly update. Click through to see how it works!

SoundCloud Country Album Cover

See how your own photo would look behind that cool scratched and creased texture and the heavily stylised, outlined text. Even if you’re just starting out, you can make yourself look like a star with these professional effects!

SoundCloud Album Cover Template With Lens Flare

With the soulful image and soft lens flare effects, this would be a great cover for a SoundCloud album of love songs or ballads. Try it out with your own photo in centre stage!

SoundCloud Album Cover With Vintage Vibe

Finally, here’s a vintage offering, with textures of folded paper, like an old record sleeve that’s been carried around for a long time. Change the image, add your own text, and create a SoundCloud album cover that your fans will adore!

Unlimited Downloads at Envato Elements

If you’re looking for specifically for Photoshop templates then you should check out Envato Elements, which offers hundreds of gorgeous template from designers around the world.

You can download as many as you want, as often as you want for one flat monthly fee that also gives you access to thousands of other premium digital assets like fonts, logos, mockups, photos, business card templates, and much more.

Let’s take a look at some of the premium album cover templates offered at Envato Elements.

Music Album Cover Template (PSD)

The album cover templates on Envato Elements often feature CD cases, like this one, but you can still use them for SoundCloud albums: they’re the same square dimensions, and they’ll look great on SoundCloud. You can just use the front cover template and ignore the PSD files for the back cover and CD sticker artwork.

Music Cover Template (PSD)

Here’s an album cover that looks ready to go platinum. It would be ideal for electronic music or perhaps a rock band, but as with all the templates featured here, you can customise it in Photoshop with your own text and artwork and make it your own, no matter the genre.

Cover Futuristic Music Template (PSD)

This futuristic offering creates a strong impression with its complex photo manipulation and cool colour scheme. There’s space for text along the bottom too, so you can list your best tracks or perhaps call out other musicians you’ve collaborated with in making the album.

Cover Artwork Template (PSD)

Abstract illustrations make great backgrounds for album covers, and this one works beautifully. The Photoshop file is well organized in folders and layers, so that you can customise everything quickly and easily.

Make Your Own SoundCloud Banner & Album Cover Today 

Both Placeit and Envato Elements are excellent sources for SoundCloud Banners and Album Covers. Head to either site today to check out the templates found there and get to work making your own. And if you want more information on other useful resources, check out this terrific list below: 

• 
  Graphic Design
  27 Album Cover Art Templates Using an Album Cover Maker
  Nona Blackman

• 
  T-Shirt Design
  21 Awesome Funny T-Shirt Designs (And How to Make Your Own)
  Nona Blackman

• 
  Resources
  31 Best Twitch Banners Using a Banner Maker (Including Offline Banner Designs)
  Nona Blackman

• 
  FaceMask Mockups
  25+ Best Face Mask Mockups (PSD, Mockup Generator)
  Nona Blackman

• 
  Live Streaming
  31 Best Twitch Stream “Starting Soon” Overlays Using a Twitch Overlay Maker
  Nona Blackman

• 
  twitch
  36 Awesome Stream Overlays Using an OBS Stream Overlay Maker
  Nona Blackman

• 
  Banner Ads
  20+ Online Ad Banner (Maker) Template Designs to Customise Now
  Nona Blackman

• 
  Social Media
  20+ Social Media Image Maker Templates for Instagram, Facebook + More
  Nona Blackman

Help spread awareness for Spirit Day and ‘go purple’ by learning how to change the color of an image in Photoshop. Turning your own photos and profile pictures purple on social media is a great way to support LGBTQ youth and to stand up against LGBTQ bullying. 

Follow along with us over on our Envato Tuts+ YouTube channel:

What You’ll Learn in This Photoshop Tutorial

• How to change the color of an image in Photoshop
• How to change the color of part of an image such as a piece of clothing
• How to create a Photoshop action to turn your images purple quickly and easily

What You’ll Need

To learn how to how to change the color of something in Photoshop, you can either use your own photo or download this one to follow the tutorial exactly:

• Stock Photo

You can use this photo to follow along with the tutorial. Find more resources on Envato Elements!

1. How to Create a Photoshop Action

Step 1

Let’s get started by opening your image in Photoshop. To do this, simply go to File > Open and then select the photograph you want to use for the tutorial.

Step 2

With your image open, you are now ready to start creating your Photoshop action to change the color of an image. Once the action has been completed, it will allow you to turn any photo or image purple quickly and easily with just a click of a button!

Navigate to the Actions panel or go to Window > Actions. Click on the Create New Action button in the Actions panel. 

Step 3

Once you’ve clicked on the Create New Action button, you’ll be prompted to fill in a few options first. These settings can be useful when creating your new Photoshop action and can help you identify it more quickly.

• Name: Choose a suitable name for the action. For this example, we’ll name the action “Spirit Day”.
• Action Set: Choose default.
• Function Key: This allows you to map an action to a keyboard key so that when you press that button it will perform the action (for example, F3).
• Color: You can assign a color to the action to help you identify it quickly.

Step 4

Once you are happy with the initial action settings, you can click on the Record button. After you click on this button, everything that you do in Photoshop will be recorded as part of the action. The small button on the Actions panel will also change to a red dot to let you know that you are recording.

2. How to Change the Color of an Image Using a Gradient Map

Step 1

Now that we are recording and that our Photoshop action is set up, it’s time to start editing our photo and see how to change the color of an image in Photoshop. In the bottom left of the Layers Panel, click on the Create New Fill or Adjustment Layer button. Then choose Gradient Map.

Step 2

This will create a new Gradient Map layer above your original photo layer.

Step 3

You’ll also have noticed that the color of your photograph has already changed according to whatever default gradient it has been set to. 

Step 4

To change the color of the image gradient, let’s click on the Gradient Bar in the Properties panel.

Step 5

This will open up the Gradient Editor. The Gradient Editor will allow you to change the color of the image gradient. Select the first color stop and set its location to 4%.

Change its color to #14071b.

Step 6

Now create a second color stop by clicking at the bottom of the Gradient Bar when your cursor turns into a hand.

Set the location to 48% and the color to #5c277b.

Step 7

Create a third color stop and set the location to 60% and the color to #8a2e83.

Step 8

And with the last color stop, set the location to 98% and the color to #be8cba.

Now you’ll see that your photograph has successfully changed its color. Now let’s add a few more layers to make the color really stand out! 

3. How to Enhance the Color of an Image

Step 1

Click on the Create New Fill or Adjustment Layer button again and choose Vibrance. 

Step 2

This will create a new Vibrance layer above the Gradient Map layer.

Make sure the Vibrance layer is selected and then in the Properties panel set the Vibrance to 40 and the Saturation to 5. 

Step 3

Click on the Create New Fill or Adjustment Layer button again and choose Photo Filter.

Step 4

This will create a new Photo Filter layer above the Vibrance layer. 

Make sure the Photo Filter layer is selected and in the Properties panel choose a Magenta Filter and a Density of 15%.

Step 5

In the Layers panel, create a new layer and use the Paint Bucket Tool (G) with a color of #5c277b to fill the layer in purple.

Step 6

Change the Opacity of the fill layer to 10–15% and then change the Blend Mode to Color.

4. How to Finish a Photoshop Action

Step 1

To finish your Photoshop action, simply go to the Actions panel again, and click on the Stop Button to finalize your Spirit Day action.

Step 2

With the action completed, it’s really easy to change the color of any photograph. 

Simply open the photo you want to use, choose the Spirit Day action you created, and press the Play Button.  

5. How to Change the Color of Part of an Image

Step 1

We can also change part of an image (like a piece of clothing) to the color purple. To do this select the Quick Selection Tool (W) and then carefully select the area of the image you want to change the color of (for example, the yellow raincoat).

Step 2

Once that’s done, press Control-C to copy the selection. Then Control-Shift-V to paste it in the same place. 

Step 3

Now we have a separate layer containing your selection. With the new layer selected, go to Image > Adjustments > Hue/Saturation.

Step 4

Now we can simply use the Hue Slider to change the color of the layer.

With the coat on a separate layer, you can easily compare the two colors by switching the layer on and off.

Awesome! You’re Finished!

Congratulations! And that’s how to change the color of something in Photoshop. Feel free to share your own creations to show your support for Spirit Day below! The great thing about actions is that you can use them to repeat the effect on another image.

I hope you found this tutorial helpful and that you’ve learned some new tips and tricks that you can use for your own projects. See you next time!

Top 5 LGBTQ Templates

30 LGBT Element Icons (AI, EPS, PNG, SVG)

Here’s a great-looking clean and modern icon set that you can use for your own projects and designs! The files are fully customizable, with editable stroke weights and two different styles.

Gender Stickers Set (EPS, JPG, PNG, SVG)

This sticker set contains six badges, each with its own message about gender diversity, equality, and inclusion. These designs are easy to edit, so you can quickly change the color and resize them. 

60 LGBT & Pride Line Icons (AI, EPS, PNG, PSD, SVG)

This colorful and fun LGBTQ icon set is fully compatible with Adobe XD, Procreate, Figma, Sketch, and Affinity Designer. Find the perfect icon for your project quickly and easily with the neat and tidy folder structure included in this icon set. Choose from a large number of different icons, including Sexual-orientation, Straight, Transgender, Transphobia, Wedding-ring, Adoption-rights, Ally, Androgynous, and more!

Pride Character 3D Illustration — Toy Faces (PNG, JPG)

Pride Character 3D Illustrations is a wonderful set that covers diversity using five fantastic-looking avatars. These character illustrations are perfect to use in storybooks, websites, games, and design mockups.

Gender Diversity Monochrome Icons Set (EPS, JPG, PNG, SVG)

This icon collection contains the diverse sexual identity of human symbols for web, print, and graphic products. Gender Diversity Monochrome Icons Set contains 20 vector symbols for the LGBTQ community that you can use for your own projects and designs.

Looking to Learn More? Check Out Even More Photoshop Tutorials Below!

• 
  Photo Effects
  How to Simulate X-Ray Photography in Photoshop
  Jonathan Lam

• 
  Retouching
  How to Realistically Change Hair and Fur Color in Adobe Photoshop
  Monika Zagrobelna

• 
  Photo Manipulation
  How to Create a Strawberry Lips Effect for Beginners in Adobe Photoshop
  Jenny Le

• 
  Caricature
  How to Create a Photo Caricature in Adobe Photoshop
  Kirk Nelson

• 
  Photo Manipulation
  How to Create a Fun Giant Dog Photo Manipulation in Photoshop
  Monika Zagrobelna