Make a Facebook Cover Photo

Make a Facebook Cover Photo

Make a Facebook Cover Photo

Difficulty: difficulty-icondifficulty-icon 4935 views

Learning how to make a Facebook cover photo is a great way to express yourself, or your business, on one of the biggest social media platforms in the world. A Facebook cover photo has a few peculiar dimensions that can make designing an image a little tricky. To complicate things further, they also overlay your profile picture on top of the cover photo. This can cause some formatting problems if your image is being covered up by another element. Fortunately, these dimensions are known, and we can use them to ensure our Facebook cover looks its best.

Take a moment to watch the free video tutorial and learn how CorelDRAW and it's precision alignment tools can help you quickly design the perfect Facebook cover.

In this tutorial you will learn:

  • How to specify a custom page size.
  • How to create a gradient fill.
  • How to bring guidelines onto the page.
  • How to create artistic text and apply a drop shadow to it.
  • How to import clip art into a project.

Want to see what’s new in CorelDRAW Graphics Suite? You can download your FREE 30-day trial here or check out our special offers today!

Written Tutorial


On your Facebook page, there are two key places where you can express yourself or create your own “brand.” The first is your usual profile picture, but the second, the timeline banner, can be a challenge. A banner can be an ideal place to create your own design. While your profile picture can show off what you look like, your banner can show people who you are.  

Creating a banner doesn’t have to be intimidating. In this tutorial, you will learn some very simple steps to creating your own graphic design using CorelDRAW.


What you will Learn

In this tutorial, you will learn about


Specifying a custom page size

One of the challenges in choosing an image for your Facebook banner is that most images do not fit in the preset banner dimensions. With CorelDRAW, you can easily create a custom image that is exactly the right size.

  1. Select File > New to create a new document.
  2. In the Create a New Document dialog box, set the page width and height to the Facebook banner size: 851 x 315 pixels.
  3. From the Primary color mode list box, choose RGB, and set the rendering resolution to 96 dpi.


2014-12-05 1357.png

Adding guidelines

To compensate for the Facebook profile picture overlap, you will create guidelines that can be used to indicate the area where this picture will be located on your banner once you have uploaded the final image.

1. Double-click the Rectangle tool in the toolbox to create a border around the page.

2. Using the Rectangle tool, create a rectangle that is 170 x 105 pixels, and place it 23 pixels from the left edge of your banner and touching the bottom, as shown in the example below.  

3. Drag a guideline from the vertical ruler onto one of the vertical sides of the rectangle. Repeat this for the other vertical side of the rectangle, and then drag a guideline from the top ruler to the top of the rectangle.



Now that the guidelines have been created, you can delete the rectangle from the image. The guidelines will provide you with a reference as to where the image will be covered by the profile picture once it has been uploaded.


Adding a fountain fill

The next step is to add some color to the banner.

1. In the Object Properties docker, click the Fill button at the top, and then click the Fountain fill button to display fountain fill options.

2014-12-05 1425.png

2. Click the Elliptical fountain fill button.

3. Click the start node above the color band, open the Node color picker, and choose a color.

4. Click the end node above the color band, open the Node color picker, and choose a color.


Adding text

Now you can add text, such as your name, to your banner.

1. Click the Text tool in the toolbox, click on the page where you want the text to begin, and type the text.

2. Select the text, and use the controls on the property bar to make any adjustments you want to the font, size, and alignment.

3. Choose a color for the text from the color palette.

2014-12-05 1431.png


Applying a drop shadow

To enhance the appearance of the text and add some depth, you can add a drop shadow.

1. Click the Drop Shadow tool in the toolbox, and drag from the center of the text diagonally toward the bottom.

2. Use the controls on the property bar to adjust the angle, opacity, feathering, and color of the drop shadow.


Importing clipart

You can now import any objects, photos, or other graphics that you want to add to your banner. In this example, we’ll import some clipart images.

1. Click File > Import, locate the image that you want to use, and click Import. Click on the page to place the image.

2. Resize and reposition the image as necessary.


2014-12-05 1435.png

Exporting the banner

When the banner is complete, the final step is to save it in a Facebook-compatible file format, such as JPEG.

1. Click File > Export.

2. In the Export dialog box, specify a file name, and choose JPG - JPEG Bitmaps from the Save as type list box. Click Export.

3. In the Export to JPEG dialog box, choose Highest from the Quality list box, and click OK.

The banner is now complete. In this example, Sophie is an avid gymnast, plays the piano, and loves nature, so we have incorporated these themes into the banner to show off her hobbies and interests to her friends. The butterflies and thistles on the left serve as a frame for the profile picture.




If you have enjoyed this tutorial, be sure to check out the other tutorials that are available in the Discovery Center. If you have any ideas for tutorials or projects that you would like to see in the future, please leave us some Feedback.