How to Use Graphic Design Mockups in Photoshop. A video tutorial to showing how to use JPG, PNG, and PSD Smart Object Mockups.
How to Use Graphic Design Mockups in Photoshop
If you’re not using mockups, you’re going to love this little graphic design “secret”. They help improve your workflow. Read: They save you time. A lot of it. Not only that, but they look super professional as well. I often use them here on the blog, in the Kimber Dawn Co Etsy shop I run with a friend, and on Instagram.
I purchase most of my mockups on Creative Market and Etsy but I also create and photograph my own. This post includes the use of one mockup I purchased (the coffee mugs two pics down) and one mockup I styled and photographed myself (the clipboard below).
The photo below was taken with a blank sheet of paper on the clipboard. The “Your Design Goes Here” was done on my iPad and added to the clipboard digitally with the magic of graphic design.
What is a Mockup?
A mockup is a file that allows you to create a sample of your product or show your work in a real-world setting without actually having to create a physical product.
The below image is an example of a “product” I made using the magic of Photoshop and a mockup. The only things I used to “create” these mugs are:
- a mockup photo of blank mugs
- PNGs of my hand lettered designs
This allows me to create realistic looking mugs (that only took minutes to whip up)! This allows my customers, clients, and/or readers get ideas for how my designs might be used.
What are the main types of mockups?
The three main types of mockups I use are in the following formats: JPG, PNG and PSD with Smart Object.
How Do I Use Them?
I’ll show you how to do this with a video lesson. This video, How to Use Graphic Design Mockups in Photoshop, will teach you how to create mockups in the three formats I mentioned above.
I’m so glad you asked! Tomorrow I have a post going up sharing a bunch of my personal favorites!