Thursday, July 1, 2010

Tutorial! Adding A Screenshot To A Phone

Alright, so today we're going to be adding a screenshot to this sexy HTC Incredible. The Incredible is wearing a really awesome silicone case which you can check out right here.

Grab your image, or go shoot one. If you missed my first tutorial on how to shoot product on white with a reflection you can check that out right here. Open up the screenshot you want to use and place it into your document over the layer with the phone.

You'll want to lower the opacity on the screenshot layer so you can see where the corners of the phone's screen are.

Then go Edit>Transform>Distort.

Now drag each of the corners of the screenshot to meet the corners of the phone's screen. Hit enter when you're done to commit the changes.

You can bring the opacity back to 100%. Now, you could just leave it and call it a day, but to me it looks really fake, too fake. I like having a small hint of realism in my product work. So for the next step you'll have to set the screenshot layer to a blending mode. If you've never messed with blending modes, you should. They're a lot of fun and they can make your life a whole lot easier. I'm not really sure what each does technically, I typically just scroll through them all until I find the best looking one. I believe I opted for Overlay in this instance, but I do use Screen a lot too.

You can flatten your image and you're all done! It's a quick little thing that can add a whole lot to your product shots. Remember to check out the case I used and for you Android people out there, use code SOCIAL10 at checkout for 10% off the case! Not too shabby!

*If you know of any other cool ways of doing this, we'd love to hear them! Leave us a comment! And if you use this tutorial, We'd LOVE to see what you make!

No comments:

Post a Comment