How to create Pinterest graphics in Photoshop [ Get free templates ]

Curious and Geeks
Featured image photoshop 736x482 - How to create Pinterest graphics in Photoshop [ Get free templates ]

As you know by now, Pinterest is one the most powerful tool to drive traffic to your blog. And one of the most important criteria for a successful pin is its size. Your pin should be vertical as a lot of users will be viewing it via their mobile. This post will show you how to  to create Pinterest graphics in Photoshop.

1 – Define the size of your image

Head to File > New and choose pixels in the pop-up. It is easier to define the size of your image that way.

Create a new vertical pin for Pinterest in Photoshop

Then enter the width and height as per the size you want. 

Define the size of your pin in Photoshop

Finally enter the name of your image and press ok.
At the end of this stage, your screen should look like a blank vertical piece of paper.

According to some Pinterest quotes, your pins should be at least 600px wide. And your ratio should be between 2:3 and 1:2.1. Taller pins will be displayed with an “expand pin” overlay on mobile devices.

2 – Load your background image

Now that you have defined the size of your pin, you can insert an image or a set of images.
In order to do that, open the folder your image is located in and drag and drop it to Photoshop.
It is likely that the image you dropped in Photoshop won’t fit the dimensions you set previously.
No worries, you can resize it easily. If you want to make a proportional transformation do not forget to click on the link between Height and Weight on the top of the screen.
Once happy with the new size, press the tick mark to confirm the transformation.

You can rinse and repeat for all the images you want to add. 

At the end of this stage, your screen should look like this. 

Background using one image in Photoshop
If you are happy with the image you can move on to the next step. If not, you can try playing with the adjustments or the filters. Don’t worry to try different filters, you can always come back to your initial image via the History. For example, you can add a Sepia tone to the image as warm images tend to be more successful on Pinterest.

3 – Add a layer for the content box or the border

In this next step, we will be adding a box where you can enter your text.
Go to Layer > New > New Layer and rename it accordingly.

Content box

Now, you will need to create a shape and define its color and its opacity thanks to the rectangle tool. 

Resize your image in Photoshop

Change the color to the color you want by either filling the form in the latest version of Photoshop or using the paint tool in the previous ones.  
Then change the opacity of the box from 100% to 80% or whatever percentage works for you.
You can also add a shadow by double clicking on the layer in the layers tool and selecting drop shadow in the pop-up.

Content box added in Photoshop

Border

If you want a frame, instead of choosing the rectangle tool, choose the
“Rectangular Marquee” tool (icon of rectangle with dashed border) and draw the shape you want.
You can then head to Edit > Stroke And then click on Stroke and choose the size of the border and its color.

Pin with a black border in Photoshop

4 – Add a layer for your text

Now that you have a content box or a border, you need to add some text on your pin.
Simply click on the Text tool and draw a shape where you want your text to be. You can then enter your text and choose the font and size you want.
Play also with the colors and try to keep something that will remind the audience of your colors.

Your screen should look like this.

Vertical pin in photoshop - How to create Pinterest graphics in Photoshop [ Get free templates ]

If you want to add your logo or your blog address on the bottom of the pin for instance, you can add two new layers, one for a content box that you will place at the bottom and one for the text that you will put on top of the content box.

Vertical pin created in photoshop

5 – Save your file

If you want to reuse the same template, do not forget to save your file in a psd format. You will be able to open it later and change the image in the background, the text, or make any change you want instead for starting from scratch again.

You can also save it to a png or jpeg in order to upload it on Pinterest and on your blog.


Well done, you have made a vertical pin!

You can now have access to three free psd templates below. Please do not share them without mentioning this post.

Get your FREE PINTERET TEMPLATES

Photoshop offers way more than what is described above, but I suggest you start with a simple template until you feel comfortable enough.
I have tried Canva but feel I have more freedom with Photoshop, and believe it is worth its price.

I hope you enjoyed this how to and please feel free to leave a comment if you have any questions regarding Photoshop.

1f4cc - How to create Pinterest graphics in Photoshop [ Get free templates ] PIN ME FOR LATER

A guide to create Pinterest Graphics in Photoshop. Read more to grab your three free psd templates.
A guide to create Pinterest Graphics in Photoshop. Read more to grab your three free psd templates.
A guide to create Pinterest Graphics in Photoshop. Read more to grab your three free psd templates.
A guide to create Pinterest Graphics in Photoshop. Read more to grab your three free psd templates.
A guide to create Pinterest Graphics in Photoshop. Read more to grab your three free psd templates.

You may also like

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.