Mocking up your designs lets customers and clients see it in a real environment. Skip the photo shoot and learn how to display your work digitally in just four easy steps with the Perspective Tool in Shutterstock Editor.
High quality mockups allow you to advertise your work in a realistic and professional environment. They’re ideal for testing designs on different mediums, like on computer or mobile screens or invitation cards. In this tutorial, I’ll show you how to place a mock birthday brunch invitation on this postcard mockup image, but you can use these steps to display any image.
Step 1: Find an Invitation Mockup Image
Go over to the Search (S) tool and type in some keywords, like “mockup postcard flowers ink pen” to bring up an assortment of mockups. Click Replace Background to add the image to the canvas. To upload your own assets, head over to the My Content (M) tool and upload from a website URL or from your computer.
Step 2: Upload and Resize Card Design
Source your own assets by navigating to the My Content (M) tool and uploading from your computer. The limit does not exist here; you can insert any design that fits the typical proportions of an invitation card.
I attached a birthday brunch invitation that I designed at 5 x 7 inches, or at 2100 x 1500 pixels. Resize the image to fit the approximate size of the card; be sure the sized design extends just beyond the card mock to prep for the Perspective tool.
Step 3: Use the Perspective Tool
Select your invitation design and go to the Advanced Tools section above the Stroke panel. Click on the skewed polygon to activate the Perspective tool. You will see light blue outlined circles on each corner. I reduced the Opacity to 70% to better see what I’m doing.
Click and drag inwards to skew the image towards the outer edges of the invitation. Be meticulous when distorting your image; take your time to make sure the card lines up precisely.
Check your progress throughout by zooming in and clicking outside the design to see where the edges line up. To revert the perspective back to its original form, select the image and hit the square icon under Advanced Tools.
Step 4: Apply Effects
Adding effects and reducing the opacity makes a design look more natural within the mockup image. Adjust the Opacity to 85%, and then hit the Filters dropdown to bring up several filters and effects to experiment with.
Bring the Saturation slider down to -10 and increase the Exposure to 5. Play around with different effects to match the tonality of the mockup image. You can always Reset the filters to go back to the original settings.
Step 5: Download and Enjoy!
To license and download your image, hit the red Download button and save as a JPG at 72 DPI.
You have successfully designed a professional mockup in just 4 easy steps! You can design anything from screen replacements to stationery mockups by utilizing the handy Perspective tool in Editor.
Take full advantage of the tools offered in Shutterstock Editor with these easy-to-follow tutorials: