Photoshop'tan CSS sprite oluşturma

Web tasarımlı bir PSD'm var.
Tasarımı her değiştirdiğimde, görüntünün farklı bölümlerini (saydamlık için) CSS spritelarına manuel olarak kopyalamam gerekiyor.

Bu ne kadar otomatikleştirilebilir?

Bir kez otomatik photoshop betiği kullandım ve iyi çalıştım.

Konsept:

• Her bölüm farklı bir görüntüdür.
• Her bölüm (ve böylece her görüntü) diğer görüntüler olmadan aynı klasörde olmalıdır.
• Klasörü ve bazı parametreleri (boyut, css adı, vb.) Gösteren komut dosyasını çalıştırın.

• Komut dosyası şunları yapar:

  1. Belirttiğiniz boyutta tüm resimleri birleştirin.
  2. CSS dosyasını oluşturun

Sizin durumunuzda, bir görüntüyü değiştirirseniz, komut dosyası aracılığıyla genel görüntüyü ve CSS'yi yeniden oluşturursunuz ve bu kadar. Oluşturulan olanı kullanmak istemiyorsanız, belki de CSS'yi kopyalamanız / yapıştırmanız gerekir.

Notlar:

Birkaç dosya ile denedim ve harika çalıştı. Sonra, ~ 600 resim gibi denedim ve sonra, bir goooood CPU ve sabır gerekir;) Bu durumda, kullanmayın.

Dilimleri + seçim çerçevesini tek tek seçerek (dilimlere yapışır ve belge sınırlarıyla) başlatan bir Eylem başlatmaz, ancak her seferinde seçime kırpır ve kırpılmayana kadar png olarak kaydetme, ctrl alt z geri alma, her sektörü seçmek, kırpmak ... vb, tüm sektörlerle bitene kadar, sonra Eylemi durdurmak. Ortada, her zaman aynı dosya gibi herhangi bir katmanı gizleyebilir / gösterebilirsiniz, bu yüzden çakışma olmamalıdır ... Yani her seferinde değiştirilmiş psd'niz üzerinde eylem yüklersiniz. Aklıma gelen tek şey aslında dilim kenarlıklarını değiştirmeniz. Yoksa bu ... seni doğru anlamadım ...

Düzenleme: dilimlemeye gerek yoksa, tüm ince ayarlar yapıldıktan sonra, katmanları yalnızca ihtiyacınız olan sırada gizlemeyi veya göstermeyi içeren bir makro (eylem). Dediğim gibi, anlamayabilirim ...