Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I have a PSD with a web design.
Every time I tweak the design, I need to manually copy different portions of the image, with different layer visibilities (for transparency) into CSS sprites.

How much can that be automated?

share|improve this question
    
I appreciate that you want to keep the question generic, but an example would probably be helpful. Are the layer visibilities already set, or do you have to change them individually before exporting? –  Pekka 웃 Jan 5 '11 at 22:38
    
@Pekka: Different portions need different visibilities. For example, the site background is exported visible, but the content background is exported with the global background invisible. (for a transparent shadow) –  SLaks Jan 5 '11 at 22:39
    
I see. So this definitely calls for batch processing. Interested to see what comes up! ... –  Pekka 웃 Jan 5 '11 at 22:41

2 Answers 2

up vote 8 down vote accepted

I used an automatic photoshop script once and worked well.

The concept is :

  • Each portion is a different image.
  • Each portion (and so, each images) must be in the same folder w/o any other images.
  • Run the script indicating the folder and some parameters (size, css name, etc...).
  • The script does :

    1. Merge all images into one with the size you indicated.
    2. Generate the CSS file

In your case, if you modify one image, you regenerate the global image and the CSS via the script and... that's it. Maybe you'll need to copy/paste the CSS in yours if you don't want to use the generated one.

Notes :

I tried it with a few files and worked great. Then, I tried like ~600 pictures and then, you'll need a goooood CPU and patience ;) In this case, don't use it.

share|improve this answer

Wouldn't using slices + starting an Action that beguins marquee selecting (with snap to slices & document bounds on) all your slices one by one, but cropping to selection each time, and saving as png, ctrl alt z undoing till not cropped, selecting each sector, cropping..etc, till done with all sectors, then stopping the Action. In the middle you could hide/show any layer, as is the same file always, so shouldn't be conflicts... So you would load the action over your changed psd each time. Only thing I can think of is you actually need to change the slices borders. Or that... I did not understand you right...

Edit: if no need slicing, then a macro (action) that include only the hiding or showing the layers in the order you need, after all tweaks are done. As I say, I might not be understanding...

share|improve this answer
    
While I see your first paragraph rather confusing and nevertheless it seems to add more to the workflow than to automate it; I might see where you're heading at with the hiding/showing layers action, although I'd use slices with it. –  koiyu Jan 6 '11 at 0:00
    
Thank you! Am trying hard to understand the down vote from whoever, though... –  S.gfx Jan 6 '11 at 0:08

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.