How to Quickly Customise Pinterest Boards with Photoshop

If you we wondering how to give your Pinterest page the look and feel of your blog, today's video will show you how to create branded Pinterest board covers using a Photoshop Template.

Updated Mar 2017 to account for the new style of Pinterest board covers. Resource Library contains a Photoshop and Illustrator version of the template.

 
Unlike Facebook and Twitter, you can't add a header image to your Pinterest page. There are a couple of ways, however, that you can make sure Pinterest 'fits in' with everything else.. Today's video will show you how to create customised pinterest boad covers with a Photoshop template (download included). itsorganised.com | Photoshop Tutorials
 

 

Why worry about Pinterest board covers?

Unlike Facebook and Twitter, you can't add a header image to your Pinterest page. There are a couple of ways, however, that you can make sure Pinterest 'fits in' with everything else.

USING EXISTING PINS

One way you can create a cohesive look to your boards — one that is in line with your own blog's look and feel — is to purposefully choose the image that appears on the board cover.

On each board you have, choose a pin that reflects your style, using one of your own pins or someone else's. Even if you only do this on the first few rows, it will be enough to give a branded first impression when people find you on Pinterest. You can select images that reflect your blog's style or simply ones that fit with a unifying colour palette.

Good examples of this approach are:

  • Megan Auman. Although the images she has used are not all her own, you get an instant sense her modern, minimalist style. A visit to her website then confirms that both sites are run by the same person.
  • Rona Wheeldon, Flowerona. Here, she has simply used the main theme of her blog - flowers - to illustrate the boards. Aside from looking absolutely beautiful, there is no confusion as to what she covers on her blog.

If you blog about a particularly beautiful or delicious theme, this would be a good approach. Cakes spring to mind!

MAKING CUSTOM PINS

Another way to achieve the same effect is to create the board covers yourself. This is the easiest way to ensure that the boards reflect both your physical branding in terms of fonts and colours, and also your brand's style and message. It does, however, mean you have to create the images in the first place.

A couple of great examples of this are:

  • Julie Harris Designs. I think it creates a professional and perhaps more business-like feel to the Pinterest page. She uses a solid background with text, all the same style and colour.
  • Sarah Von Bargen, Yes and Yes Blog. She has images designed specifically as board covers but they use a photographic background rather than a solid colour. 

 

PINTEREST BOARD COVER DIMENSIONS

The new size for a Pinterest board cover is 200px by 200px. The template I'm using has 400px square images. This is because I find the larger, new Showcase images at the top of the profile page look a little pixelated at 200px square. Using 400px square images makes sure the board covers stay clear, no matter where they are viewed.

 

VIDEO TUTORIAL

This video will show you how to:

  • create board covers with solid-colour backgrounds,
  • create board covers with photo backgrounds, and
  • upload board covers to Pinterest.

 

 

THE STEP BY STEP

CREATING BOARD COVERS WITH SOLID BACKGROUNDS

SETTING THE BACKGROUND COLOUR

  1. Open your Photoshop template (you can download it in the Resource Library). 
  2. Click on the eyeball next to the Background Colour Group to switch this on.
  3. Open the Background Colour Group by clicking on the arrow next to the folder.
  4. Double click on the Colour Overlay to open the Layer Style dialogue box.
  5. Click on the Colour Swatch to open the Colour Picker.
  6. Type in your brand colours or select a colour from the panel.
  7. Click Okay to close the Colour Picker and Okay again to close the Layer Style.

ADDING THE BOARD NAME

  1. Click on the eyeball next to the Text Group to switch this on.
  2. Open the Text Group by clicking on the arrow next to the folder.
  3. Double click on the T icon to select the text.
  4. Type in the name of your Pinterest Board.
  5. Click the Checkmark at the top of the screen, or hit the return key to confirm your changes.
  6. To set the Text Colour, double click on the Colour Overlay to open the Layer Style dialogue box. 
  7. Click on the Colour Swatch to open the Colour Picker.
  8. Type in your brand colours or select a colour from the panel.
  9. Click Okay to close the Colour Picker and Okay again to close the Layer Style.
  10. Save your new Board Cover by clicking on File - Export - Save for Web.

