Button Pin Mockups
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Vectogravic
This button pin mockup is a quick way to show a campaign pin without a photo shoot.
Illustrators and campaign teams tend to get the most out of files like this. A small tip: use a PNG with transparency for logos so the material around them keeps its texture.
Small branded items are often the part of an identity that clients remember, so it’s worth showing them properly.
Works well for
- A campaign pin
- An enamel pin design
- A button badge
This is a free file from Vectogravic. When you click download you’ll land on their page to grab it.
Button Pin Mockups: editable parts
Main things you can change in Photoshop:
- Logo or artwork, placed through the smart object
- Object colour, where included
- Shadows
- Background colour
Add your design to the Button Pin Mockups
- Export your logo or artwork as a PNG with transparency.
- 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.
- Adjust the shadow so the object sits on the surface.
- Export with File › Export › Export As: JPG for sharing, PNG for the web.
Another tip: keep your artwork simple. Small objects shrink details quickly, so a bold mark reads better than fine lines.
Ways to use this Button Pin Mockups
- Show a campaign pin to a client before it goes to print or production.
- Show an enamel pin design on your online shop or product page.
- Use it as the cover image for a button badge in your portfolio.
Good to know
- Made by Vectogravic. 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.
- Check the smart object size before you design, so your artwork fits without stretching.
Need a different angle? The pin button badge mockups category has plenty more free PSD files.
Questions about this mockup
Can I use this badge mockup for client work?
It's free to download, but the licence belongs to Vectogravic. Check their page: it states whether commercial use is allowed and if attribution is needed.
How do I put my artwork on the badge?
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.
Can I change the background?
Most object mockups have a background colour or image layer at the bottom of the stack that you can swap.
Why does the download open another website?
We list free files from designers around the web and link to the original page, so Vectogravic gets the visit and you get the file exactly as they published it.
