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.
GOOD IMAGES ARE EVERYTHING.
The average business needs a minimum of 32+ high quality images every month - to post on Instagram, Stories, Pinterest, your blog, and every other platform we're juggling. Make sure you always have something to post - get free, eye-catching photos for your business.
1. Go to https://pixlr.com/e and open the photo with the screen you’d like to change.
2. From the top bar, select LAYER, then ADD IMAGE AS LAYER. Add the image you want in your mockup screen.
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.
DON’T FORGET YOUR 20+ FREE IMAGES
and more on the first of each month!
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 hey@girlbossstock.com.
HAPPY EDITING! xx
This is very good idea, I really like this and it is very simple but inspiring.
Thank you! I hope you’ll find it useful in the future! 🧡
Thank you for sharing this! It is especially useful for people who are just starting out and don’t have a lot of experience with this type of stuff.
For sure! I always try to consider beginners + people with limited skills/resources in everything I do! Just because you don’t have the time, skill, or budget for Photoshop doesn’t mean you shouldn’t be able to start a beautiful business 🧡
How cool, I will have to try this out! I had no clue how to do this.
Yay! I’m so happy it’s a new trick you can use 🧡
Thank you so much to this helpful post! I am currently brushing up on my Photoshop skills and I’d love to try this out for practice.
Oh nice!! this sounds like a great resource!!! Thank you for sharing!
You’re so welcome! I hope it comes in handy 🧡
Very clear and useful it often happens for some campaign photos to need to do it. thanks.
Yes, sometimes you get those angled mockups and this is a great fix! Even if you already use Photoshop, this is super fast and easy 🧡 Thanks for reading xx
I’ve always just used the GBS mockups that were a perfect square – because I don’t use Photoshop. I didn’t know that I could add an image to an angled mockup without it! This tutorial really helps, thanks!
Yay, I’m so glad! So many more opportunities just opened up for you. I shoot so many angled mockups because I feel like they look a bit less “staged” and “stock-y”. I’m really glad you’ll be able to add your photos to these tilted mockups now 🧡
A very useful post and one I will bookmark for future reference.
I’m so glad! Thanks for reading 🧡
Images are everything, thanks for sharing!
100%. So important! 🧡
This is cool to learn. I am going to have to try this with my photos
I highly recommend it! Pixlr is a great Photoshop alternative in so many ways 🧡
This is very amazing! Nice tutorial. Keep on sharing.. 🙂
Thanks! I’m glad you found it helpful 🧡
I love this! You made it look so easy. And now I can customize so many more pictures using this feature.
Yay! I’m so glad you can put this to use. Putting your photo into a tilted or angled mockup isn’t easy but it really elevates the kind of photos you can use in your business! Happy editing 🧡
Wow this is so cool. I’ve never even thought about doing a titled mockup but it looks challenge. Enjoy the edits.
Thank you! If you use styled stock photos anywhere in your business, this trick is a must! Glad you enjoyed 🧡
Very good basic photo layout information. I always wondered how people actually put images into those computer/phone stock images and now I see!
Yes, definitely an important trick for mockups! 🧡
Thank you for breaking this down! I’m looking forward to seeing your tutorial when you figure it out on the phone as well… I do A LOT from my phone when I can because it allows me to work easier on the go.
What a great tutorial! I am so happy to have found your blog- I love the layout and everything about it! Thank you for sharing this information!
Great tips and what an amazing resource! Thanks for sharing the tips and images.
This is so cool and informative. It is something that I must learn and I will be able to use it a lot.
I had no idea how to do this, thanks for explaining!
Wow that is significant; I am going to try that right away. Appreciate your willingness to share your knowledge!
This was super helpful and I LOVE the style of your blog.