DEV Community

Sarah Dye
Sarah Dye

Posted on • Edited on

How I Created Two Facebook Cover Images with Visme

When I founded BritishPandaChick in 2015, my original plan was to keep everything as simple as possible. In my head, this meant having one Facebook page for everything BritishPandaChick to share all my blog posts and information. As blogs were made along the way, I was hesitant about creating separate Facebook pages for my blogs since I thought it would be easier to manage one Facebook page instead of multiple pages.

This resulted in one page with a mixture of different content from craft pictures to random tech articles I thought would be interesting to my followers. Although this was easier to manage, I've been taking a look at the BritishPandaChick Facebook page and realized how confusing this page was becoming. When it comes to personal branding, the secret is consistency.

As I looked at the posts on the BritishPandaChick page, I realized this page wasn't consistent with my branding. After lots of thinking, I decided it was time to create separate Facebook pages. At the end of March, I created two separate Facebook pages for both of my blogs.

Needlework Kits and BritishPandaChick Codes have separate Facebook pages. These pages will help keep all the content consistent with the right brands. These pages just won't be the places where you can keep up to date with the latest blog posts and news.

I'll be sharing content related to these topics on these pages such as pictures of the progress I've made on craft projects or interesting articles I've read. You can support me by clicking Like on the Needlework Kits Facebook page. Today's post is celebrating the launch of these new Facebook pages with a guide on the process I used to make both of the Facebook cover photos for my new Facebook pages.

Facebook cover images are similar to the LinkedIn header. Facebook cover images are a great way of marketing yourself and setting an impression that tells prospective clients or readers what you are all about. In this post, I will use Visme to create cover images that set the perfect first impressions I want people to have when they visit each of these pages.

How can I set up a Facebook page?

If you need any help uploading cover photos to Facebook or would like to set up your own Facebook page, you can check out the Facebook Help Center. The Facebook Help Center has lots of articles and guides to help people set up, manage, and customize their Facebook pages.

==> Click here to visit the Facebook Help Center!

Cover Image One: Needlework Kits

The first Facebook cover image I'm going to make is the Needlework Kits image. This cover image will use one of the Visme templates. I will also use a background image from the Visme library.

Visme has a huge selection of templates and images to choose from depending on what type of account you have. I have a premium account so I have complete access to all the images and templates in the Visme library. Once I've logged into Visme and on the Visme dashboard, I click the Create button on the left sidebar navigation.

Inside the project menu page, I click social graphics on the main project navigation. The sub-menu will open up underneath with all the social media icons. I click the Facebook icon to get another sub-menu to open up.

This sub-menu will show different Facebook projects I can make such as covers, ads, posts, and pages. In this post, I'll be using a Facebook cover (851 x 315) to make both of the cover images. I click Facebook cover to access all the Visme templates for Facebook cover images.

After looking at all the templates, I decided to use the Spring Wonderful Day template for the Needlework Kits image. The image below has the template I'm using circled in blue. It is the third template in row 15 of the Visme library.

Spring Wonderful Day template on Visme template library

Now that I found the template I want, I double-click the template. This will take the template and open it in the Visme workspace. Before I start customizing the template, I'm going to change the project name. I just click untitled-project at the top of the workspace to the name I want for my project.

Putting it all together!

I can start transforming the Spring Wonderful Day cover image into the image I want for Needlework Kits. The first thing I'm going to do is change the background image. I click on the background image to access the background sub-menu.

I click Remove Background to remove the current background on the template. To add a new background image, I click Background in the sub-menu. This opens a window with all the different buttons I can select such as uploading an image from my computer, picking from my image library, and finding an image from the Visme library.

I'm going to look for an image in the Visme library so I'll select the Find an Image button. The Photos tab on the left sidebar menu will open so I can pick a new image for the background. In the Photos tab, I am going to use the search bar to find an image.

I am going to search "crafts" and "sewing" to see what images might work for my craft blog. Once I find an image I want, I click on the image. This will make the image I selected to appear in my Visme canvas.

I can move the image around the canvas to get the placement just right. Once I'm satisfied with the background image, it is time to turn to the text. Before I start customizing my text, I am going to move the text around on the canvas.

I click the text I want to move. The markers will appear around the text. Now I can move the text around the canvas to find the best position for the text.

I'm also going to use the markers to stretch the text box size so the text stays on one line. The last thing I need to do is customize the text with the fonts, font sizes, and colors. To change the text, I double-click on the text to get the text sub-menu.

