: Easiest way to present design on Device (imac/macbook/iphone) screen? I see so many people presenting their designs/portfolio on device screens, like a macbook pro or imac or even iphone. I'm

@Cugini998

Check this link out - free vector template: www.pixeden.com/psd-mock-up-templates/imac-psd-mockup-template

Vote Up Vote Down

@Turnbaugh909

These are simply multiple images combined in a raster editing application such as Photoshop.

You simply place an image of your web site or app, or whatever on a layer above a photo of the computer, then save the entire thing as one, single image.


(Screenshot of Photoshop CS5.1 with layers Panel)

There's no super-secret dynamic web code which does this. It's merely saving images so they look like they are on a screen.

If you are proficient enough with CSS you could use a background image for the computer, then have additional image overlay the computer in the HTML/CSS. But generally it's just single images.

Vote Up Vote Down