How to make Pinterest and social media image templates in Photoshop

How to make Pinterest and social media image templates in Photoshop


Hello! I’m Cristina from Elan Creative
Co and in this tutorial I’m going to show you how to make social media images
that stand out. Although most of my images are made in Illustrator, I’m going
to use Photoshop for this tutorial because I use Photoshop every time I
work with photos. I know it can be a bit intimidating but you only need a few
basic Photoshop skills to make beautiful images and it’s so much better than
other apps because you have complete control over the design. I’m going to
create an image template for Pinterest and for my blog so I’m going to start
with a canvas that’s 800 pixels wide and 1200 pixels tall. The resolution is set
to 72 ppi because we are only working for web and the color mode
is set to RGB. I’m also going to start with a white background. In case you are
wondering, I’m using a 800 pixels width because my blog’s width is 800
pixels and I want a tall image because it’s more visible on Pinterest. If you
want to create images for Facebook or Instagram you should use the recommended
image size. If you want to save the width and height of your Pinterest template, just click on the icon next to the template name and you can save the
template. Let’s call it Pinterest. Just click on save preset and it will
appear here in the Saved preset area. So click on create. You don’t have to be a
Photoshop expert to create image templates. We are only going to work with
the layers panel, maybe the color swatches, the move tool, the type tool and
the shape tools. If you can’t see the Layers panel you can open it by going to
Window>Layers or pressing f7. To unlock the background layer just click on the
lock next to the name. Let’s prepare our workspace. I usually like to see rulers
at the edges of my canvas. To enable rulers,
just go to View and make sure Rulers is checked. Also make sure Snap is checked.
Go to Snap and click on All. Another thing you need to enable is Smart Guides.
This will help us arrange everything on the artboard. Now I usually create a few
guides. So go to the horizontal ruler on the left side of your canvas, click on it,
and drag a guide to the middle of the canvas. You will feel it snapping into
place when it reaches the middle. Also go to the top ruler and drag a guide to the
middle of the canvas. We are going to start by creating the background layer,
so go to the layers panel, click on your layer, and then go to Layer>Smart Objects>Convert to smart object. This will turn our basic layer into a smart object. You
can see the icon over here so if you double click on the thumbnail next to
the name of the layer a new file will open. Let’s use the Fill tool to recolor it.
Now go to File>Save or press Ctrl + S and close this layer. When you go back to
your image template you’ll notice that this layer is black. So let’s double
click on the thumbnail again and let’s add an image. So I’m going to go to File>
Place and I’m going to use this stock photo. Now this stock photo is almost the
same size as my image. I am just going to click on this button to make it the same
size. Now if your image is larger you can resize it and
press ENTER to save. Now I’m going to press Ctrl+S to save the image and close
this window. So now we have an image layer. If you want to use another image
you just double-click on the thumbnail and you can easily replace it. Let’s
click on the name of the layer and change it to Background. This image
is perfect for your blog post or social media graphics because it has this white
area over here where you can add text. It’s very important for the text to be
legible so if your image is very cluttered you can add a background under
the text to make it stand out. So I’m going to switch the color to white and
I’m going to use the rectangle tool to create a background. I am going to use
the Move tool to center it. Maybe it’s too big so I’m going to press Ctrl + T and make it a bit smaller. All right. So these
magenta lines that you can see when the image is centered are actually the smart
guides that we enabled earlier. So we don’t really need these blue guides, so
if you want to remove them just click on them and drag them back to the rulers.
Next we are going to add the text so switch to the Type tool. I am going to
change the font to Montserrat. This is a font i use for my blog and my
graphics. Let’s make it a bit bigger and I am also going to use a dark grey for
the color. So just click on the canvas and enter your text. So my text is
centered but I want to make ‘Pinterest’ and ‘images’ larger, and ‘how to make’ and ‘in
Photoshop’ a little bit smaller. So I’m going to go back to the Type tool click
on them, press Ctrl + A to select all of them and
make them a little bit smaller. This looks right so I am going to use the
Move tool to make sure the spacing is equal. If you have the smart guides
enabled you will see the distance between them when you move them. So now
I’m going to select all the layers and make sure they are centered. If you want
social media graphics that stand out, it’s important to use beautiful photos
or textures and to use fonts that look nice and are also easy to read. It’s very
important that your font is legible so you should use a simple sans-serif font,
one that matches your branding or maybe one that you also use on your website. If
you want you can add a second font, just for accents and you can play with the
weight of the font or use italics to highlight some parts of it. So I am going
to change the weight of ‘how to make’, I am going to make it medium, and or
maybe let’s change it to italic. This looks great.
I also want to add the name of my blog and the category this post it in. So
let’s click on the canvas, change the font weight to medium and make
this a bit smaller. And I’m going to type in ‘blogging’ and let’s center it and then
I am going to add the name of my website. Okay this needs to be smaller. Maybe
let’s add it over here. Now I want to add a background for the categories so I am
going to go to the Rectangle tool, change the fill color to this pink, and I’m
going to create a background. I’m going to move the layer under ‘blogging’ and
using the Move tool I’m going to add it over here. Let’s see if we can change the color of
the text and maybe make it white. This looks great but I think we should
move in stare up here maybe move these layers just a bit down. This looks
better. To save the file, just go to File>Export>Save for web. I usually save the
file as a JPEG because if I’m using photographs, JPEGs are smaller than
PNGs and I use a quality of around 60. I also use an image compressor such
as TinyJPEG to compress it before I upload it to my blog. Then when you are
ready just click on Save. I also save a copy of the file as a PSD so just go to
File>Save as and save your file. If you save the file as a PSD you can always go
back later and edit it. Hope you’ve enjoyed this tutorial! If you want to see
my favorite stock photo websites or if you want to learn how to optimize images
for your blog and social media please check the video description. There are a
few links to my blog posts. If you want to see more Photoshop and Illustrator
tutorials, please subscribe to my channel. Thanks for watching! you

13 thoughts on “How to make Pinterest and social media image templates in Photoshop”

  1. Ты на каком языке говоришь?) на русском что ли, с английским акцентом!?)

  2. Are you have no experience in Design and graphic?

    this Course will explain and teach you the method of working to create Professionals Pins with high-quality images for free.

    link: https://www.udemy.com/course/canva-course-2019-to-create-professional-pinterest-pins/?couponCode=YOU-CAN-DO-IT-

Leave a Reply

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