Tuesday
Apr162013

Layout Wraper for Photoshop

I continue my experiments with scripting for Photoshop and recently I made thing that wraps document with a Safari browser window. For presentational purposes…and just for fun.

How it works

Script makes a snapshot of the current document and places it into Safari browser window in new document. Title of the window and text in address bar will be the same as original document's name. But you can change it to whatever you want—text layers are editable. You can change favicon and background color too

Take a notice, that minimum size of the document is 160×1

Download

Script requires Adobe Photoshop CS5 or CS6.
Download latest version of the script: LayoutWrapper.zip

Installation

Please read it carefully, installation process differs from regular scripts install. In the archive you'll find LayoutWrapper folder you have to move it to %Photoshop folder%/Presets/Scripts/, properly installed script will look like this:

After restarting Photoshop you can access script in from the menu File→Scripts→[KAM] LayoutWrapper (you'll have to restart Photoshop to see it in this menu)

Hint: Setup a hotkey

To make it more comfortable to use I suggest to set a hotkey for the script. To do this you have to go Edit → Keyboard Shortcuts… unfold File → Scripts > and choose your hotkey for the [KAM] LayoutWrapper. For example, alt+cmd+F3

Yup

Hope you'll find this script useful. I'm thinking about adding other browsers and maybe devices in future versions. At least I want to add Chrome and dark side versions of the browsers. If you have any ideas or suggestions—drop me a line in Twitter or here in comments.

P.S.: This is Browser Inception

Reader Comments (1)

Pretty useful script. Like you mentioned other for browser variations like Chrome or Firefox would be helpful. I can imagine having this script used for mocking up an iPhone app screen or Android app screen, ...

If you can keep on Github, others can also help you in expanding.

April 17, 2013 | Unregistered CommenterSaneef Ansari
JavaScript is required
Seems like your browser disabled JS, please turn it on to leave your comment