How to Make Horizontal Photos into a Pinterest-friendly Vertical Pin Using Photoshop. You can also use this technique to make a couple of vertical pictures into a longer pin.
Everything I’ve learned about Photoshop is from my wonderful husband. I know that there are different ways to do everything in Photoshop; this is the way I do it. And, I’ve assumed that you know a little about Photoshop in this tutorial. We have the latest version of Photoshop, which is currently Photoshop CC. We have the subscription package with Adobe, which we highly recommend. Seriously, we think it’s totally worth the money.
Also, if there’s enough interest in this my husband has offered to make a video version of this tutorial. If you are interested in a video of this, please leave a comment letting me know, and I will have him make a video for you.
Most of my older recipes have horizontal images, which just get lost in Pinterest now. I’ve been going back and making longer vertical pins out of the horizontal photos, and, several of my bloggy friends have asked me how I do this. Most bloggers I know work in Pic Monkey, but if you want to do it in Photoshop, here’s how I do it.
I shoot in Camera Raw and use Bridge to edit my photos. So, starting in Bridge, highlight the photos you want to use. Then go to Tools, Photoshop, Load files into Photoshop layers. If you don’t use Bridge, Photoshop also allows you to load images into layers.
Photoshop will open and the layers will load.
Now working in Photoshop…
You want to set your image size: Go to Image, Canvas Size
For this Pin, since I have 3 horizontal images, I’m setting my canvas size at 650 wide x 1599 high pixels. That’s 3 images that are 650 x 433 pixels, plus 300 for the text area. Play around with different numbers of photos, different sizes for the text area, try putting the text at the bottom or top, you want each pin to be individual, plus you want your pins to have your own style. If they look like every other pin, you’re just going to get lost in the sea of Pins.
I always get a pop up window that says “The new canvas size is smaller than the current canvas size; some clipping will occur”. Hit Proceed. You can turn this off if you want for the future.
Highlight the layer (on the right) that you want to fit into your canvas. Go to the Edit menu and select Free Transform or hit Control T on the keyboard (Mac). Place your cursor in the corner of one of the images to resize it into the canvas. If you want to resize the image and not distort it, hold the Shift key as you drag the corner. Remember, Photoshop will kind of snap into place and give you a pink line when you have the edges matched up. Move the image into place on the canvas and hit enter once it looks right.
Continue working with each image until they are where you want them. You may have to move them around a couple of times to get them right.
Command + will zoom in on the canvas. Command – will zoom out, so if you want to zoom in or out you can.
Now that your images are where you think you want them, it’s time to add the Text area if you want that.
Go to Layer, New Fill Layer, Solid Color. Next, you can name your layer if you want (I generally don’t bother to name the layer). Hit ok
Your color picker will show up now. You can change the color here by using the eye dropper on any part of the image. Then hit ok. Notice that the color fill layer is above my final picture layer (in the screen shot below), so I need to move the layer order (on the right) so that I can see the last picture. You can play around with the color fill layer by double clicking in the fill layer box and using the eye dropper tool.
Now we’ll add the description using the Text tool on the left (make sure it’s on Horizontal Type Tool). Place your text box in the color fill area (or any area that you want on your pin) by clicking the image and dragging the box out to the size you want. Now, you can start typing the title of your pin. Adjust the font and the font size (at the top of the screen) as necessary. If you find you don’t have enough room on the color fill area simply go to the canvas size and increase it. You’ll have to adjust the images to fit in the canvas again. I have had to do this a few times depending on what I want the pin to say.
I like to make a new text layer for each line. I’ve found it gives me greater control of the spacing. And, again, if you zoom in using Control + you’ll be able to see the spacing better and adjust as necessary.
Once you have the Pin the way you want it, you are ready to save. Go to the top and click save or Control S.
I save both the psd file (in case I need to go back and edit something) and the jpg file (after Flattening the image). To Flatten the image, go to the little lines on the lower right near the layers, and click on that. It’ll open a drop down screen, choose Flatten Image. This will save file size. Be sure to name the file the title of the post so that Pinterest’s search engine can find it!
You can use the pin directly in your post, or you can simply upload it to Pinterest. If you upload to Pinterest, go to the little plus in the bottom right corner of Pinterest. Click that. then Upload a Pin. Choose your image. Choose the board and write the description, and Pin it. Be sure to go back and edit the image with the Source URL.
That’s it. The more often you do this, the better and faster you’ll get at it.
**** And, just a reminder, if there’s enough interest in this my husband has offered to make a video version of this tutorial. If you are interested in a video of this, please leave a comment letting me know, and I will have him make a video for you.
P.S. Here’s the Pin I made for Mint & Chip Ice Cream, while working on this tutorial. Want to pin it? Just click on it! Want the Ice Cream recipe, just hop over here.