Creating great blog post images to share on social media is time-consuming. But if you know how to use PicMonkey with the process will be a lot easier.
In a Rush?
These days – every blog post that you write needs to have images in lots of different sizes for sharing on sites like Pinterest, Facebook, Twitter, and Instagram.
This puts a lot of pressure on us bloggers – don’t you think?
I mean – it can take a good chunk of time to take or find just the right photos, edit them, add font overlays, and then create a bunch of different sizes for the different social media platforms.
It was enough to make me quit blogging.
But then I found a process that works amazingly well.
And now I crank out blog post photos like a well-oiled machine.
Want to know my secret?
You Can Create Great Photos for Your Blog Too
But wait …
I know what you are thinking.
Seriously? PicMonkey? I’ve used that before and it is not a magic bullet for creating website graphics efficiently.
(Not familiar? Learn more about PicMonkey here.)
Well, guess what?
The game has changed ever since PicMonkey introduced both the PicMonkey HUB and their Supremium level of membership.
I will show you how.
This is My Process for How to Use PicMonkey Efficiently
In this post, I will explain to you the exact steps I take to create branded blog post images in PicMonkey in 3 different sizes.
- Facebook and Twitter
I usually include the Pinterest image in my blog post and hide the Facebook/Twitter size image in the post using the Social Warfare plugin.
For this process, I make use of the PicMonkey Hub. This allows me to save images/designs that I can revisit and edit later and the Hub gives me easy access to the images that I need.
How You Can Get the PicMonkey Hub
Although the service is not free, the cost of PicMonkey is quite reasonable.
You must choose from either the
- Premium level (this allows you to save up to 50 images in your Hub), or the
- Supremium level (this allows you unlimited Hub storage and also the ability to create collections of photos and projects)
The good news is that PicMonkey offers a free 7-day trial – so you can test out my blog post image creation process and see if it works for you before you buy.
Ok, let’s get on with it.
Step 1: Create Your Size Templates (One Time Only)
The first time that you go through this process you will need to create the following five templates and save them to your Hub. (If you need additional sizes you can create templates for those too).
- Pinterest: 735 x 1102
- Facebook/Twitter: 1200 x 628
- Instagram: 1080 x 1080
- Font Overlay: 735 x 1102 – but you can adjust this to your needs
- Your Website Logo: optional
To create these templates do the following:
- From the PicMonkey homepage, click on Design.
- When the blank square image opens, click on Canvas Color in the menu on the left.
- Check the “Transparent canvas” box and click Apply.
- Next, click on the Resize button in the left-hand menu.
- Uncheck the “Keep proportions” box.
- Enter the dimensions of the template that you are creating in the “Change size to” fields and click Apply.
- In the top menu bar, click on “Add to Hub”
- Name your template appropriately (ie: pinterest-template, fb-twit-template, etc.)
- Click the “x” in the upper right-hand side to close the current template.
- Repeat for each template that you want to create.
- If you have PicMonkey Supremium then you can create a collection of all your templates in your Hub.
- Also, if you want to add your website logo to your finished graphics, you can upload it directly to your PicMonkey Hub now by clicking on Hub from PicMonkey homepage and clicking on upload in the upper right-hand corner of your Hub.
Step 2: Select the Image(s) You Want to Use
Now it is time to create your actual website graphics for your post.
On your computer, pick the image that you want to use for your blog post. Ideally, the dimensions of your image should be larger than the largest template that you created in Step 1 (except for the font-overlay template).
Log into PicMonkey in your browser, and click on Edit from the main screen.
Upload your photo into PicMonkey.
Using the top three options in the far left-hand side menu in PicMonkey, edit your photo with
- Basic Edits
- Effects, or
- Touch Ups
Basically, you are getting the color and brightness just the way you want it. (If you are using a stock photo, you may not have any adjustments to make.)
When you are finished, save the photo to your PicMonkey Hub.
Repeat for any other photos that you want to include in this project (you may have more than one photo if you are creating a PicMonkey collage type website graphic).
Step 3: Create Your Font Overlay
Now that you have your photos touched up and saved to your PicMonkey Hub – you will need to create your font overlay.
First, open the “font-overlay” template that we created in Step 1.
Using your brand colors and fonts (you can use this handy cheat sheet to keep track of your website colors), add your overlay text only to this template.
I suggest that you use the entire width of the template for your text and as much of the height as you need.
When you are finished creating your font overlay, add it to your Hub – but make sure to rename it, so you don’t overwrite your original template.
In the next step, you will be able to resize your text template as a whole to fit your graphic.
After you do this once or twice, you will the hang of how the text fits on your intended image and it will become easier.
Yay! – Now you are ready to:
Step 4: Create Your First Blog Post Image in PicMonkey
Let’s start by creating a Pinterest sized image in PicMonkey.
Open the Pinterest template that we created in Step 1.
Click on “Overlays” in the far left menu: it looks like a butterfly.
Next click on “Add Your Own” at the top of the left column and a drop down menu will appear.
Choose Hub and pick the blog post image that you edited in Step 2.
Drag this image to any part of your template or drag the corner to enlarge it to fit your template.
If you plan to add a second image then just repeat the process and open the second image from your PicMonkey Hub that you want to use.
Position that one as well.
Now repeat this process to open the font-overlay that you created in Step 3.
You can now add this to your image and position it as you would like.
Finally, you can use any of the editing features in PicMonkey that you would like. You can change the background color, flatten all the layers and add an overall effect etc.
When you are done you can click on “Update in Hub” in the top menu bar. In the pop-up, make sure you click on “Make a Copy” and give your image an original name.
Step 5: Create Your Other Image Sizes
The beauty of this process is that you can now rinse and repeat Step 4 to create all of the image sizes that you need.
You don’t need to re-edit your photos or recreate your font overlays or even resize your Pinterest photo to make your Facebook photo. (If you’ve ever tried this, you know that images can get distorted easily in PicMonkey).
And That Is How to Use PicMonkey for Your Blog
I know that this explanation on how to use PicMonkey for your blog may seem long and wordy, but it is actually a really quick process now that PicMonkey Hub is a thing.
Remember, click here to sign up for PicMonkey Premium or Supremium so you have access to the Hub feature.
Share Your PicMonkey Tips
If you have tips on how to use PicMonkey or feedback on this tutorial, please share in the comments below.