7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Mockups

41 Best Pin Mockups (Enamel, Metal, Button, PSDs, Maker)

Read Time: 11 mins

If you've got a great pin design to show off, all you need now is the perfect pin mockup to bring the best out of it.

Metal Badge MockupMetal Badge MockupMetal Badge Mockup
Just one of the many Metal Badge Mockups available at Envato Elements and Placeit

Luckily for you, we're highlighting more than 40 awesome pin mockups from Envato Elements and Placeit. So sit back and enjoy the design inspiration!

Unlimited Pin Mockup Downloads at Envato Elements

Have you tried Envato Elements yet? It's a wonderful resource for designers and dabblers that offers thousands of premium digital assets like graphic templates, mockups, logos, photos, fonts, and much more.

Unlimited Pin Mockup Downloads at Envato ElementsUnlimited Pin Mockup Downloads at Envato ElementsUnlimited Pin Mockup Downloads at Envato Elements

For one low monthly fee, you can download as many of these digital assets as you like, as often as you like. It's amazing value. Let's take a look at some of the terrific pin mockups available from Envato Elements.

Wood Enamel Pin Mockup (PSD)

Enamel Pin MockupEnamel Pin MockupEnamel Pin Mockup

Go for an interesting wood and enamel look with this pin mockup. All you have to do is open the PSD file and place your design in the smart objects provided. The file is well set up to make editing easy. Give it a try!

Wood Enamel Pin Paper Mockup (PSD)

Enamel Pin MockupEnamel Pin MockupEnamel Pin Mockup

Here's a chance to show your pin with its packaging too. You can edit the text, of course, to display your own brand or a slogan of your choice. If you're comfortable using Photoshop, you'll find it very easy to create a stunning mockup using this template.

Colourful Enamel Pin Mockup (PSD)

Enamel Pin MockupEnamel Pin MockupEnamel Pin Mockup

Every detail of this metal badge mockup is so easy to customise. You can change the thickness and colour of the pins themselves, as well as the design of the backing cards. There's a help file to walk you through the whole process.

Black and Grey Enamel Pin Mockup (PSD)

Enamel Pin MockupEnamel Pin MockupEnamel Pin Mockup

If you want a similar effect but with a more muted background, try this pin template PSD file. Your colourful pins will really stand out against the black and grey backing.

Silver and Gold Enamel Pin Mockup (PSD)

Enamel Pin MockupEnamel Pin MockupEnamel Pin Mockup

Make your pins look professional with this classy silver and gold enamel pin mockup. The clear plastic packaging looks so realistic, doesn't it? These two look as if you just bought them from the museum gift shop. Try adding your own pin designs to see how they'd look.

3 Gold Enamel Pin Mockups (PSD)

Enamel Pin MockupEnamel Pin MockupEnamel Pin Mockup

This gold enamel pin mockup is plain and simple, with three pins placed on a grey background. Just place your own designs in the smart objects, hit save, and you're done. Or if you want to customise it further, for example by changing the background colour and texture, you can do that too.

Metal Pin Button Mockup PSD Template (PSD)

Pin Button Mockup PSD TemplatePin Button Mockup PSD TemplatePin Button Mockup PSD Template

What's great about this metal badge mockup is the way it shows both the front and back of your pins. So you can show off your design, but also show how it attaches at the back. Adding your design takes just seconds.

Round Pin Template PSD

Pin Template PSDPin Template PSDPin Template PSD

Or here's a glossy pin mockup that puts your design front and centre, taking up a lot of space in the frame. It's not as natural-looking as some of the other pin metal mockups we've seen here, but it's a great choice for making the most of your design.

Simple Button Mockup (PSD)

Button MockupButton MockupButton Mockup

If it's not important to show the back of the pin, then try this simple pin template PSD file. It's set up to make it easy to add your design and showcase it against this simple background, with just a subtle shadow to make it look realistic.

Round Pin Mockup (PSD)

Pin MockupPin MockupPin Mockup

It's not clear how this round badge is standing up on its own, but it does showcase your design nicely, so if realism isn't important, then choose this pin metal mockup and add your design! The pack comes with four mockups, so you can choose the one you like the most.

Realistic Pin Button Mockup PSD Template (PSD)

Pin Button Mockup PSD Template Pin Button Mockup PSD Template Pin Button Mockup PSD Template

Here's a nice glossy pin mockup to make your designs look oh so enticing. Adding your designs is as easy as double-clicking on the smart object. All of the colours are easy to change too.

Pin Rectangle Button Badge Mockup (PSD)

Pin Rectangle Button Badge MockupPin Rectangle Button Badge MockupPin Rectangle Button Badge Mockup

These clean badges could work well for a political campaign, couldn't they? Add your own designs to the pin rectangle button badge mockup, and see how stylish they look.

Pin Button Mockup PSD Template (PSD)

