The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Show Your Website In a Laptop Image!

Show Your Website In a Laptop Image!


Step 1:

Look for a good laptop image.. here is what I found from sxc.hu:

image 1

Step 2:

Press print screen on your website and add it to photoshop. then go to image - image size and change the width to the width of the laptop image. Now add the print screen image to the laptop image document.

Step 3:

Drag the right-bottom corner of the print screen image to the right-bottom corner of the laptop.

image 2

Step 4:

Go to: edit-transform-distort and then just drag the print screen image corners [left bottom to left-bottom , right-top to right top etc.]

Step 5:

To make it feel like a real image - you need to add to the print screen image gradient with 30% opacity with the black,white gradient.

image 3

That's it. here is my result:

Show Your Website In a Laptop Image Tutorial: Final Result

Have a nice day!



Author's URL: PSEffect
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Show Your Website In a Laptop Image!"

Only registered users can write comment

No comments yet...