First things first: This is an entry-level editing tutorial, so sit back down, don’t change the subject… I promise this will be easy to follow! I know some lalalove Photoshop, and some run away at the idea of having to deal with it. So if you are up for a challenge, let’s get to making a realistic mockup in Photoshop. Open your images and follow along!
You can use many types of images to create your mockups! I usually include straight-on mockups in the library to make it easy to just drop your image/marketing piece in there and boom, done. No need to do it in Photoshop, you could do it in any photo editing software/platform.
So basically you’ll need:
Think about what your end result needs to look like, after all, we want to end up with a realistic mockup! If you have an image that has a lot of depth of field in there, so the actual mockup will end up lost a bit, then you need to consider using a different image to make sure your final image looks perfect. It’s fun to play with images that require different angles or blurs, it makes it even more unique since nor everyone will take it and create a mockup out of it!
The photographer in me has a warning for you: If you will work with an image that has depth of field, be mindful of it. The depth of field blur occurs in a straight line with the direction of the image (the angle). So, follow it, watch carefully how the line goes so you can add it in realistically. We are not wasting our time adding fancy effects to ruin it with silly things like that. I trust you, I know you’ll make it look awesome.
You know me, I’m a show-n-tell kind of person, so tutorial means video! Grab a cuppa and get your learning cap on.
That is it! Now go find that awesome image you want to use as a mockup and let’s edit it! If you need some images to get started you can get these set of stock images and mockups to try it!
Let me know what mockups you do after watching this tutorial! 💙