Pin Button Mockup PSD TemplatePin Button Mockup PSD TemplatePin Button Mockup PSD Template

You get three different scenes in this mockup set, and you can choose whether you want your pin to lie flat on the ground or to appear to float. When you add your design, you'll be amazed to see it acquire a realistic metallic sheen. Try it out!

Pink Pin Metal Mockup (PSD)

Pin MockupPin MockupPin Mockup

If you need a glossy pin mockup with nothing to distract from your design, this is it. You get four pin template PSD files, each well organised so that it's easy to add your designs using smart objects and customise the colour, background, etc.

Small Metal Badge Mockup (PSD)

Metal Badge MockupMetal Badge MockupMetal Badge Mockup

Here's another round badge mockup showing the design on the front and the pin on the back. This time, it's lying flat on the background and is smaller in the frame, which is good if you want to suggest that the pin itself will be on the small side.

Glossy Lapel Mockup (PSD, JPG)

Lapel MockupLapel MockupLapel Mockup

If you have three different pin designs, or three different colour schemes of the same design as in this example, then choose this mockup to showcase them in style.

Round Pin Button Mockup PSD Template (PSD)

Pin Button Mockup PSD Template Pin Button Mockup PSD Template Pin Button Mockup PSD Template

If the pink background shown here doesn't work with your design, don't worry—you can customise it, along with everything else, in Photoshop. The pin button mockup PSD template is well organised, and there's also a help file if you need more guidance.

Pin Button Mockup PSD Template With 4 Badges (PSD)

Pin Button Mockup PSD TemplatePin Button Mockup PSD TemplatePin Button Mockup PSD Template

Creating an effective pin design is one thing, but communicating it to your client is another. Using a glossy pin mockup like this one will make the task much easier. Download it and see how easy it is to create amazing results!

Summer Sale Pin Template PSD

Pin Template PSDPin Template PSDPin Template PSD

Can't decide whether you want your pin to lie flat on the surface or stand up at an angle? Get the best of both worlds with this pin metal mockup, which shows two pins in different positions.

Simple Round Button Mockup (PSD)

Pin Rectangle Button Badge MockupPin Rectangle Button Badge MockupPin Rectangle Button Badge Mockup

Choose from the four different glossy pin mockups provided in this pack, and use the smart object feature to easily add your design in Photoshop CS4 or higher. There's a help file in case you get stuck.

Lapel Mockup (PSD)

Lapel MockupLapel MockupLapel Mockup

If you want to show your pin being worn, try this realistic lapel mockup. You get four PSD files, and you can showcase multiple designs in the same mockup if you want.

Metal Badge Mockup (PSD)

Metal Badge MockupMetal Badge MockupMetal Badge Mockup

The good thing about simple mockups like this, with just the badge shown on a plain, textured background, is that it naturally draws the viewer's attention to the most important thing: your awesome design.

Create Pin Mockups Easily at Placeit

If you don't have access to Photoshop or you prefer not to use it, then try Placeit instead. It's an affordable online design generator that provides high-quality designs, logos, videos and mockups that you can customise directly from your browser, without needing complicated software, and download in a matter of seconds.

Unlimited Pin Mockup Downloads at PlaceitUnlimited Pin Mockup Downloads at PlaceitUnlimited Pin Mockup Downloads at Placeit

Placeit is designed to suit a range of budgets, so you can buy one digital resource at a time, or if you regularly need mockups, logos, and various designs, you can sign up for a low monthly or yearly plan for unlimited downloads. Here are the best pin mockups available at Placeit.

Glossy Pin Mockup on Blue Background

Glossy Pin MockupGlossy Pin MockupGlossy Pin Mockup

Adding your design in Placeit is even easier than in the Photoshop mockup templates. All you have to do is click "Upload Image" and watch your design appear as if by magic. Click the image above to give it a try.

Pin Rectangle Button Badge Mockup

Pin Rectangle Button Badge MockupPin Rectangle Button Badge MockupPin Rectangle Button Badge Mockup

Here's an option using the square instead of round format. If that's suitable for your design, then this could be a great option.

Mockup of a Rectangular Pin on a Customizable Surface

Mockup of a Rectangular Pin on a Customizable SurfaceMockup of a Rectangular Pin on a Customizable SurfaceMockup of a Rectangular Pin on a Customizable Surface

Or try this template if an elongated rectangle is a better fit. It's simple and minimalist, and you can change the background if you want.

Mockup Featuring a Square Pin Button

Mockup Featuring a Square Pin ButtonMockup Featuring a Square Pin ButtonMockup Featuring a Square Pin Button

Instead of appearing on a plain background, this mockup showcases your square badge on a sleek wood surface, at an angle that matches the perspective.

Mockup of Two Pin Buttons on a Plain Surface

Mockup of Two Pin Buttons on a Plain SurfaceMockup of Two Pin Buttons on a Plain SurfaceMockup of Two Pin Buttons on a Plain Surface

