How to preview image in monitor

by

I found this nice looking image:

enter image description here

I have a simple php web site that I also would like to preview in monitor. Is there any tool or wen site that can auto generate this image?

Answer

There is a website, Woorank that auto generate your website into a monitor like this:

enter image description here

They offer a 7 day free trial. Very good website if you are a web designer.

You can also do this manually with a program like Photoshop or GIMP.

Open up your image in photoshop or GIMP. Use the the Pen Tool to draw a shape around the screen:

enter image description here

Then take a screenshot of your website and paste that on-top of the shapes you drew.

You will need to make a clipping mask between the 2 layers (For Photoshop). Hold down Alt (Option in Mac OS), position the pointer over the line dividing two layers in the Layers panel (the pointer changes to two overlapping circles), and then click.

It will look like this:

enter image description here

The end result:

enter image description here

I am not sure of other automated websites that can do this for you.

Attribution
Source : Link , Question Author : Peter Penzov , Answer Author : AndrewH

Leave a Comment