I’m not quite certain how or when this happened but I seem to have a series going on here that I didn’t know or plan. Funny how one post can lead to another, and another, and another. You may know by now that I am a fan of styled photography. I shared some of my favorite places to buy photos as well as how to get your the most out of them. One of my favorite types of photos to use are the ones that have a phone, tablet, or computer screen in them. Why? It’s a great way to advertise your own blog. Today I’m going to show you how to add your own screen shots to styled photography. There may be easier ways to do this, and if there are please share them in the comments. This works for me but I’m always looking for ways to streamline the process.
Adding Screen Shots to Styled Photography
The very first step after purchasing your photo is to take screen shots of your blog on various devices. I have several screen shots saved of my blog from my iPad, my iPhone, and my Mac. You want to be able to have actual screen shots of the device you are trying to use. If you try to put a screen shot of an iPhone on a Mac desktop photo it won’t look right. Try taking a variety of photos’ including different pages of your blog. I have a folder on my computer of my screen shots so I can easily access them and not have to go through hundreds of photos.
You are now ready to begin!
Load Your Purchased Photo in Pic Monkey
I am using my go to photo editing source, Pic Monkey but I know you can easily do this in Photoshop as well.
Determine the Size of the Screen
We now need to determine what size our screen shot will have to be. This part takes a few steps but once you do it and record the size of the screen somewhere you are good to go. I prefer to get the dimensions so I know that my screen shots will fit properly and not be off.
You now need to know what the dimensions are of that rectangle. To make this easier to do I open the Basic Edits (the crop tool icon) and go to Rotate. Use the straighten tool to make the photo vertical if needed. This also allows you to see any more adjustments that you may need to make in the rectangular area. Straighten and adjust as needed. You are now ready to crop the screen to get the rectangle’s dimensions.
You can see the screen’s dimensions listed under “crop”. Those are the dimensions needed to edit your screen shot.
Edit Your Screen Shot
Open your saved screen shot and crop the dimensions to that size and save. If you’re looking for a huge time saver prepare a bunch of screen shots in one sitting and save them in a separate folder. It will make your life easier down the road when you are trying to create blog graphics.
Add Your Screen Shot to the Styled Photo
Go back and open up the original styled photo again.
Your saved screen shot is now what’s called an overlay. Under the Overlay section (the butterfly) click on “Your Own”. Search for the saved screen shot and open.
Just like adding any other overlay, you now have the ability to adjust this to fit the screen. Using the circle at the top of the overlay rotate it and use the corners to stretch it to fit the screen.
Once you are pleased with results you can save your photo.
That’s it, you did it! You are now ready to use this as a blog graphic or an Instagram photo to share your latest posts with your readers and followers.
Once you get the hang of it it’s easy to do and as I mentioned, preparing a variety of screenshots and sizes and saving them in their own folder makes creating these photos and graphics a breeze.
Do you know of another way to do this? If so, comment below; I’d love to hear your method.