Gift Card Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Dribbble
This gift card mockup is a quick way to show an ID badge without a photo shoot.
Fintech brands and corporate designers tend to get the most out of files like this. One thing worth knowing: use CMYK-friendly colours in the artwork itself, even though the mockup is RGB, so what the client sees is close to print.
Seeing a layout on a real card is also the easiest way to catch problems early. A phone number that looked fine on screen can turn out too small once it sits on paper. If you’re building a full identity, pair it with an envelope or letterhead mockup for a matching set.
The file is made by a designer on Dribbble. The download button takes you to their page, where you get the original file and the licence details.
Editable options in the Gift Card Mockup PSD
Main things you can change in Photoshop:
- Your design, placed through the smart object
- Shadows and highlights on their own layers
- Front and back artwork, where both sides are shown
- Paper texture you can turn up or down
Editing the Gift Card Mockup, step by step
- Set up the design flat at the real print size and keep text inside a safe margin.
- 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.
- Turn the texture layer up or down to match the paper you’ll print on.
- Save a JPG for clients and social media, and keep the PSD for later changes.
Another tip: if the paper has texture, drop the opacity of your art by a few percent so the grain shows through.
Ways to use this Gift Card Mockup
- Show an ID badge to a client before it goes to print or production.
- Present a bank or gift card in a client proposal or brand guide.
- Make two or three colour versions of a membership card and let the client pick.
Good to know
- Made by a designer on Dribbble. 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.
Browse more free id card mockups on Artistic Orbit, with new files added every day.
Questions about this mockup
Is it free for commercial use?
It's free to download, but the licence belongs to a designer on Dribbble. Check their page: it states whether commercial use is allowed and if attribution is needed.
How do I put my artwork on the card?
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.
Which Photoshop version do I need?
A recent Photoshop CC version is best. Older versions can open the file but sometimes have trouble with smart objects and effects.
Can I show both sides?
It depends on the file. Many print mockups include a front and a back smart object; the preview usually shows whether both sides are visible.
