Skip to main content
dilyanades
Participant
February 7, 2018
Question

A script or extension to export AI to PSD that will keep effects/radiuses, etc

  • February 7, 2018
  • 1 reply
  • 1716 views

Hey there. I'm in a pickle. I'm working on a web design in Illustrator and midway it turns out the coder only has Photoshop. Since most things are done in css he needs to look at effects like drop shadow, glow, strokes, etc, check their values and code them (as far as I understood) and illustrator exports everything as an image layer.

I found this script: https://github.com/creold/ai-to-psd and it does a goodjob, it at least looks better than the generic export illustrator does on its own, but still no luck with what I need.

So. Do I need to completely start over? Has any of you stumbled upon a script somewhere that would do this kind of job? I'm still searching but nothing seems to be that complex.

I really don't want to start over, it's 10k pixels long this one T.T

Edit: I tried the css properties function in Illustrator, each time it gives me a "No valid CSS properties to export" error, even though it did export one thing once.

Edit2: I am currently trying to see if an SVG export will work, so far doesn't seem like a good fit.

This topic has been closed for replies.

1 reply

Monika Gause
Community Expert
Community Expert
February 10, 2018

In order to export to PSD with layers kept intact and with shapes turned into shape layers, your shapes need to be Compound shapes (the script seems to do this automatically).

You need to use layers appropriately

You need to stay away from transparency. Some transparency settings might work and drop shadows should be among them. Did you use the SVG > drop shadow effect? Or the Stylize > drop shadow effect?

The script can't automate everything for you, because especially the layers need some thought.

You could try if Specctr helps.

https://specctr.com/cloud/home

It won't improve the PSD export, but it can put measurements and other labels into your AI file.