This cool button mockup is similar to one we already saw in Photoshop format, but this one is so much easier to customise. Just upload your image and watch the magic happen.

Pin Button Mockup Featuring a Minimalist Scene

Pin Button Mockup Featuring a Minimalist SceneryPin Button Mockup Featuring a Minimalist SceneryPin Button Mockup Featuring a Minimalist Scenery

With a minimalist backdrop like this, there's nothing to distract from your pin design. The subtle indications of shadow and surface are just enough to give it a three-dimensional feel.

Glossy Pin Mockup on Two-Colour Background

Glossy Pin MockupGlossy Pin MockupGlossy Pin Mockup

A background with two shades of the same colour can make a simple, stylish design statement. See how your pins would look on this one—and if the colours don't quite work, it's easy to change them!

Simple Round Pin Mockup

Pin MockupPin MockupPin Mockup

If you're happy with your pin looking small in the frame, this is a good, clean option. Upload your image to give it a try, and change the background details if you want.

Lapel Mockup on Flannel

Mockup of a Round Pin on FlannelMockup of a Round Pin on FlannelMockup of a Round Pin on Flannel

Or here's a lapel mockup showing your badge being worn on a checked shirt. Your design will be large and highly visible.

Mockup Featuring the Front & Back of a Square Pin Button

Mockup Featuring the Front and Back of a Square Pin ButtonMockup Featuring the Front and Back of a Square Pin ButtonMockup Featuring the Front and Back of a Square Pin Button

Here's another variation on the square pin mockup shown earlier. The slight variations give you plenty of scope to choose exactly the right layout for you, so browse and experiment to see what works best.

Metal Button Mockup on Grey Background

Metal Button MockupMetal Button MockupMetal Button Mockup

This textured grey background is realistic, and plain enough to make your pin designs stand out beautifully. Showcase four different designs if you want, or upload the same design multiple times—the choice is yours.

Mockup Featuring Multiple Pin Buttons

Mockup Featuring Multiple Pin ButtonsMockup Featuring Multiple Pin ButtonsMockup Featuring Multiple Pin Buttons

Or try this similar option, with a slightly different pin layout and a plain background with no texture and a different colour.

Mockup of a Pin-Back Button

Mockup of a Pin-Back ButtonMockup of a Pin-Back ButtonMockup of a Pin-Back Button

If you just need to show one pin, then pick this mockup to give it maximum impact. Customise the background colour to complement your design.

Mockup Featuring a Set of Pins Sitting on Top of a Flat Backdrop

Mockup Featuring a Set of Pins Sitting on Top of a Flat BackdropMockup Featuring a Set of Pins Sitting on Top of a Flat BackdropMockup Featuring a Set of Pins Sitting on Top of a Flat Backdrop

Sometimes, multiple pins can showcase multiple designs, but in this case it's best to stick to a single design. Why? Because the two pins underneath are partially hidden, so it's best to use the same design as on the top pin, which is perfectly visible.

Mockup of a Round Pin Against a Two-Color Background

Mockup of a Round Pin Against a Two-Color Background Mockup of a Round Pin Against a Two-Color Background Mockup of a Round Pin Against a Two-Color Background

Here's another two-colour background, giving you a great chance to pick colours that bring the best out of your design. Changing them is easy using the colour picker in the Placeit mockup maker.

Pin Mockup Featuring a Smiling Woman with Round Glasses

Pin Mockup Featuring a Smiling Woman with Round GlassesPin Mockup Featuring a Smiling Woman with Round GlassesPin Mockup Featuring a Smiling Woman with Round Glasses

As the name suggests, this mockup features a portrait of a woman wearing a badge on her jumper. But you can also crop in closer to focus more clearly on the badge itself, as shown here.

Front and Back View Mockup of a Round Button

Front and Back View Mockup of a Round ButtonFront and Back View Mockup of a Round ButtonFront and Back View Mockup of a Round Button

Here's another simple, minimalist option for you, this time with a plain coloured background and the front and back of the pin placed side by side.

Button Mockup Featuring a Customizable Surface

Buttons Mockup Featuring a Customizable SurfaceButtons Mockup Featuring a Customizable SurfaceButtons Mockup Featuring a Customizable Surface

Choose this glossy pin mockup if you like the simplicity of the previous design but want a bit more of a 3D effect.

Glossy Pin Mockup on a Flat Surface

Pin Button Mockup Placed over a Flat SurfacePin Button Mockup Placed over a Flat SurfacePin Button Mockup Placed over a Flat Surface

And finally, here's a glossy pin mockup on a plain, simple background. You can, of course, change the colour of the background to match your pin.

Choose Your Favourite Pin Mockup Template

Now you know just where to find the best pin mockups when you need them. Head on over to Envato Elements or Placeit and download your favourite template today.

And while you're here, why not learn more about how to create your own mockups or where to find the best mockups. Check out these super helpful articles:

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.