Photoshop Spritesheets için RA Animasyon İhracatçısı

• Mayıs Ayı 7, 2024

Photoshop ile^R, Animasyon panelinde çok güzel animasyonlar yapabilirsiniz. Onları bir web gif animasyonu dışında bir şekilde kullanmamak neredeyse bir utanç. Birkaç aydır bir Photoshop animasyonunun karelerini bir sprite sayfasına dönüştürmek için komut dosyaları arıyordum.

Sprite sayfaları, mobil projelerde animasyonu kullanmanın bir yoludur. Film kliplerinden daha fazla bellek verimlidirler çünkü belleğe yüklenirse yalnızca bir png. Mobil uygulama geliştirme patlaması ile sprite sayfaları çok popüler.

RA Animasyon İhracatçısı Peter Jones (Retro Affect) tarafından oluşturuldu. Web sitesinden ücretsiz olarak indirebilirsiniz - aşağıdaki bağlantıya bakın. İndirilen zip dosyasında, işi yapan RA Animation Exporter v.1.2.jsx dosyasını bulacaksınız. Jones ayrıca örnek bir psd ve png dosyası sağlar.

RA Animation Exporter betiği, animasyonun her karesinde bulunan görünür katmanları tek bir katman görüntüsünde birleştirir ve elde edilen tüm görüntüleri sırayla yeni bir görüntü penceresindeki bir ızgaraya yerleştirir. Bu yeni resim masaüstünüze bir png dokusu olarak kaydedilir. Animasyon panelindeki karelerin yüksekliğini, genişliğini ve sayısını kullanarak, komut dosyası, png görüntüsünün çıktı boyutunu, genellikle mobil projelerin bir gereksinimi olan ikiye en yakın güce belirler. Güzel bir özellik, betiğin işlenmiş Photoshop görüntülerinde görünebilecek beyaz halo efektlerini kontrol etmesi ve düzeltmesidir.

En iyi sonuçları almak için Zaman Çizelgesi modunda değil, Animasyonlar panelinde Kareler modunda çalışmak istersiniz. Katmanlar panelindeki tüm katmanların kilidi açılmış olmalı ve Animasyonlar panelinde boş kareler olmamalıdır. Animasyonunuzda istediğiniz sayıda kareye sahip olabilirsiniz ve tuval gücü iki kişiliktir.

1. Photoshop'u açmadan önce .jsx dosyasını Photoshop komut dosyaları klasörüne kopyalayın.
   
   Uygulamalar / Adobe Photoshop CS5.1 / Hazır Ayarlar / Komut Dosyaları /
   
   
2. Animasyonunuzu Photoshop'ta her zamanki gibi oluşturun.
   
   
3. Görüntü dosyasını bir psd görüntüsü olarak kaydedin.
   
   
4. Dosya - Komut Dosyaları - RA Animation Exporter v1.2'ye tıklayın.
   
   
5. Masaüstünüzde, 3. Adımdakiyle aynı ada sahip png'yi bulun.
   
   

//retroaffect.com/blog/132/Photoshop_Animation_to_Sprite_Sheet/

Telif Hakkı 2018 Adobe Systems Incorporated. Tüm hakları Saklıdır. Adobe ürün ekran görüntüleri, Adobe Systems Incorporated'ın izniyle kullanılmıştır. Adobe, Photoshop, Photoshop Albümü, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Köprü, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Havai Fişek, Contribute, Captivate, Flash Catalyst ve Flash Paper Amerika Birleşik Devletleri ve / veya diğer ülkelerde Adobe Systems Incorporated'in [a] tescilli ticari markaları veya ticari markalarıdır.