|
I see so many people presenting their designs/portfolio on device screens, like a macbook pro or imac or even iphone. I'm also seeing program developers and others do so who I presume aren't specifically talented in graphic design, so I was wondering if anyone knows of a website/template people are using? I'm sure it wouldn't be that difficult to do from scratch, but if such a template exists it would be helpful. Examples:
|
|||||
|
|
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.
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. |
|||
|
|
(Screenshot of Photoshop CS5.1 with layers Panel)