Photoshop'tan farklı boyutlarda birden fazla PNG'yi dışa aktarmayı nasıl otomatikleştirebilirim?

96 piksel × 96 piksel çözünürlüğe sahip bir PSD dosyam var. Şimdi bunu 36 piksel × 36 piksel, 48 piksel × 48 piksel, 72 piksel × 72 piksel ve 96 piksel × 96 piksel gibi farklı çözünürlüklerde dört PNG dosyası olarak kaydetmek istiyorum. Görüntü boyutunu dört kez manuel olarak ayarlamak ve seçenek olarak kaydetmek yerine, bunu bir şekilde otomatikleştirebilir miyim?

Tam bir çözüm değil, ancak buraya Google'dan gelen birine yardımcı olabilir.

Kaydetme işlemi sırasında Dosya → Web için Kaydet ile kaydederseniz, seçenekler sağ taraftaki Resim Boyutu altındadır .

Bunu, bir görüntü için birkaç farklı boyuta ihtiyacım olduğunda sık sık yaparım, ancak diğer yanıtların belirttiği gibi, simgeler tasarlıyorsanız, vektörleri kullanıyorsanız, hayatınızı çok daha kolay hale getirecektir.

Photoshop CC ile artık birden çok görüntü oluşturmak üzere tasarlanmış Photoshop Generator adlı bir özellik var

Jeneratör hakkında buradan bilgi edinebilirsiniz .

Bir alıntı:

Jeneratör, çalışırken gerçek zamanlı olarak görüntü varlıkları oluşturmanıza, her bir katmanı manuel olarak kopyalama, dilimleme ve dışa aktarmanın sıkıcı adımlarını ortadan kaldırmanıza ve saatlerce zamandan tasarruf etmenize olanak tanır. Katmanınızın veya katman grubunuzun adına bir dosya uzantısı eklemeniz yeterlidir; Photoshop otomatik olarak bu katmanın içeriğinden bir JPG, PNG veya GIF oluşturur. Bu katmanda bir değişiklik yaparsanız, dosya hemen güncellenir. Bu, artık Photoshop tasarımınızla her zaman güncel olan bir görüntü klasörünüz olduğu anlamına gelir.

Simgeyi kaç kez dışa aktarmanız gerekiyor? Sadece bir simge ise, en iyi seçeneğiniz muhtemelen vektörleri ve katman stillerini kullanarak her şeyi çizmek, belgeyi yeniden boyutlandırmak, gerekli ayarlamaları yapmak ve PNG'yi kaydetmek (isteğe bağlı olarak PSD'yi gelecekteki dışa aktarma için tutmak).

İşlemi birçok kez tekrarlamanız gerekiyorsa, her şeyi dilimli bir sprite sayfası olarak ayarlamanızı tavsiye ederim.

İşte konu hakkında yazdığım bir şey (birçok dışa aktarma tekniği içerir): Photoshop'tan dışa aktarma .

Simgeleri tasarlarken, genellikle daha küçük boyutları ayrı ayrı manuel olarak ayarlamanız gerekir - tüm boyutları oluştururken bunu akılda tutmaya değer olabilir.

Marc'ın yukarıda belirttiği gibi, belgedeki vektörleri ölçeklendirip sprite sayfaları kullanmanız daha iyi olur.

Kaçınmanız gereken tek şey , Maxism'in önerdiği gibi Web için Kaydet sırasında ölçeklendirmektir . Farklı tekniklerin sonuçlarını karşılaştıran bir yazı yazdım ve Web için Kaydet'i sürekli olarak eserler ve yarım pikselli varlıklar ürettim : Photoshop'ta varlıkları ölçeklendirme ve dışa aktarma .

Ayrıca, bu varlıkları dışa aktarma işlemini otomatikleştiren bir Photoshop komut dosyası hazırladım: FOTOĞRAF SCRIPT'E İHRACAT .

Bu yardımcı olur umarım.

96'dan 36'ya otomatik olarak geçmenin iyi bir yolu yoktur. 48 yaşında bile tasarımınızın parçalanmaya başladığını göreceksiniz.

Tek fayda, bu şekilde dışa aktarmak için çok sayıda simgeniz varsa ve geri dönüp onları temizlemeyi planlıyorsanız olurdu. Bir eylem olarak kaydedebilir veya çok eğimliyseniz jsx kullanabilirsiniz.

Özel tasarımınız için, adım adım aşağı inmeyi veya her sürümü orijinal 96px sürümünden dışa aktarmayı deneyeceğim. Genellikle adımlar en iyisidir, ancak bazı tasarımlarda aşamalı bozulmalara neden olabilir.

Simgelerinizi mdpi biçiminde oluşturun ve ldpi, hdpi ve xhdpi biçiminde dışa aktarmak için bu Photoshop Eylemini kullanın. Mdpi'den xhdpi'ye kadar iyi çalışıyor, ancak ldpi ve hdpi biraz bulanık görünüyor.

Makaleye Bağlantı Photoshop Eylemini
İndirin

Bu http://blog.mready.net/2013/07/dg-photoshop-action-dpi-resizing/ adresini deneyin .

Bu sizin için kullanılabilecek bir eklenti. Android simgeleri için kullanıyorum.

Photoschop CC 2014'te yeni bir seçenek var. Buna "Varlık Oluştur" denir, "dosya" altındadır ve 0.25x, 0.5x, 2x, 3x'i seçebilir ve boyutları kendiniz yapılandırabilirsiniz. Katmanlarınızı herhangi bir dosya biçimine ve farklı boyutlara (isterseniz) dışa aktarır.

İnanıyorum ki bu tam olarak istediğin şey.

https://github.com/austynmahoney/mobile-export-scripts-illustrator

Her açılış rahat değilseniz .psdiçinde Illustratorcan birden boyutlara çıktı kolayca ölçekleme faktörlerinin değişiklikler yaparak size .jsxdosyanın.

Android için kullanılan temel görüntü xhdpi, iOS için @ 2x. Komut dosyası bu boyutlardan yukarı ve aşağı ölçeklenir.

"Gönder" adlı güzel bir Mac Programı tam olarak sorduğunuz şeyi yapar: Bir görüntüyü Birden Çok Boyut / Biçime dışa aktarın. Ben kullandım. Mac App Store'daki bağlantı: https://itunes.apple.com/us/app/shipit!/id492043869

Adobe ülkesinde bunu benim için yapacak basit bir şey bulamadım. ImageMagick'iniz varsa veya kurmaya hazırsanız ve komut satırından memnunsanız, convertCLI aracı harikadır .

Genişlikleri kabul eden ve bir sayı olmadan enter tuşuna basana kadar bir görüntüyü yeniden boyutlandıran bu kabuk komut dosyasını yazdım:

#!/bin/sh

oot=${1%.*}
while read -p 'width: ' -r && [ "$REPLY" != '' ]; do
    convert "$1" -resize "$REPLY"x "$oot-$REPLY.png"
done

Benim adını verdim multi-resize.shve koydum, ~/bin/böylece her yerde kullanılabilir.

Daha sonra orijinal çözünürlükte bir PNG'de böyle bir kabukta yürütürsünüz:

$ multi-resize.sh foo.png
width: 96
width: 72
width: 48
width: 36
width: 
$

Sen gerekecek foo-72.pngaynı dizinde vb.