Mockups are a super easy way to showcase your artwork on places like Etsy, or in your portfolio on your website. They're fab not just because they make items like digital printables look real, without having to actually go through the expense of printing and framing them yourself, but also because it's easier for potential buyers to imagine how your artwork might look in their homes, so potentially more sales for you!
In my experience, design stock websites are somewhat limited - most mockups there are very clearly artificial with computer generated interiors, and they always feel rather stale and lifeless. They're ok for portfolios but don't really promote any kind of lifestyle vibe. Even Canva, which has its merits, is also pretty limited - especially if you're after something with a specific vibe to fit your brand. You find much better options for frame mockups on places like Etsy where real people like me have taken real photos and turned them into mockup templates for people like you.
You will need photoshop to use mine, as mockups are based on smart objects. This may sound complicated, but don't be put off, it is SUPER easy and I'll tell you right now how to use them.
How to use a frame mockup .psd
1. First download your .psd file and open it in Photoshop
2.Open the layers panel on the right side of your screen. If you can't see the layers panel, go into the menu along the top of your screen, hit 'window' and make select 'layers' from the list It should open the layers panel in your work area on the right.
3. On the top layer, where it says 'hide this layer', click the eye next to it to hide it and remove the watermark.
4. In Layers, double click the box to the left of where it says 'your image here'. This will open up a new window with a view of the contents of the frame.
5. In the layers panel, click the layer called 'paste your image here, and paste your image into the screen. It will automatically have a blue box around it with little white square 'handles' at key points such as corners. Grab an anchor drag it out to scale your image to fit. Hit enter/return to commit your changes
6. Click the eye next to demo content to hide it
7. Hit save (cmd+s on mac) - you don't need to rename anything, just close the window.
8. Your image will now appear inside the frame.
9. Hit file, and then save as to save out your image. If you are saving your image to be used on the internet, smaller sizes load faster, in which case, hit file > export > save for web legacy, and tinker with the dimensions until you are happy with the file size it shows you on the bottom left, and save it out.
There you go! Told you it was easy!
If you get one of my mockups on my Etsy shop, I'd love to see your work in the frame - Tag me on instagram @tashlentine!
Now - Go and make something beautiful! The world needs as many people like you as possible.
Comments