How To Use a PSD Mockup

If you’re reading this post and somehow missed the last one, let me start by saying that I have released a Lettering Display Mockup Pack that can be edited in Photoshop. You can find it here, $10 for 4 files. Whether you choose to download these mockups or others similar to it, you might be wondering how to use them. Sure, they sound easy on paper – but if you’re not familiar with Photoshop, they might be a bit tricky to get the hang of at first. If this sounds like you, then read on.

First thing’s first, here’s a video for you visual learners. I swear someday I’ll get more comfortable talking to a video, but today is not that day.

If you just want to read a quick step-by-step on how to use a Mockup PSD, then please keep reading.

  1. 1. Open Photoshop > Open .PSD file you wish to edit.
  2. 2. Look at your Layers Panel It should be visible to you already, but if it’s not, go up to your task bar, choose Window > Layer. It’ll be in the bottom right corner of the program. In your layers panel, you’ll see various layers. Find the Smart Object layer.
  3. 3. Double Click on the smart object layer – specifically the icon/thumbnail for it. If you double click on the text, it’ll let you rename the layer, and if you double click on the bar, it’ll open the special FX window. That’s why you need to make sure you double click on the icon/thumbnail. This will open the layer into a new tab.
  4. 4. In my specific .PSD mockups, they’re will be a layer that says “delete this” and a layer that says “YOUR ART HERE” (or something along those lines). Delete the layer that I have placed there, and add your art to the YOUR ART HERE layer.
  5. 5. The lettering should not have a background. It’ll look weird sitting in the mockup unless it is an actual rectangle piece of art. Make sure that your letters are sitting on a transparent background, even if that means deleting the white space around them.
  6. 6. Time to save! CMND+S for mac or CTRL+S for windows, and the smart object has now been saved and updated!
  7. 7. Pop back over to the original .PSD file, and your design will be in place of the filler design. Save this file in your choice format – .png, .jpg, etc.
  8. That’s it. You’re done. It’s really that simple.

If you have any questions, please leave them for me. I want to make sure that you know exactly how to work with these files. Using mockups can make your life so much easier (I’ve already used them for pictures on this site, *surprise surprise*). Whether you are a letterer, graphic designer, artist, or entrepreneur that is looking for a nice way to display images, give mockups a try.


4.Apr.173:00 pm