Creazione di sprite CSS da Photoshop

Ho un PSD con un web design.
Ogni volta che modifico il design, ho bisogno di copiare manualmente diverse parti dell'immagine, con differenti livelli di visibilità (per trasparenza) negli sprite CSS.

Quanto può essere automatizzato?

Ho usato una volta uno script automatico di Photoshop e ho funzionato bene.

Il concetto è:

• Ogni porzione è un'immagine diversa.
• Ogni porzione (e quindi ogni immagine) deve trovarsi nella stessa cartella senza altre immagini.
• Esegui lo script che indica la cartella e alcuni parametri (dimensione, nome css, ecc ...).

• Lo script fa:

  1. Unisci tutte le immagini in una con le dimensioni che hai indicato.
  2. Genera il file CSS

Nel tuo caso, se modifichi un'immagine, rigeneri l'immagine globale e il CSS tramite lo script e ... tutto qui. Forse dovrai copiare / incollare il CSS nel tuo se non vuoi usare quello generato.

Appunti :

L'ho provato con pochi file e ha funzionato alla grande. Quindi, ho provato come ~ 600 foto e quindi avrai bisogno di una CPU e pazienza goooood;) In questo caso, non usarlo.

Non userei le sezioni + avviando un'azione che obbliga a selezionare (con lo snap alle sezioni e i limiti del documento) tutte le sezioni una per una, ma ritagliandole alla selezione ogni volta e salvando come png, ctrl alt z annullando fino a quando non vengono ritagliate, selezionando ciascun settore, ritagliando ... ecc., fino a quando non viene fatto con tutti i settori, quindi interrompendo l'azione. Nel mezzo potresti nascondere / mostrare qualsiasi livello, come sempre lo stesso file, quindi non dovrebbero esserci conflitti ... Quindi caricheresti ogni volta l'azione sulla tua psd modificata. L'unica cosa che mi viene in mente è che devi davvero cambiare i bordi delle sezioni. O che ... non ti ho capito bene ...

Modifica: se non hai bisogno di tagliare, quindi una macro (azione) che includa solo il nascondere o mostrare i livelli nell'ordine che ti serve, dopo aver fatto tutte le modifiche. Come ho detto, potrei non capire ...