Do you write a blog for your business? If so, it can be time consuming to create a photo with text on it for your blog post title (for sharing on Twitter, Pinterest, etc.). However, having a high-quality, legal image can gain more attention, deliver greater value to your readers and bring more interest to your page.
I'm going to show you how to create a legit blog post title image in 10 minutes or less so that you have a quality image, done efficiently. (Disclaimer: If this is your first time, this tutorial will likely take you more than 10 minutes to complete - however, it will teach you how to make blog title images in 10 minutes or less if doing it on a regular basis.)
Things to do before you make your image:
1. Write your blog post. You want your title image to make sense in the context of what you've written.
2. Write your title. You need to know exactly what you're going to put on your title image before you make it. When you decide on a title, keep in mind what words or numbers you might like to emphasize with a different font, size or other feature (arrow, box, contrasting color, etc.).
3. Have a few general ideas of what you might like for your base photo (if you're not using one of your own). Obviously something relevant to the post make sense, but whatever floats your boat.
Now that you've done your prep work, let's make the image. I'm going to use this post's title image as an example.
It will take us just 12 short (some are just one click!) steps to make the title image:
1. Get your image. I didn't have my own photo to use and I knew I wanted the title photo to have something to do with time or a computer. At this point, I had some options (and so do you!) for your image choice.
- I already subscribed to Death To The Stock Photo, so I receive free monthly (sometimes even more often) photo packs via email. When I receive the email, I download the pack, save it in a stock photo folder on my desktop and skim the pack to see what's inside. For this image - I remembered that there was a pretty photo of a desktop that I wanted to use. I knew the image I wanted to use, so I moved on to step 2. However, there are three other options as well:
- I could go to Gratisography. Gratisography currently contains high-quality images from Ryan McGuire that are free of copyright restrictions (however, read the terms here to ensure you comply in using them). I could have simply found one and downloaded it.
- Unsplash is also a great source of royalty-free photos that I've used occasionally.
- I could find an image on freeimages.com that worked and had only standard restrictions. However, due to the poorer quality and difficulty that I sometimes have finding an image, this is a last resort.
2. Go to Canva. If you don't have an account, it will take you just a few moments to make one. Once you have one, all your images are saved automatically and you can even make your images public to the Canva community for some extra (free!) marketing.
3. Select your image size. In Canva, I selected the Pinterest image size from their pre-made options. When you select an image size, keep in mind that you'll have to size your photo to fit accordingly.
4. Go to uploads and upload the photo you're using. After it opened up a blank Pinterest-sized image, I go straight to "Uploads" on the left hand side. From there I click "Upload your own images" and find the locally-saved image I want and click open.
5. Move the image onto the canvas. When the image has downloaded, I simply click and drag the image onto the blank canvas (left screen shot below). I then drag one corner to enlarge the image to fill the space (right screen shot below).
6. Adjust filter, brightness and contrast until desired setting is reached. When the image is the right size and orientation, I mess with the filter, brightness and contrast settings until it looks like a contrasting color text will show up well on it. You can always come back and mess with these settings again as desired.
7. Add text box(es). Next, I add text by simply clicking "Text" on the left hand side and then select "Add Text". This will add a text box to your image. Alternatively, you can use one of the texts automatically formatted below the "Add Text options". However, I find that these are often not customizable enough for what I want.
8. Type and format text. I then type in my title text and format it as desired. The right down arrow on the text format box gives even more formatting options. It works best if you use separate text boxes for different fonts and different text sizes. I add more text boxes as desired and format as I go. Note: It may be best use a specific set of fonts consistently to convey a consistent brand image.
9. Optional: add flare. If you're satisfied with your image, you can skip right to #12 to download your image and be on your way. However, I wanted to emphasize the "10" even more in my title image. To emphasize it, I wanted to add an arrow graphic, so I went to "Search" on the left-hand side and selected "Arrows". I found an arrow I wanted and clicked on it.
10. Format flare. I changed the color, size, orientation of the arrow. I also moved it so it was pointing to the 10.
11. Make any last minute adjustments as needed. I reduced the brightness on the background photo so the text would pop more.
12. Download that beauty. When your image looks legit, click download in the upper right-hand corner. Choose download as an image or as a PDF. Then use it as desired.
That's how it's done.
How have you done your images? Do you have a faster way?
Disclaimer: I am not compensated by Canva or any of the photo sources mentioned in this post. I'm telling you about them because I use them and I think they're quality.