HOW TO ADD YOUR PHOTO TO A TILTED MOCKUP
Sometimes the best mockups aren’t straightforward – literally. If the screen for your mockup is a perfect square, it could not be easier to add your own image. But if the screen is an irregular shape because it’s on an angle or tilted in some way, the process gets a whole lot harder – especially if you’re not a Photoshop user.
WELL, I’M HERE TO HELP.
I’m going to show you an incredibly easy and fast way to add your image to a tilted mockup, no Photoshop required.
If you can’t or don’t want to watch a video, you can find written instructions with GIFs to guide you through just below this. Scroll down to see.
If you are an Adobe user and would like to see how to do this with Photoshop, click here for that tutorial.
3. Resize your image to fit over the screen as best as possible. Then select EDIT, and FREE DISTORT. Start moving the corners of your screen image to line up with the corners of your mockup screen! As you move these the, image will tilt accordingly! When you’ve lined it up perfectly, click anywhere on the screen. A pop up will appear asking if you want to save your changes. Select YES. You’re done! Save your image to your computer and you’re ready to use it.
A FEW LAST THINGS…
I’ve tried to find a way to do this on your phone – but so far I’m coming up blank! Hopefully, I’ll have a tutorial for how to do this on mobile soon. In the meantine, if you have a solution for me, please comment it or email it to me at firstname.lastname@example.org.
HAPPY EDITING! xx