Katmanlardan görüntü varlıkları oluşturma

Son güncelleme: 2 Kas 2026

Katman adlarına .png veya .jpg gibi biçim uzantıları ekleyerek dosyaları otomatik oluşturmak için Oluşturucu'yu kullanın.

Katman adlarına dosya uzantıları eklemek, her kaydetme işleminde Photoshop'un Generator özelliğinin otomatik olarak görüntü dosyaları oluşturmasını tetikler.Bu sayede, birden fazla biçim veya boyut gerektiren web, uygulama ve çok cihazlı projelerde tekrarlayan dışa aktarma adımları ortadan kalkar.

İş akışı, özellikle duyarlı tasarımlar için @1x, @2x ve @3x sürümler üretme gibi durumlarda, birden çok biçim ya da çözünürlükte tutarlı ve tekrarlanabilir dışa aktarmalar gerektiğinde en iyi sonucu verir.Tek seferlik dışa aktarmalar için veya biçime özel kontrollere ihtiyaç olduğunda bunun yerine Dosya > Dışa Aktar > Farklı Dışa Aktar seçeneğini kullanın.

Oluşturucu, varlıklar için özel bir klasör oluşturur ve çalışma sırasında dosyaları otomatik olarak günceller. Tek bir katmandan birden fazla biçim oluşturabilir, kalite ayarları belirleyebilir, varlıkları farklı boyutlara ölçeklendirebilir ve çıktıları alt klasörlerde düzenleyebilirsiniz; üstelik bunların tümü katman adlandırma kurallarıyla yapılır.

  • Adlandırılmış katmanlar veya katman grupları içeren Photoshop belgesi
  • Belge bilinen bir konuma kaydedildi (veya varlıklar masaüstünde görünür)
  • Proje için gereken çıktı biçimlerine dair bilgi

Görsel öğe oluşturmayı etkinleştir

Dosya > Otomatikleştir > Generator Eklentileri > Görüntü Varlıkları seçeneğini belirleyin.

Katmanlar panelinde, dışa aktarmak istediğiniz katmanı veya grubu bulun.

Katmanın adını bir dosya uzantısı ekleyerek yeniden adlandırın: .jpg, .png, .gif veya .svg. Örneğin, "logo" adını "logo.png" olarak değiştirin.

Belgeyi Ctrl + S (Windows) veya Command + S (macOS) ile kaydedin.

Photoshop, görüntü dosyasını kaydedilen belgenin yanında bir alt klasörde oluşturur.Belge henüz kaydedilmediyse varlıklar masaüstünde yeni bir klasörde görünür. Oluşturucu etkin kalır; oluşturucu etkin Katmanlarda yapılan tüm değişiklikler, ilgili varlıklarda otomatik güncellemeleri tetikler.

Not

Katman adları : (iki nokta üst üste) veya * (yıldız) içeremez; bu karakterler varlık oluşturmayı engeller.

Tek bir katmandan birden fazla biçim oluşturun

Tek bir katman aynı anda farklı biçimlerde, boyutlarda ve kalite düzeylerinde varlıklar üretebilir.Katman adında her varlık tanımını virgül veya artı işaretiyle ayırın.

Katmanlar panelinde katmanı seçin.

Katmanı virgülle ayrılmış bir biçim kullanarak yeniden adlandırın; örneğin: button.png, button.jpg90, 200% button@2x.png.

Belgeyi kaydedin.

Photoshop, aynı katman içeriğinden üç ayrı dosya oluşturur ve aynı grafiği farklı biçimlerde elle dışa aktarma gereğini ortadan kaldırır.

Farklı Screens için kaliteyi ve varlık ölçeğini Kontrol edin

Katmanlar panelinde katmanı seçin.

Dosya adına kalite veya boyut parametreleri ekleyin. Örneğin: “button.jpg90”, JPEG kalitesini %90 olarak ayarlar ya da “200% logo@2x.png”, varlık boyutunu iki katına çıkarır.

Birden çok çözünürlük için her belirtimi virgülle ayırın: “icon.png, 200% icon@2x.png, 300% icon@3x.png”.

Tüm çeşitlemeleri oluşturmak için belgeyi kaydedin.

Kalite son ekleri, JPG dosyaları için sıkıştırmayı (1-100) ve PNG dosyaları için bit derinliğini (8, 24 veya 32) kontrol eder.Boyut ön ekleri, göreli ölçekleme için yüzdeleri veya mutlak piksel boyutlarını kabul eder. Birimleri karıştırabilirsiniz; örneğin, "10in x 5cm banner.jpg". Orantılı ölçeklemek için bir boyutu da atlayabilirsiniz: "1080 x icon.png", en-boy oranını korurken genişlik değerini 1080 piksel olarak ayarlar.

İpucu

Duyarlı web projeleri ve mobil uygulama için retina ve yüksek DPI sürümlerini otomatik olarak oluşturmak üzere @2x ve @3x adlandırma kurallarını kullanın.

