Photoshop katmanları ayrı dosyalara kaydeder. Adobe Photoshop'ta saydamlıkla PNG nasıl oluşturulur (CC ve daha yüksek sürümler)

  • 17.06.2019

Photoshop'un tüm katmanlarını ayrı görüntü dosyalarına kaydetmenin gerekli olduğu zamanlar vardır. Örneğin, bir site düzeni çizen web tasarımcıları, tüm grafik öğelerini ayrı katmanlara yerleştirerek, tüm bu öğeleri daha sonra sitenin son düzeninde kullanılabilecekleri şekilde bir klasöre kaydedebilir.

Şimdi böyle bir düzende 50 resim olacağını hayal edin (simgeler, arka planlar vb.). Tüm bunları manuel olarak kaydetmek ne kadar sürer? Ek olarak, yapmanız gerektiğinde, gereksiz şeffaf arka plandan kurtulmak için birkaç ek adımla görev karmaşık olacaktır. Cevap: çok. Üstelik monoton monoton bir çalışma neşenize de katkıda bulunmayacaktır.

Neyse ki, bu tür amaçlar için Photoshop'un özel bir aracı var - komut Katmanları dosyalara aktar(Katmanları Dosyaya Aktar).

Katmanları dosyalara aktar Bir projenin her katmanını, JPEG, PNG, BMP, TIFF ve diğer bir dizi uzantıyla ayrı bir grafik dosyasında bilgisayarınıza otomatik olarak kaydetmenize izin veren bir Photoshop komutudur.

Ancak unutmayın, bu komut o kadar esnek değildir ve tüm durumlar için bir düzine parametre İÇERMEZ. Örneğin, önceden seçilmiş katmanları otomatik olarak derlemek isteyen tembeller için belirli bir arka plan vardır ve böylece sonraki her katman bu arka planla birleştirilir, ardından figürler. Kolları ile yapın. Şimdi ne olduğuna daha yakından bakalım.

Dosya -> Komut Dosyaları -> Katmanları Dosyalara Aktar

Katmanları dosyalara kaydetme işlemini gerçekleştirmek için şunlara ihtiyacınız vardır:

1. Dosyaların yerleştirileceği klasörü seçin. Bunu yapmak için Gözat'a tıklayın ve bilgisayarınızda bir klasör seçin. Burada önemli bir noktayı hesaba katmanız gerekiyor: Photoshop Rusça'yı sevmiyor. , Ne yapmalıyız.

2. Belirtin ... Bu, başlangıçta kaydedilen dosyanın adına eklenecek olan koşullu bir bölümdür:

Not

Yukarıdaki ekran görüntüsüne yakından bakın. Her dosyanın adındaki tireleri görüyor musunuz? Photoshop, katmanların Rusça adlarını bu şekilde görüntüledi.

Bu nedenle, bundan kaçınmak için, örneğin, "Katman 1" gibi İngilizce karşılıkları için tüm katmanlara ihtiyacınız vardır.

3. Kutuyu işaretleyin Yalnızca görünür katmanlar Photoshop'un kaldırdığınız katmanları kaydetmemesini istiyorsanız. Aksi takdirde, program tüm katmanları arka arkaya işleyecektir.

4. Kaydedilecek dosyanın türünü belirtin. Kullanılabilir seçenekler BMP, JPEG, PDF, PSD, TARGA, TIFF, PNG-8 ve PNG-24'tür.