MAKING MORE BOARD COVERS

  1. With your Text Layer selected, hold down ⌘/Ctrl J to duplicate the layer.
  2. Switch off the previous text layer and repeat the process above on the new text layer to create another board cover.

REALIGNING TEXT

Some of your titles will be one line long, other two or three lines long. If this is the case, you will need to re-centre the text on the board:

  1. With the Text Layer selected, ⌘/Ctrl click on the Background Layer.
  2. Make sure your Move Tool is selected at the top of the Tool Bar on the left. 
  3. You will now see your Align Tools on the Options Bar at the top of the screen.
  4. Click Centre Horizontally and Centre Vertically to realign the text.


CREATING BOARD COVERS WITH PHOTO BACKGROUNDS

ADDING THE PHOTO

  1. Open both your Board Cover Template and your Photograph.
  2. On the Board Cover Template, selected the blank layer below the Overlay layer.
  3. Change to the Photograph Tab.
  4. Click on your Photograph and drag it up to the Board Cover Template tab.
  5. When the screen changes, drag the photo down to the board cover and let go. Holding Shift before you let go will centre the photo on the layer.
  6. You can now edit your text as above. 

USING THE OPACITY LAYER

  1. If your text doesn’t stand out enough, turn on the Overlay Layer on and adjust the Opacity Slider at the top of the Layer Stack until you get legible text.
  2. The Overlay Layer is also a great way to add a branded colour to your photo backgrounds.
  3. Double click on the Overlay Layer and select Colour Overlay.
  4. Click on the Colour Swatch to open the Colour Picker.
  5. Type in your brand colours.
  6. Click Okay to close the Colour Picker and Okay again to close the Layer Style.
  7. Repeat this for each board cover, keeping the same overlay style to make sure the boards look cohesive and branded.


UPLOADING BOARD COVERS TO PINTEREST

UPLOADING THE COVER TO A BOARD

  1. To upload your new images to Pinterest, go to your profile page and click on the Red Circle with a White Plus in the top-right corner.
  2. Click on Upload Image.
  3. You want to upload from your computer, so click on Upload Image again.
  4. Navigate to where you saved your board covers and select one. Click Choose and then Continue.
  5. Select the board you want it to be on. Click Save.
  6. Repeat this process for each new board cover.

SETTING THE BOARD COVER

  1. On your profile page, hover over the board you just added the cover image to. Click on the Edit box that appears in the bottom-right corner.
  2. Halfway down, you’ll see Cover. Click Change.
  3. The cover you just uploaded should be the last image on the board. (If it isn’t, use the left and right arrows to scroll through the board to find the right image).
  4. Click Save Changes.
  5. Click Save.
  6. Your new board cover will now appear on your profile page. If not, just refresh the page.
  7. Repeat this process for each new board cover. 

 

BEFORE AND AFTER

 

 
Unlike Facebook and Twitter, you can't add a header image to your Pinterest page. There are a couple of ways, however, that you can make sure Pinterest 'fits in' with everything else.. Today's video will show you how to create customised pinterest boad covers with a Photoshop template (download included). itsorganised.com | Photoshop Tutorials
 


GIVE IT A GO

As you can see, it is really easy to transform the look of your Pinterest account with customised, branded Pinterest board covers. You can get the Photoshop or Illustrator template from the Resource library, if you're ready to have a go.

If you aren't in a position to create customised images straight away, try looking at the first 2-3 rows on your Pinterest home page. Select an image that sits well alongside your own blog's brand and the other board images. People finding you for the first time via Pinterest will get an instant feel for your style and message, and will know if you are a good fit for each other.