Mug Mockups
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Vectogravic
Presenting a company logo? Put it on this mug mockup and the client sees the real thing, not a flat file.
Gift shops and print-on-demand sellers tend to get the most out of files like this. Mug prints wrap around; if the preview shows one side, keep the design centred on that side.
Cafés and coffee brands use renders like this for menus, social posts and supplier pitches. Pair it with a coffee bag or menu mockup for a complete café presentation.
Use it for
- A company logo
- An illustration
- A quote print
This is a free file from Vectogravic. When you click download you’ll land on their page to grab it.
Mug Mockups: editable parts
Everything below is on its own layer:
- Logo or pattern, placed through the smart object
- Highlights on the curve
- Cup, lid or sleeve colour
Add your design to the Mug Mockups
- Prepare the logo or pattern as a PNG with a transparent background.
- Open the file in Photoshop and double-click the smart object thumbnail in the Layers panel.
- Paste your design, resize it to fill the area, then save (Ctrl/Cmd + S) and close that tab.
- Swap the background colour.
- Export with File › Export › Export As: JPG for sharing, PNG for the web.
Worth remembering: a logo that works on a business card usually works on a cup. Long slogans rarely do.
Best uses for this Mug Mockups
- Make two or three colour versions of a quote print and let the client pick.
- Show a company logo to a client before it goes to print or production.
- Present an illustration in a client proposal or brand guide.
Before you download
- Made by Vectogravic. The download size and format are listed on their page.
- Check the licence on the author’s page. Personal and commercial terms differ from file to file.
- Built for Adobe Photoshop. A recent CC version handles the smart objects best.
More free mug mockups are listed below, each linking to the original author.
Questions about this mockup
What licence does it come with?
Vectogravic 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 mug?
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 change the cup colour?
Most cup and mug mockups keep the body colour on its own layer, so you can change it without touching your design.
