Skip to content

zoontek/PSD-Browser-Preview

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PSD Browser Preview

Display and reload your Photoshop mockups in your browsers (desktop, mobile, others).

Requirements

Getting started

Download the .zip (or use git clone) to grab the project. Open a terminal, and go where you extract the files.

cd path_to_the_folder

Run a npm install to install project dependencies.

npm install

Start watching your files using the gulp default task.

gulp

But wait, there's more

Convert to .png file (instead of a .jpg, it's slower).

gulp --png

Watch one file at the time (add the possibility to launch 1 server per .psd).

gulp --input your_file_name.psd

Add a background-color.

gulp --color #00ff00

Change your mockup alignement (default is center).

gulp --left
gulp --right

Help me, I'm using Windows

Open gulpfile.js and replace "exec: 'convert'" with the full path to ImageMagick convert.exe. That's it!

About

Sync Photoshop and your browser

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published