In this post, we will look at how to create a layout wrapper for any image.
The output will be to take a normal image and render it inside a flat browser frame. The result should look like so ...
We will use the script for creating the Layout Wrapper available at Dribbble - Layout Wrapper flat edition free by Vadim Sherbakov.
On my macbook, I had to download the file and unzip it into
/Applications/Adobe Photoshop CS6/Presets/Scripts. There script will need to be inside the folder like so ...
You should now be able to access script in Photoshop from the
File→Scripts→[MBV] LayoutWrapper (you'll have to restart Photoshop to see it in this menu).
Open any file and then run the script to generate the layout. See an example below.
I will use this to create a mockup of the PyroStanley theme.
The procedure is shown in the image below.