/photoshopr

Photoshop script that converts layer effects to CSS string in one click. It supports shadows, glows, gradient & color overlay, stroke, text-shadow & text-color and other.

Primary LanguageJavaScript

Photoshop extension that converts layer properties to CSS

The project is abandoned, might be useful only to fork

Besides, makes a plenty of other goods, as listed below.

But for now it is far from use. Currently developing graphics library – the basis for this plugin.

Features

  • Shadown and glows ⇝ box-shadow.
    Support of blending modes!
  • Overlays and layer fill ⇝ merged background.
  • Recognized rectangle ⇝ border-radius, transform, width and height.
  • Not rectangle vector mask ⇝ SVG in background: url(data:image/svg+xml,…).
  • Pattern fill ⇝ background: url(data:image/png,…)
  • Character & Paragraph ⇝ font-* & text-*.
  • Multiple selected layers ⇝ composite style.
  • Optional browser prefixes, color formats and other settings.

Usage

  1. Wait while developed and participate if you wish
  2. Install Photoshopr.exp as extension
  3. Open Window → Extensions → Photoshopr
  4. Select layer and press Get CSS

License

I didn’t think about it yet. So, if you want to take it for free – you’re welcomed!