How To Make A Blog Header (For Beginners) + Tips
One thing bloggers get asked often is how they make their blog images, especially headers. Blog graphics are one of the first things readers notice so of course, you’ll want it to look pleasing. I’m going to be sharing how to make a blog header my way, plus a few tips to help you make yours, beginner friendly. Let’s get started!
Apps/Programs I use frequently: Canva, Phonto, Pixlr
There are so many great photo editing apps, I have more than listed that I use for other graphics but these are the ones I use for my blog and twitter headers. Today, I will mainly discuss the apps Canva and Phonto.
Canva (Can be used on desktop or mobile app)
Canva has a generous amount of free templates to choose from for different types of graphics such as banners, blog graphics, Pinterest graphics, Twitter headers and more! For the purpose of this post, I will be talking about banners and headers.
Each template section you click on will give you different template options both free and others for a small price. I always use the free ones or choose a blank template like I will be doing now to demonstrate how I would do my blog header.
Canva gives you the options to add text and other elements like shapes for example. I’ll be adding a heart and text for a simple header.
To add your these you would just click the plus sign to add an element, your text, and then choose your font, I chose Sacramento. Of course, you’ll have to make your adjustments to each element like resizing along the way but I promise you it’s quite easy to do! Once you are satisfied, click share to save.
I used Canva for business free trial to create my current banner (pictured below), my free trial has since ended so I can’t use all the features I did before, such as making images transparent and uploading your own downloaded fonts.
Phonto (Mobile app)
Phonto is an editing app specially for adding text. I love this app because you can download fonts to use if you don’t like the pre-installed fonts they already have. I also like that it comes with pre-installed backgrounds/templates to choose from (when you go to upload an image click “Plain Image” to access these) though they aren’t the fanciest. They’re pretty basic and not all of them are free but the option is there. I’m just going to upload a blank white background to use.
Once you click your image to add text you will see that you can choose between your fonts and add symbols from there as well. For the purpose of this tutorial I’m just going to use the strawberry blossom font (you can find out how to download cute fonts below), and add a heart symbol. You can then decide to resize your text, tilt, or style. Adding some style to your text really makes it stand out better.
I’m going to be using a color pattern of two colors, a light pink and dark pink. You can just keep one color with an outline, or add more colors to a pattern. It’s up to you. Stroke deals with the thickness of the outline. I’m using the width size of 3. You can also add a shadow, underline, and change the spacing. I love the shadow effect because it gives you different options to play around with. To use this effect click “style” at the top of your screen. When you are satisfied, save and upload wherever you wish!
• Change color and pattern in “Text” (in Color)
• Add outline in “Stroke” (in Color)
• Shadow effects (in Style)
Please take into consideration the recommended size for the particular heading type or blog design theme you will be using. My theme works best with a header size of 1160 x 250 pixels.
How to find/download cute fonts to use in Phonto
on your mobile device
(but you can download these fonts using a desktop as well)
To find cute fonts to use in Phonto I use dafont.com. You can also use Pinterest to search for free commercial use fonts. Most fonts found in the Pinterest links will lead you to dafont.com for free personal use fonts and these are fine too, but you can purchase a commercial license if you plan to use them in a project you are making money from (be sure to read authors note when downloading). If you do make money from your blog, you should go ahead and purchase a commercial license if you really love the font and plan to use it often.
Step 1. Once you find a font you like, click to download it on the right-hand side. You can also click on the font to view each letter and character. Again, be sure to read the note from the author, you can download from there as well. You will notice some fonts say free for personal use, and some will say 100% free. Those are the ones I use. I stay away from Demos and all others.
Step 2. Once you click download, you will come to a screen with a zip file that says open in Phonto, click on that link.
Step 3. You will then need to install your font. Just click install when the screen comes.
Step 4: That’s it, your font is now ready to be used! You can return to safari, or exit and begin adding the text to your photo. Your downloaded fonts will be in “My Fonts” when you go to edit the text.
Whatever you do when creating your header, make it your own! Make it unique to you but don’t overdo it. In other words, I would shy away from colored or patterned backgrounds unless you are a graphic designer and know what you’re doing, or you are using an actual image (yourself for example) as your banner.
If you want to start with a transparent image, without having to pay any money, Pixlr is a good software to use. You can download the app as well, but to get the best experience and benefits using Pixlr on your desktop is the best route to go. Go to Pixlr.com, open Pixlr Editor (Pixlr Express is what you will get in the mobile app) click Create New Image, write your title, make your size adjustments, and check the box for transparent. Once you add your text, with chosen font, size, and color it will look something like this:
You can then add different layers with more text, or shapes. If you have downloaded/installed fonts to your computer those fonts will be in the fonts section on Pixlr, which is great! When uploading new images as layers, make sure the images are png/transparent files. When you are finished with your banner just click on file, save, and change the format to png.
I hope this has helped you even in the slightest way. Let me know in the comments if you’ve used or will be using these apps. What apps/software do you use other than the few I’ve listed to edit your headers? Are there any other apps you use for downloaded fonts? Also, let me know If you would like for me to do more tutorials on the apps I use.
Live life, love life, and inspire the lives of many.