Building Banner Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Mockups Design
A sale banner looks better on a building banner mockup than on a white artboard, and this mockup is set up for exactly that.
Retailers and event organisers tend to get the most out of files like this. One thing worth knowing: outdoor ads are read in a second or two. Big type and one image will look far better in this scene than a busy layout.
It’s also handy for student and portfolio work, when you want to show a campaign that never went live. Show the same visual on a billboard and a flyer to present a consistent campaign.
Works well for
- A sale banner
- A street banner
- An event banner
Credit goes to Mockups Design. We link to their download page rather than re-uploading the file, so check their terms there before commercial use.
Building Banner Mockup: editable parts
Everything below is on its own layer:
- Ad artwork, placed through the smart object
- Lighting and shadow layers
- Glow layer for backlit scenes, where included
How to use the Building Banner Mockup
- Keep the ad simple: one image, a short headline and the logo.
- Open the file in Photoshop and double-click the smart object thumbnail in the Layers panel.
- Drop your artwork in, fit it to the canvas, save and close. The mockup updates by itself.
- Save a JPG for clients and social media, and keep the PSD for later changes.
Another tip: check your artwork’s aspect ratio against the smart object before you start, or faces and logos get cropped.
Best uses for this Building Banner Mockup
- Share an event banner on Instagram, Behance or Dribbble with a real-looking preview.
- Make two or three colour versions of a street banner and let the client pick.
- Show a sale banner to a client before it goes to print or production.
Good to know
- Made by Mockups Design. The download size and format are listed on their page.
- Built for Adobe Photoshop. A recent CC version handles the smart objects best.
- Some free mockups ask for credit when you post them. A short line in your caption is enough.
- The preview shows the angle, background and lighting you’ll get.
More free banner mockups are listed below, each linking to the original author.
Questions about this mockup
What licence does it come with?
Mockups Design sets the licence, and it can differ from file to file. Many free files allow personal and commercial use, but some are personal-only or ask for credit. Read the terms on the download page before a paid project.
How do I put my artwork on the banner?
Find the smart object layer (it has a small icon on its thumbnail), double-click it, place your design, then save and close that tab.
Do I need Photoshop?
Yes. This is a PSD mockup built with smart objects, so you edit it in Adobe Photoshop. Any recent CC version works.
What ratio should my artwork be?
Open the smart object and check its canvas; design to that ratio. Most outdoor mockups use common print ratios, but it varies from file to file.
Why does the download open another website?
We list free files from designers around the web and link to the original page, so Mockups Design gets the visit and you get the file exactly as they published it.
