How To Create A Facebook Banner With Vectors

Keep your social media posts interesting! Create great looking, custom Facebook banners and blog graphics with stock vector images.


Creating exciting, color graphics like the one above for your company’s or group’s Facebook page is easy with vector images.

As any social media marketing professional will tell you, posting regularly to social media will help keep you business in the limelight. Fresh graphics and frequent posts help keep your posts interesting and relevant to your viewers. However, even for professional marketers, it’s often challenging to come up with interesting material for regular postings across social media channels. So what’s a stressed, deadline-oriented marketer to do when there’s not a lot of company news to report? Use stock vector images!

Vector images offer bright color and fresh visuals for company and group social media posts. They can also help you create potentially viral posts that followers like to forward.

Stock vector images offer a small reprieve from serious business content and product pushing, as well as adding a splash of color. Plus, you can resize, change color and add text if you like. Best of all, they don’t require model releases as with regular photographic posts.

Whether you’re creating a new social media page, or updating your company’s Facebook page, vector graphics help you easily create cool graphics for your company or group.

Here are some instructions for creating a company Facebook banner using stock images from, as well as a handy template to help you size Facebook banner images easily.


To make the Facebook banner page above, we downloaded this image from This site allows you to download an unlimited number of graphics for a small monthly fee, and images are available in either .eps or .png formats.


In this tutorial, we’re going to download and modify the vector (.eps) file.

Step 1: Download the .eps file and open it in Adobe Illustrator

Step1Step 2: Customize colors

While these colors are bright, they don’t match the client’s color palette. Using your Direct Selection Tool (the arrow-looking tool at the top right in your Adobe Illustrator toolbox), select the yellow sky background. In the sample above, we changed the sky to a deep royal blue, and water to a darker teal color. We also changed the color of the coconuts to more of an orange color rather than the original yellowish hues, since we were going with warmer colors for our text.


Step 3: Add text

We wanted a fun, summer-looking font, so we went with a Tiki-style typeface and added an orange box to help the type stand out from the image.

Step3Step 4: Center the text within the orange box and place it over the image.

If you like, you can also move other elements around to fill the space, such as elongating the oval sky, or stretching or enlarging the palm tree for a better fit.

Here’s a helpful tip – This image below, while still in progress for the Facebook banner, can be used for Facebook posts. Save this image at this point for later use.


Step 5: To make the Facebook banner graphic, create a new file in Adobe Illustrator that is 851 pixels tall and 315 pixels wide.

Step5Step 6: Make a blue box that fits the layout size


Step 7: Using the file you saved previously, copy and paste the entire image to the new file for the Facebook banner graphic.


Step 8: With the ungrouped images, move elements so they fit within the rectangle, being certain to leave critical items out of the area to the lower left (This is where the profile picture will appear.)


Step 9: With elements in place, simply export the image as a PNG file, and upload to your Facebook page.


Finally, make the most of your work! You can get a lot of mileage from a single vector image, simply by moving elements around, zooming in saving as you go. By moving elements around, copying, flipping images with the Reflect Tool in Adobe Illustrator, we were able to create three additional graphics for social media posting and blog entries from this single downloaded graphic. Awesome right? What do you think about this? Write to us in the comments below=)


Leave a Reply

Next Article8 Steps To Creating A Professional Business Card