How to Make Social Media Banners in Photoshop

by Alison Murphy on March 29, 2016 3 comments

Cover photos and banners are an excellent way to make your social media pages look more professional. It may seem a little intimidating to do this yourself, but it’s actually quite easy to do in Photoshop!

Hannah from We Lived Happily Every After is here with a quick how-to on making your own header images for Facebook, Twitter, Etsy, YouTube, and Pinterest.

We’ll start with a Facebook Cover Photo, but you can apply the same technique to any platform using the dimensions in this cheat sheet:

Social Media Banner Sizes
 

1. Size your canvas at 851×315 pixels at 72 DPI, RGB

How to Make Social Media Banners in Photoshop

How to Make Social Media Banners in Photoshop


2. Add a background image or texture and paste into the canvas.

GraphicStock has a huge library full of great options for all types of businesses, blogs, and brands. You can also add multiple photos if you want a collage instead of just one image.

How to Make Social Media Banners in Photoshop


3. If adding text, you can add a blur to make the words pop.

Go to Filter / Blur / Gaussian Blur. Drag the dial to the right until you get your desired blur.

How to Make Social Media Banners in Photoshop


4. Add your logo, text, and any graphic overlays of choice.

How to Make Social Media Banners in Photoshop

You can lower the opacity of the overlay layers for a cool, unique effect.

How to Make Social Media Banners in Photoshop


5. Before saving, make sure no text or important elements are within 160px of the left corner, which is where your Facebook profile photo will show up.

How to Make Social Media Banners in Photoshop

So what are you waiting for?! Go dress up your social media accounts!

Get Started with Backgrounds for Social Media
Alison MurphyHow to Make Social Media Banners in Photoshop

Related Posts

Take a also a look at these posts

3 comments

Join the conversation
  • jay - May 19, 2016 reply

    Pinterest was mentioned in the intro paragraph, but you don’t give the image size in the tutorial. Can you share that info?

    Caroline Mercurio - May 23, 2016 reply

    Hi Jay!

    That’s a great question. Pinterest works a little bit differently and there is not a specific size required. Pinterest’s advice is to make images between 600-736 pixels wide, with an aspect ratio between 2:3 and 1:3.5. If the pin ratio is more than 1:3.5 (i.e. too long) the image will be cut off, as will anything beyond 736 pixels in width. I hope this helps!

    Sincerely,

    Caroline

  • Kalpana - October 28, 2016 reply

    Hi Alison ! Great tutorial for making social media banners in photoshop with us. It is easy to understand and follow.Thanks for sharing 🙂
    https://www.mockupsandmore.com

Join the conversation

Or