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.
Then enter the width and height as per the size you want.
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.
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.
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.
Now, you will need to create a shape and define its color and its opacity thanks to the rectangle tool.
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.
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.
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.
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.
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.
PIN ME FOR LATER