Design Freebie: Photoshop Template for Facebook News Feed Ads

design / facebook / facebook ads / freebies / news feed / photoshop / PSD / targeting / template   Posted on Oct 22, 2014 by Erin Malick Thompson

This week I'm taking a break from my series of design tutorial posts to offer you a design freebie: a time-saving Photoshop template for Facebook News Feed ads that will probably prove more immediately useful in the face of election day crunch time.

We'll return to tutorials in the bleak mid-winter when we both have time for such things.

What are Facebook News Feed Ads?

Facebook News Feed ads are all the rage among our clients over here at Blueprint. Briefly, for the uninitiated, News Feed ads are much larger than Facebook's marketplace ads and appear in the prime real estate of the news feed, right where everyone is actively looking, rather than off to the sides, where the Marketplace ads are. At Blueprint, we can design News Feed ads for you, and we can target the heck out of them to make sure they reach the right audience — see Nick's post about this.

Screenshot of Facebook, showing where News Feed and Marketplace ads appear

While the potential for News Feed ads is great, designing them can be a HUGE headache because of Facebook's extremely restrictive 20% text rule: your text can only take up 20% of the ad space. They offer a free grid tool for double-checking that your work abides by the law, but it leaves you doing a lot of back-and-forth to check your work as you refine your ad design.

Until now. Use our handy Photoshop template to get it right the first time around!

Template showing gridlines and 20% of rectangles holding text

How to Use the Template

This template is sized at 1200x628 pixels, which is what Facebook recommends. It's a grid of guides, laying out 25 rectangles so you can easily identify 20% (5 rectangles). If the grid is hidden when you open the Photoshop file, hit COMMAND-; to reveal it. How to use the template:

  1. Import or create your imagery/art layer(s).

  2. Add text layer(s), deleting or hiding the template's placeholder text layer.

  3. Edit your text such that it falls within only 5 of the rectangles. It can be any 5 rectangles (not just the ones shown). Just remember: button text, disclaimer text, photo captions, and main ad copy all count toward this 20%.

  4. Save your file as a PSD to retain editable layers.

  5. Resave your file as a JPEG.

  6. Upload your JPEG to Facebook's grid tool to double-check your work (it's worth this extra step just to make sure Facebook won't refuse your ad at the last minute!)

Still seems like a lot of aggravation? Then just call us to do your Facebook ads for you! We'd love to hear from you.

Search the Blog

Blueprint Tweets

RT @BetoORourke: This president’s open racism is an invitation to violence. The writing has been on the wall since his maiden speech coming…

Tuesday August 06, 2019

Dan is celebrating 2 years with Blueprint where he's a Digital Campaigns Manager. When Dan isn't in the office rais…

Friday May 31, 2019

Next is Julie. She’s also celebrating 3 years with Blueprint. Julie is a Designer and has made award-winning ads fo…

Friday May 31, 2019

Visit BlueprintTweets ›

Contact Us


1155 Connecticut Avenue, NW
Suite 601
Washington, DC 20036

Or submit your info and let us know what we can do for you!