Building Sign Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Mr.Mockup
Show an office sign the way it will actually look: on a building sign mockup.
It’s a handy file for shop owners and architects. Tip: 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.
Mr.Mockup created this one and hosts the download on their own site, so you always get the latest version straight from the source.
What you can edit in this Building Sign Mockup
Everything below is on its own layer:
- Ad artwork, placed through the smart object
- Brightness to match the scene
- Lighting and shadow layers
How to use the Building Sign Mockup
- Export the ad artwork large so it stays sharp in the scene.
- Open the PSD in Photoshop and find the smart object layer, usually named “Your Design” or “Place Here”.
- Place your design, hide the sample artwork, save, and go back to the main file.
- Match the ad’s brightness to the scene with the lighting layers.
- Save a JPG for clients and social media, and keep the PSD for later changes.
Worth remembering: match the brightness of your design to the scene; a very bright graphic in a shaded spot looks pasted in.
Ways to use this Building Sign Mockup
- Show a shop sign to a client before it goes to print or production.
- Share a neon logo on Instagram, Behance or Dribbble with a real-looking preview.
- Present wayfinding signs in a client proposal or brand guide.
Quick notes on this mockup
- Made by Mr.Mockup. The download size and format are listed on their page.
- 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.
- Check the smart object size before you design, so your artwork fits without stretching.
Scroll down for similar signage mockups from other designers.
Questions about this mockup
What licence does it come with?
That depends on the author's terms. The download page lists what is allowed; when in doubt, ask the author directly.
How do I add my design?
Open the file in Photoshop, double-click the smart object thumbnail, paste or place your artwork in the new tab, save it (Ctrl/Cmd + S) and close. The main file updates on its own.
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.