A blinking cursor will also appear in my text. I change the Spring headline to Needlework. The Wonderful Day headline will be changed to Kits.

I change the font, font size, and colors for both of the headlines to match the Needlework Kits branding. I'm going to change the text alignment for both headlines from left to center.

Cover image one is now officially done.

After one last check to make final changes, it is time to download my image and upload it to my Facebook page. I click the download button at the top of the Visme workspace. This will cause the download window to open.

On the left side of the window, I make sure the image is selected. On the right side of the window, I click jpg for image format. Then I click the download button to start downloading cover image one to my computer. Below is how the cover image one looks just downloaded from Visme.

Needlework Kits Facebook cover image

When cover image one has finished downloading to my computer, I can upload cover image one to the Needlework Kits Facebook page. Once it is uploaded to the Needlework Kits Facebook page, I can check how everything looks before I save it to Facebook. If I'm not satisfied, I can just cancel my image and go back to Visme to make any changes I want.

I'm going to repeat this step as much as I want to get a cover photo I'm happy with. Then I just save my photo to upload it to the Needlework Kits page. My cover photo will now be displayed at the top of the Facebook page.

Cover Image Two: BritishPandaChick Codes

It is time to make cover image two. This cover image is for BritishPandaChick Codes. I won't be using a template for this image.

Instead, I'm going to use a blank template to make a very simple cover photo. Now that cover image one is done, I head back to the Visme dashboard and click the create button again. On the project page, I click social graphics and click the Facebook icon in the social media graphics sub-menu.

Next, I make sure I click the Facebook cover photo in the Facebook projects sub-menu. When the project templates appear, I double-click the blank template in the first row at the very top of the template library to open this template in the Visme workspace.

Putting it all together!

Once I'm in the Visme workspace, I change the name of my project at the very top. Next, I am going to change the background color. Although the canvas is already white, I use a different shade of white for BritishPandaChick Codes branding.

To change the background color, I click the background to get the background sub-menu. I click the color box to the left of Background on the sub-menu. This will open the color window with options for colors, presets, and more palettes.

In the colors tab, I click the first box with the plus sign in the middle. A window will open with a color wheel. At the bottom of this window before the OK button, there is a space where creators can input hex codes to find the colors they want.

I paste the hex code I want here and the color wheel will adjust itself to match the color combination. I click the OK button and now the background for the canvas will change to the shade of white I want. I can now start updating the text.

The first thing I'm going to add is a new headline. I click the Basics tab then Header and Text. This will give me a variety of headline options I can choose from.

I click the headline Add a Title to add it to my canvas. As soon as it is in the canvas, I double-click the headline to customize the text as well as the font, colors, and alignment. I'm going to change the text to BritishPandaChick.

In the text sub-menu, I am going to change the font and color to match the BritishPandaChick Codes branding. I changed the text alignment from left to center. After playing around with the font size, I set the size to 48.

The last thing I'm going to do is use the markers around the textbook to stretch the size of the box across the canvas. All that is left to do is move my headline where I want it on the canvas. Now that I have a headline on the canvas, I'm going to duplicate the headline I just made.

I click the headline I made to access the text sub-menu. Next, I click Actions on the right side of the menu to access a window of extra actions I can take. I click Duplicate to make an exact copy of my headline on the canvas. I changed the text from BritishPandaChick to Codes and moved my new headline underneath the BritishPandaChick headline.

The cover image is done!

I can add more details to this cover image if I want, but I like to keep BritishPandaChick Codes very simple so I'm going to leave things the way they are. I click the download button at the top of the Visme workspace to download the BritishPandaChick Codes cover image to my computer. In the download window, I make sure the image is selected and I pick jpg as my image format. Below is the finished cover image for BritishPandaChick Codes.

BritishPandaChick Codes Facebook cover image

The final step is to upload header two to the BritishPandaChick Codes Facebook page. Before I save the image, I will want to double-check how my cover image looks. If there are any changes I need to make, I can cancel the cover image and then go back to Visme to make changes. Once I'm satisfied with my cover photo, I click save and publish it on my page.

Conclusion

My cover images are now live on my brand-new Facebook pages. You can head over to these Facebook pages to see them there. Now is the time to create your own Facebook cover photos.

You can use my cover images as inspiration to make your graphics. What projects would you like to see me make next? Let me know what you want to see and I'll do my best to make it happen. Feel free to share any of your Visme questions in this post below and I'll share these answers in future posts.

This post was originally published on April 3, 2020 on the blog BritishPandaChick Codes. I made minor changes to the original post for DEV.

Top comments (0)