Criando sprites CSS a partir do Photoshop

Eu tenho um PSD com um design web.
Toda vez que ajusto o design, preciso copiar manualmente diferentes partes da imagem, com diferentes visibilidades de camada (para transparência) em sprites CSS.

Quanto isso pode ser automatizado?

Eu usei um script de photoshop automático uma vez e funcionou bem.

O conceito é:

• Cada porção é uma imagem diferente.
• Cada parte (e, portanto, cada imagem) deve estar na mesma pasta sem outras imagens.
• Execute o script indicando a pasta e alguns parâmetros (tamanho, nome do css, etc ...).

• O script faz:

  1. Mesclar todas as imagens em uma com o tamanho que você indicou.
  2. Gere o arquivo CSS

No seu caso, se você modificar uma imagem, você regenera a imagem global e o CSS por meio do script e ... é isso. Talvez você precise copiar / colar o CSS no seu, se não quiser usar o gerado.

Notas :

Eu tentei com alguns arquivos e funcionou muito bem. Então, tentei cerca de 600 fotos e, em seguida, você precisará de uma CPU e paciência;) Nesse caso, não a use.

Não seria usar fatias + iniciar uma ação que indique a seleção de marcas de seleção (com ajuste para fatias e limites do documento) todas as fatias uma por uma, mas cortando para seleção a cada vez e salvando como png, ctrl alt z desfazendo até não ser cortado, selecionando cada setor, cortando ... etc, até terminar com todos os setores, e então interrompendo a ação. No meio, você pode ocultar / mostrar qualquer camada, como sempre é o mesmo arquivo, portanto não deve haver conflitos ... Então, você carregaria a ação sobre o seu psd alterado a cada vez. A única coisa que consigo pensar é que você realmente precisa alterar as bordas das fatias. Ou que ... eu não te entendi direito ...

Editar: se não for necessário fatiar, uma macro (ação) que inclua apenas a ocultação ou a exibição das camadas na ordem em que você precisar, depois que todos os ajustes forem feitos. Como eu disse, eu posso não estar entendendo ...