Seçilen dosyaya bağlı olarak, bu tip seçenekler için mevcut seçenekler aşağıda parametreler alanında görüntülenecektir.

  • BMP - 16/24/32 seçmenizi sağlar.
  • JPEG - görüntü kalitesini 0 (düşük) ile 12 (en iyi) arasında belirlemenizi sağlar.
  • PDF, kodlama (JPEG veya ZIP) ve ayrıca görüntü kalitesidir: 0'dan 12'ye.
  • PSD - uyumluluğu en üst düzeye çıkarmak için onay kutusu (Photoshop'un eski sürümlerinde katmanları desteklemek için).
  • TARGA - 16/24/32 bit derinliği seçmenizi sağlar.
  • TIFF - sıkıştırmayı (sıkıştırma yok, LZW, ZIP, JPEG) ve görüntü kalitesini seçmenize olanak tanır: 0'dan 12'ye.
  • PNG-8 ve PNG-24 - piksellerin saydamlığını korumanıza ve saydam pikselleri kırpmanıza olanak tanır.

5. Tıklayın Uygulamak her şeyi kurduğunuzda.

Katman sayısına, çalıştığınız çözünürlüğe ve bilgisayarınızın performansına bağlı olarak işlemin hızı değişecektir. Bazen çok uzun zaman alır. Korkmaya ve alarmı çalmaya gerek yok. Beklemek. Her durumda, Photoshop bunu sizden daha hızlı yapacaktır.

Eksilerinden bahsetmişken, işlem iptal edilemez. İşlenen her katmandan sonra bir hata görünürse, Photoshop tüm katmanlardan geçene kadar üzerine tıklamanız gerekir. O kadar kusurlu bir alet ki...

Hata "Hedef klasör olmadığı için komut yürütülmedi"

Kaydederken aşağıdaki içeriğe sahip bir hata penceresi görürseniz:

- yani çok can sıkıcı bir şeyi kaçırdın: Photoshop Rusça'yı sindirmez!

Hatalardan kaçınmak için, kaydetmenin gerçekleştirildiği klasöre tek bir Rusça harf kullanılmadığından emin olmanız gerekir.

Örneğin, şöyle bir yol: C: \ Kullanıcılar \ Kasatiki \ Masaüstü \ Yeni klasörbu doğru değil! Ayrıca, bu örnekte, hedef klasörün adını İngilizce bir adla değiştirmek yardımcı olmayacaktır. Rusça konuşan birçok kullanıcı için bilgisayar kullanıcı adı benimki gibi Rusça harflerle yazılmıştır. Ve bu photoshop da sindirmiyor.

Bu durumda, sabit sürücünüzün hemen kökünde bir klasör oluşturmanız gerekir. Bunun yolu kullanıcı adını içermiyor. Bu şekilde doğru olacaktır: C: \ psand.

Metinde bir hata bulursanız, onu seçin ve Ctrl + Enter tuşlarına basın. Teşekkürler!

Bir Photoshop belgesini veya tüm çalışma yüzeylerini dışa aktarın

Lütfen seçin Dosya> Dışa Aktar> Hızlı Dışa Aktar [görüntü formatı]... İstenirse, hedef klasörü seçin. Photoshop, geçerli belgeyi hızlı dışa aktarma tercihlerinde belirtilen biçimde bir grafik varlığı olarak dışa aktarır. Belge çalışma yüzeyleri içeriyorsa, bu seçenek belirlendiğinde hepsi ayrı ayrı dışa aktarılır.

Seçili katmanları, katman gruplarını veya çalışma yüzeylerini dışa aktarın

Katmanlar panelinde, grafik varlıkları olarak dışa aktarmak istediğiniz katmanları, katman gruplarını veya çalışma yüzeylerini seçin. Seçili nesnelere sağ tıklayın ve Hızlı ihracat [görüntü formatı] bağlam menüsünde. İstenirse, hedef klasörü seçin.

Seçilen her katman, katman grubu veya çalışma yüzeyi için bir grafik varlığı oluşturulur.

Hızlı dışa aktarma ayarlarını değiştir

Varsayılan olarak, hızlı dışa aktarma işlemi şeffaflıkla PNG varlıkları oluşturur ve her dışa aktarma için bir konum seçmeniz istendiğinde. Ayarları değiştirmek için öğesini seçin. Tercihler> Dışa Aktar veya Dosya> Dışa Aktar> Ayarları Dışa Aktar ve ardından aşağıdakileri belirtin:

  • Tercih ettiğiniz formatı seçin hızlı ihracat: PNG, JPG, PNG-8, GIF veya SVG.
  • İlgili parametreleri biçimlendirin. Örneğin PNG için, Şeffaflık (32 bit) etkinleştirilmiş varlıkları dışa aktarmayı veya daha küçük görüntüleri (8 bit) dışa aktarmayı seçebilirsiniz.
  • İle dışa aktarılan görüntülerin konumu hızlı ihracat... Bunu yapmak için aşağıdaki seçeneklerden birini seçin.

Her seferinde nereye ihraç edileceğini soruyor: kaynakları her dışa aktardığınızda bir konum seçme istemi görünür
Dosyaları mevcut belgenin yanındaki bir kaynak klasöre aktarın: grafik kaynağı bir alt klasöre yerleştirilir Kaynaklar Orijinal Photoshop belgesini içeren klasörde.

  • Dışa aktarılan kaynaklara meta verileri (telif hakkı bilgileri ve iletişim bilgileri) dahil edebilme.
  • Varlıkları sRGB renk alanına dönüştürme yeteneği.

İletişim Kutusu Olarak Dışa Aktar: Çalışma Yüzeyleri, Katmanlar veya Belgeler


Pencere kullanırken Farklı dışa aktar katmanları, katman gruplarını, çalışma yüzeylerini veya tüm Photoshop belgesini görüntü olarak dışa aktardığınızda ayarları değiştirebilirsiniz.

  • Lütfen seçin Dosya> Dışa Aktar> Farklı Dışa Aktar Geçerli Photoshop belgesini dışa aktarmak için Belge çalışma yüzeyleri içeriyorsa, bunların tümü bu iletişim kutusu kullanılarak dışa aktarılır.
  • Katmanlar, katman grupları veya çalışma yüzeyleri için bu iletişim kutusunu açmak için Katmanlar panelinde istediğiniz nesneleri seçin. Seçili nesnelere sağ tıklayın ve Farklı dışa aktar bağlam menüsünde.

    Seçilen her katman, katman grubu veya çalışma yüzeyi ayrı bir grafik varlığı olarak dışa aktarılır.

Farklı Dışa Aktar İletişim Kutusundaki Seçenekler

İletişim kutusunda aşağıdaki parametreleri ayarlayabilirsiniz Farklı dışa aktar:

Biçim

PNG, JPG, GIF veya SVG'yi seçin.

Biçim ayarı

PNG'ler için, Şeffaflık seçeneği etkinleştirilmiş (32 bit) varlıkları mı yoksa daha küçük görüntüleri (8 bit) mi dışa aktaracağınızı belirtin. JPEG için istenen görüntü kalitesini (%0-100) belirtin. GIF görüntüleri varsayılan olarak saydamdır.

Not.

PNG varlıklarını dışa aktarırken aşağıdakileri göz önünde bulundurun.

  • Şeffaflığın seçilmesi, 32 bit PNG varlıkları oluşturacaktır.
  • parametre seçimi Daha küçük dosya 8 bit PNG varlıkları oluşturacaktır.
  • Her iki onay kutusunun işaretini kaldırırsanız, uygulama 24 bit PNG varlıkları oluşturur.

Boyut

Grafik varlığının genişliğini ve yüksekliğini belirtin. Genişlik ve yükseklik oranları varsayılan olarak sabittir. Genişliği değiştirdiğinizde, oranlar korunurken yükseklik otomatik olarak değiştirilir. Dışa aktarılan kaynağın tuval sınırlarını belirtmek istiyorsanız, bkz.

Ölçek

Dışa aktarılan görüntünün ne kadar büyük olması gerektiğini seçin. Bu seçenek, daha yüksek veya daha düşük çözünürlüklü kaynakları dışa aktarmak için kullanışlıdır. Ölçeğin değiştirilmesi görüntünün boyutunu etkiler.

yeniden örnekleme Bir yeniden örnekleme yöntemi seçin. Yeniden örnekleme, genellikle görüntü yeniden boyutlandırıldığında, piksel boyutları veya çözünürlüğü değiştikçe görüntüdeki veri miktarındaki değişikliği ifade eder.

çift ​​doğrusal: Bu yöntem, çevreleyen piksellerin ortalama rengini hesaplayarak yeni pikseller ekler. Ortalama kalitede bir sonuç verir.

bikübik: Çevredeki piksellerin renk değerlerinin analizine dayanan daha yavaş ama daha doğru yöntem. Daha karmaşık hesaplamalar kullanarak, bikübik yeniden örnekleme, çift doğrusal yeniden örnekleme veya komşu piksellerden daha yumuşak renk geçişleri üretir.

Bikübik, daha pürüzsüz: Daha düzgün sonuçlar için özel olarak tasarlanmış bikübik enterpolasyona dayalı görüntüleri büyütmek için iyi bir yöntem.

Bikübik, daha keskin: Keskinleştirme sırasında Bikübik enterpolasyona dayalı olarak görüntü boyutunu küçültmek için uygun bir yöntem. Bu yöntem, yeniden örneklenen görüntünün ayrıntılarını korur. Bikübik Keskin enterpolasyon görüntünün bazı alanlarını keskinleştirirse, Bikübik enterpolasyonu deneyin.

bikübik otomatik: Görüntüye uygun bikübik yeniden örnekleme yöntemini otomatik olarak seçer.

komşu tarafından: görüntüdeki pikselleri tekrarlayan hızlı ancak daha az doğru bir yöntem. Bu yöntem, düzgün olmayan kenarları olan çizimlerde kullanılır. Keskin kenarları korur ve daha küçük bir dosya oluşturmanıza olanak tanır. Ancak bu yöntem, bir görüntüyü ölçeklerken veya çok sayıda seçim işlemi gerçekleştirirken görünür hale gelen pürüzlü kenarlar oluşturabilir.

Tuval Boyutu

Varlığınızın belirli bir yükseklik ve genişliğe sahip bir alanı varsa, tuval boyutu olarak bu değerleri belirtin. Bir iletişim kutusundaki önizleme alanı Olarak dışa aktar... yenilendi: görüntü bu sınırlar içinde ortalanır.

Bu parametre bazı durumlarda yararlıdır, örneğin:

  • 50x50 piksellik pencerelerde ortalanması gereken farklı boyutlardaki simgeler dışa aktarılır.
  • Gerekli değerlerden daha büyük veya daha küçük olan banner resimlerini dışa aktarma.

Resim tuvalden daha büyükse, belirtilen genişlik ve yükseklikte kırpılır.

Parametrede belirtilen değerleri geri almak için Sıfırla'ya tıklayın Görüntü boyutu.

meta veri

Dışa aktarılan varlıklara meta verilerin (telif hakkı bilgileri ve iletişim bilgileri) dahil edilip edilmeyeceğini belirtin.

renk uzayı

Aşağıdakileri belirtin.

  • Dışa aktarılan varlıkların sRGB renk alanına dönüştürülmesi gerekip gerekmediği. Bu seçim varsayılan olarak seçilmiş.
  • Dışa aktarılan varlıklara renk profilleri gömmek isteyip istemediğiniz.

Bu Photoshop betiğini sitem için koleksiyonlar oluşturduğumda neredeyse her zaman kullanıyorum. Bu esas olarak görüntülerin düzenlenmesi ile ilgilidir. Ve bu durumda, toplu işleme önemli ölçüde zaman kazandırır. Başlangıç ​​olarak, doğal olarak birkaç katmana sahip bir Photoshop belgesine ihtiyacımız var. Ardından, menü aracılığıyla, resimleri kaydetme yolunu, dosya adının ön ekini belirttiğimiz, dosya türünü (çoğunlukla jpg) seçip resim kalite seviyesini belirlediğimiz özel bir iletişim kutusu çağırıyoruz. Ardından scripti çalıştırıp hazır resimleri alıyoruz.

Aşama 1
Bu nedenle, aslında ayrı dosyalara dönüştürmek istediğimiz birkaç katmana (bu durumda 11) sahip bir Photoshop belgemiz var.

Adım 2
Menüde "Dosya" (Dosya)> "Komut Dosyaları" (Komut Dosyaları)> "Katmanları dosyaya aktar" yolunu seçin (Katmanları Dosyalara Aktar)

Aşama 3
Açılan iletişim kutusunda aşağıdaki alanları doldurun. "Gözat ..." seçeneğini kullanarak resmi bilgisayarda nereye kaydedeceğinizi seçin. Komut dosyası dosyaları kendi adları altında kaydetmeye devam edeceğinden dosya adı atlanabilir. Genellikle tüm dosyaları kendim yeniden adlandırırım. Yalnızca görünür katmanların resimlerini yapmanız gerekiyorsa, Yalnızca Görünür Katmanlar onay kutusunu işaretleyin. Ardından dosya türünü seçiyoruz. Ardından Çalıştır'ı tıklayın.

4. Adım
Komut dosyası, bu tür dosyaları seçme olanağı sağlar. Burada benim için en yararlısı jpg.

6. Adım
Görevi tamamladıktan sonra, komut dosyası, katmanların dosyalara aktarılmasının başarıyla tamamlanmasıyla ilgili aşağıdaki mesajı görüntüler.

6. Adım
Peki, belirttiğiniz yerde, jpg formatında 11 ayrı dosya görünecektir.

Bir noktada, .psd dosyasının tüm katmanlarını ayrı görüntü dosyaları olarak kaydetmek isteyebilirsiniz. Bu makale, yerleşik komut dosyası kullanılarak Adobe Photoshop'ta katmanların ayrı dosyalar olarak otomatik olarak kaydedilmesine ilişkin bir örneğe bakacaktır.

Makale, programın 11 versiyonuna göre yazılmıştır. Adobe Photoshop CS4.

Örneğin, bilgisayar klavyesinin düğmelerinin oluşturulduğu .psd türünde hazır bir dosya düşünün. Toplam görünür katmanlar 56:

Katmanların listesi .psd - dosya

Lütfen kaynak dosyadaki tüm katmanların birbirinin üstünde olduğuna dikkat edin, "tuval" boyutu her son dosyanın boyutuna karşılık gelir. Orijinal .psd dosyasının çalışma alanı şekilde gösterilmiştir:

Kaynak .psd dosyasının çalışma alanı

Katmanları dosyalara aktarmak için ayarlar penceresi açılır:

alanında" Çıktı dosyası"son görüntülerin kaydedileceği dizinin adresini belirtin. Bunu yapmak için kullanabilirsiniz" genel bakış..."veya standart programın adres çubuğundan kopyalayın" Orkestra şefi"Windows işletim sistemi.

alanında" Dosya adı öneki"Her dosyanın adının başlayacağı satırı belirtebilirsiniz. Bu durumda doldurulmaz, çünkü Adobe Photoshop her dosyanın adı olarak katmanın adını alır.

Kutuyu kontrol et " Yalnızca görünür katmanlar"böylece görüntü dosyaları yalnızca görünür olarak işaretlenen katmanlardan oluşturulur.

Bu durumda dosya türü " ile belirtilir. JPEG"ve bu türden ayrılmanızı öneririz. Mesele şu ki, türü ayarladığınızda" PNG resim", program önce biri hariç tüm gereksiz katmanları gizlemeye başladı, sonra kaydetti, ardından sonraki hariç tüm katmanları sakladı vb. Hesaplarımıza göre, bu durumda 56 dosyayı kaydetmek bir saatten fazla sürecek. "JPEG" türünü seçerseniz kaydetme işlemi çok daha hızlı olur.

Tıkla " Uygulamak".

Program, her katmanı ayrı bir görüntü dosyası olarak kaydetmek için gerekli işlemleri otomatik olarak gerçekleştirecektir. Ardından, işlemin başarıyla tamamlanmasıyla ilgili bir pencere görüntülenecektir:

Şimdi Çıktı Klasörü alanında dışa aktarmayı yapılandırırken belirttiğiniz dizine geçin. Burada Photoshop'un her dosyanın adına birkaç sıfır ve sayı içeren kendi öneklerini eklediğini görebilirsiniz. Gerekirse manuel olarak kaldırılmaları gerekecektir. Bu durumda sonuç şöyle görünür:

PNG formatının ana özelliklerini düşündük, şimdi bunları görüntüleri optimize etmek için kullanacağız.

En basit yolla başlayalım - bir görüntüyü posterleştirme. Karmaşık bir dilde, posterleştirme, bir görüntünün her bir renk kanalındaki parlaklık düzeylerinin sayısındaki bir değişiklik, basit terimlerle - renk sayısındaki bir değişiklik.

Photoshop'ta test görüntüsünü (PNG, 12 KB) açın ve Görüntü → Ayarlamalar → Posterleştir'i arayın. Resmin nasıl değiştiğini görmek için kaydırıcıyı hareket ettirin:

15 seviye (3014 bayt)

50 seviye (6584 bayt)

Düzey ne kadar düşükse, görüntüdeki renk o kadar az ve monokrom alanların o kadar büyük olduğunu görmek kolaydır. Ve büyük monokrom alanların daha iyi filtrelenmesi ve paketlenmesi nedeniyle görüntünün ağırlığı o kadar az olur. Bu yöntem özellikle posterize alanların çok belirgin olmadığı fotoğrafik görüntülerde etkilidir.

Posterleştirme olmadan (152 KB)

50 seviye posterleştirme (108 KB)

Bir sonraki yöntem biraz daha karmaşıktır, yarı saydam alanlara sahip görüntülerde kullanılır. Özü şu şekildedir: tüm opak pikseller bir PNG-8 dosyasına ve yarı saydam olanlar diğerine kaydedilir. Bu yöntemi Volodya Tokmakov'un makalesinde çalışırken görebilirsiniz, ben size sadece yarı saydam pikselleri opak olanlardan nasıl hızlı bir şekilde ayırabileceğinizi göstereceğim.

Örnek olarak bu resmi (PNG, 62KB) ele alalım:


Photoshop'ta açıyoruz. Paylaşılan görüntünün tamamının tek bir katmanda olması gerektiği unutulmamalıdır, bu nedenle görüntünüz birkaç katmandan oluşuyorsa (gölgeler, yansımalar, vurgular vb.), önce tek bir katmanda birleştirilmelidir.

İlk olarak, bir katmandaki bir nesneyi seçmeniz gerekir, bunun için Katmanlar paletindeki görüntüye Ctrl-tıklarız (veya Mac'te ⌘-tıklarız):


Kanallar paletine gidin ve ilgili simgeye tıklayarak seçimden yeni bir kanal oluşturun:


Seçimi kaldırın (Ctrl-D veya ⌘-D), yeni oluşturulan kanalı seçin ve Eşik komutunu çağırın (Resim → Ayarlamalar → Eşik). Kaydırıcıyı en sağ konuma sürükleyin:


Tamamen opak pikselleri seçmek için bir maskemiz var. Seçimi yüklemek için kalır (Alpha 1 kanalının görüntüsüne Ctrl-tıklayın / ⌘-tıklayın), Katmanlar paletine gidin, görüntülü katmanı seçin ve Katman → Yeni → Kes üzerinden Katman komutunu uygulayın. İki katman ortaya çıktı: biri opak pikselli, diğeri yarı saydam.

Bu yöntemin dezavantajı, sonucun her zaman kullanıma uygun olmayan 2 görüntü olmasıdır (örneğin, bir ürün kataloğu oluştururken). Bir sonraki makalede, oldukça karmaşık ve çok evrensel olmayan bir optimizasyon yöntemini ele alacağım, ancak avantajı, çıktının yalnızca bir dosya olacak olmasıdır.