Göreli ölçekleme örnekleri:

200% logo.png, varlık boyutunu iki katına çıkarır

50% thumbnail.jpg, varlığı yarı boyuta indirir

Mutlak boyutlandırma örnekleri:

300 x 200 hero.png, 300×200 piksellik bir görüntü oluşturur

10in x 5cm banner.jpg, birimleri karıştırır (10 inç genişlik, 5 santimetre yükseklik)

1080 x icon.png, genişliği 1080 piksel olarak ayarlar, yükseklik orantılı ölçeklenir

İpucu

Piksel boyutları belirtilirken sayıları birim göstermeden doğrudan yazın.“300px x 200px” yerine “300 x 200” kullanın.

Varlıkları alt klasörlerde düzenleyin

Varsayılan olarak oluşturulan tüm varlıklar, PSD dosyasının yanında tek bir klasöre kaydedilir.Dosya adından önce bir alt klasör adı eklemek, oluşturucuyu bu alt klasörü otomatik olarak oluşturmaya ve kullanmaya yönlendirir. Bu sayede, ilgili varlıklar klasör yönetimine gerek kalmadan düzenli tutulur.

Katman adınıza eğik çizgi kullanarak alt klasör yolunu ekleyin: subfolder/filename.png veya icons/logo.svg. Birden fazla düzey iç içe yerleştirilebilir: assets/icons/logo.png.

Varlıkları belirli klasörlere dışa aktarın

Katmanı dosya adında alt klasör yolları kullanarak yeniden adlandırın.Örneğin: mobile/button.png, desktop/button.png.

Belgeyi kaydedin.

Photoshop klasör yapısını otomatik olarak oluşturur ve her varlığı belirlenen konuma yerleştirir.Alt klasörlerin boyut ön ekleri ve kalite ayarları ile birleştirilmesi, varlık düzenlemesi üzerinde tam kontrol sağlar: mobile/200% button@2x.png, desktop/button.jpg90.

Belge genelinde varsayılanları ayarlayın

Oluşturulan tüm varlıklara uygulanan satır Taban Çizgisi Ayarlarını belirlemek için özel bir Katman oluşturun.Bu, tek tek Katman adlarında tekrarlanan parametre belirtimlerini ortadan kaldırır.

Boş bir Katman oluşturun ve adını "default" ile başlatıp ardından tercih edilen Ayarları ekleyin.Yaygın yapılandırmalar arasında tüm varlıkları %200 oranında ölçeklendirmek için "default 200%", her şeyi bir assets alt klasörüne kaydetmek için "default assets/" veya tüm dosya adlarına @2x son ekini eklemek için "default @2x" bulunur.

Birden fazla varsayılan birleştirilebilir: "default 200% retina/ @2x" tüm varlıkları %200 oranında ölçeklendirir, bunları bir retina alt klasörüne kaydeder ve dosya adlarına @2x son ekini ekler.Tek tek Katman Ayarları, belge varsayılanlarının önüne geçer; varsayılan "default 200%" olarak belirtilse bile bir Katman adı "50% thumbnail.png" içeriyorsa, bu Katman %50 oranında oluşturulur.

Bulut belgeleriyle çalışma

Bulut belgeleri, oluşturulan varlıkları doğrudan PSD dosyasının yanında değil, yerel olarak depolar.Photoshop, yerel ve bulut ile senkronize edilen içerik arasında ayrım yapmak için bu ayrımı korur.

Bulut belgeleri için varlıklar şu konumlarda görünür:

  • Windows: C:\Usersusername>\Documents\Adobe\Photoshop Cloud Associates
  • macOS: /Users//Documents/Adobe/Photoshop Cloud Associates

Her bulut belgesi bu dizin içinde kendi alt klasörünü oluşturur.Varlıklar çalışırken otomatik olarak oluşturulur, ancak Creative Cloud'da açıkça paylaşana veya senkronize edene kadar yerel makinenizde kalır.

Varlık oluşturmayı devre dışı bırakın

Görüntü varlığı oluşturma, bir belge için etkinleştirildikten sonra etkin kalır ve oturumlar arasında devam eder.Bu özellik, her kaydetmede varlıkları otomatik olarak yeniden oluşturur ve bu durum karmaşık belgelerde performansı düşürebilir.

Geçerli belge için oluşturmayı kapatmak için Dosya > Otomatikleştir > Oluşturucu Eklentileri > Görüntü Varlıkları seçimini kaldırın.Bu, otomatik varlık oluşturmayı durdurur ancak mevcut varlıkları ve katman adlandırmasını korur.

Oluşturucuyu tüm belgelerde genel olarak kapatmak için Düzen > Tercihler > Eklentiler'i seçin, Oluşturucuyu Etkinleştir seçimini kaldırın ve Tamam'ı seçin.Bu, Tercihler'de yeniden etkinleştirilene kadar oluşturucu işlevselliğini tamamen kapatır.