Kullanıcı Kılavuzu İptal

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

Not:

Görüntü Varlıkları artık Dosya > Otomatikleştir > Generator Eklentileri altında yer alır.

Bir PSD dosyasında bir katmanın veya katman grubunun içeriklerinden JPEG, PNG, GIF ya da SVG görüntü varlıkları oluşturabilirsiniz. Bir katman adına veya katman grubu adının sonuna desteklenen bir görüntü formatı uzantısı eklediğinizde varlıklar otomatik olarak oluşturulur. İsteğe bağlı olarak, oluşturulan görüntü varlıkları için kalite ve boyut parametreleri de belirtebilirsiniz.

PSD dosyasından görüntü varlıkları oluşturulması özellikle çok aygıtlı web tasarımı için kullanışlıdır.

Web grafikleri oluşturma ve dışa aktarma hakkında bilgi edinmek için bkz. Photoshop'ta çeşitli formattaki dosyaları dışa aktarma.

Katmanlardan veya katman gruplarından görüntü varlıkları oluşturma

Görüntü varlık oluşturucusunu daha iyi anlamak için aşağıdaki katman hiyerarşisi ile birlikte basit bir PSD dosyası (bu bağlantıdan indirin) düşünün:

Photoshop Görüntü varlıkları oluşturma
Örnek PSD dosyası ve katman hiyerarşisi

Bu dosya için katman hiyerarşisi iki katman grubu içerir: Rounded_rectangles ve Ellipses. Bu katman gruplarının her biri beş katman içerir.

Bu PSD dosyasından görüntü varlıkları oluşturmak için şu adımları izleyin:

  1. PSD dosyası açık durumdayken Dosya > Otomatikleştir > Generator Eklentileri > Görüntü Varlıkları seçeneklerini belirleyin.
  2. İçinden görüntü varlıkları oluşturmak istediğiniz katmanların veya katman gruplarının adlarının sonuna uygun dosya formatı uzantılarını (.jpg, .png.gif ya da .svg) ekleyin. Örneğin, katman gruplarını yeniden adlandırın, Rounded_rectangles ve Ellipses gruplarını Rounded_rectangles.jpg ve Ellipses.png olarak ve Ellipse_4 katmanını Ellipse_4.gif olarak.
Not:

: ve * özel karakterleri katman adlarında desteklenmez.

Photoshop, görüntü varlıklarını oluşturur ve bunları kaynak PSD dosyasıyla birlikte bir alt klasöre kaydeder. Kaynak PSD dosyası henüz kaydedilmediyse Photoshop, oluşturulan varlıkları Masaüstünüzdeki yeni bir klasöre kaydeder.

Photoshop Görüntü varlığı adları
Görüntü varlığı adları, katman adları/katman grubu adlarından oluşturulur.

Not:

Geçerli belge için görüntü varlığı oluşturma etkindir. Etkinleştirildikten sonra özellik, belge her açıldığında kullanılabilir durumda kalır. Geçerli belge için görüntü varlığı oluşturmayı devre dışı bırakmak için Dosya > Otomatikleştir > Generator Eklentileri > Görüntü Varlıkları seçeneğinin işaretini kaldırın.

Bulut belgeleri için varlıklar oluşturma

Bir Bulut Belgesi ile çalışıyorsanız varlıklar "Photoshop Bulut Ortakları" dizinine kaydedilir:

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

Bir katman veya katman grubundan birden çok varlık oluşturma

Bir katmandan/katman grubundan birden çok varlık oluşturmak için varlık adlarını virgülle ayırın. Örneğin, aşağıdaki katman adı üç varlık oluşturur:

Ellipse_4.jpg, Ellipse_4b.png, Ellipse_4c.png

Varlıkları bir alt klasöre kaydetme

Belirli katmanlardan/katman gruplarından oluşturulan görüntü varlıklarını doğrudan belgenin varlık klasörünün altındaki bir alt klasöre kaydetmeyi seçebilirsiniz. Katman/katman grubu adına alt klasör adını ekleyin; örneğin:

[alt klasör]/Elips_4.jpg 

Bir web tasarımı kullanım örneği

PSD dosyasından görüntü varlıkları oluşturulması özellikle çok aygıtlı web tasarımı için kullanışlıdır. Aşağıdaki web tasarımını ve katman yapısını dikkate alın:

Bir web tasarımı ve katman hiyerarşisi

Global Hotspots görüntü ızgarasının üst satırını ve üstteki simgeyi görüntü varlıkları olarak ayıklayalım:

  • Uygun katman adlarının sonuna görüntü formatı uzantıları ekleyin.
Photoshop Uygun katmanları/katman gruplarını yeniden adlandırma

Photoshop Uygun katmanları/katman gruplarını yeniden adlandırma

Uygun katmanları/katman gruplarını yeniden adlandırma

Not:

Bir katman/katman grubunun içeriklerinden tek bir görüntü varlığı oluşturulur. Örneğin, yukarıdaki ekran görüntüsünde yer alan AdventureCo Logo katman grubu bir şekil katmanı ve canlı metin katmanı içerir. Katman grubundan bir görüntü varlığı oluşturulduğunda bu katmanlar düzleştirilir.

Photoshop, varlıkları oluşturur ve kaynak PSD dosyasıyla aynı konuma kaydeder.

Photoshop Oluşturulan görüntü varlıkları
Oluşturulan görüntü varlıkları

Kalite ve boyut parametrelerini belirtme

JPEG varlıkları varsayılan olarak %90 kalitede oluşturulur. PNG varlıkları varsayılan olarak 32 bit görüntüler olarak oluşturulur. GIF varlıkları, temel alfa saydamlığı ile oluşturulur.

Varlık oluşturma hazırlığında katmanları veya katman gruplarını yeniden adlandırırken kalite ve boyut özelleştirmesi yapabilirsiniz.

JPEG varlıkları için parametreler

  • İstediğiniz çıktı kalitesini varlık adına son ek olarak ekleyin: .jpg(1-10) veya .jpg(%1-100). Örneğin:
    • Ellipse_4.jpg5
    • Ellipse_4.jpg50%
  • İstediğiniz çıktı görüntü boyutunu (ilgili veya desteklenen formatlarda: pks, inç, cm ve mm) varlık adına ön ek olarak ekleyin. Photoshop uygun şekilde görüntüyü ölçekler. Örneğin:
    • 200% Ellipse_4.jpg
    • 300 x 200 Rounded_rectangle_3.jpg
    • 10 in x 200 mm Rounded_rectangle_3.jpg

Not: Önek ve varlık adı arasına bir boşluk karakteri eklemeyi unutmayın. Boyutu piksel cinsinden belirtiyorsanız birimi yoksayabilirsiniz. Örneğin, 300 x 200.

Not:

Gösterildiği gibi, istediğiniz çıktı görüntü boyutunu belirtirken farklı birimleri ve pikselleri karıştırabilirsiniz. Örneğin, 4in x 100 Rounded_rectangle_3.jpg varlık oluşturma işlemi için geçerli bir katman adıdır.

PNG varlıkları için parametreler

  • İstediğiniz çıktı kalitesini varlık adına son ek olarak ekleyin: 8, 24 veya 32. Örneğin:
    • Ellipse_4.png24
  • İstediğiniz çıktı görüntü boyutunu (ilgili veya desteklenen formatlarda: pks, inç, cm ve mm) varlık adına ön ek olarak ekleyin. Photoshop uygun şekilde görüntüyü ölçekler. Örneğin:
    • 42% Ellipse_4.png
    • 300mm x 20cm Rounded_rectangle_3.png
    • 10in x 50cm Rounded_rectangle_3.png

Not: Önek ve varlık adı arasına bir boşluk karakteri eklemeyi unutmayın. Boyutu piksel cinsinden belirtiyorsanız birimi yoksayabilirsiniz. Örneğin, 300 x 200.

Not:

Gösterildiği gibi, istediğiniz çıktı görüntü boyutunu belirtirken farklı birimleri ve pikselleri karıştırabilirsiniz. Örneğin, 4in x 100 Rounded_rectangle_3.png varlık oluşturma işlemi için geçerli bir katman adıdır.

GIF varlıkları için parametreler

  • İstediğiniz çıktı görüntü boyutunu (ilgili veya desteklenen formatlarda: pks, inç, cm ve mm) varlık adına ön ek olarak ekleyin. Örneğin:
    • 42% Ellipse_4.gif
    • 300mm x 20cm Rounded_rectangle_3.gif
    • 20in x 50cm Rounded_rectangle_3.gif

Not: Önek ve varlık adı arasına bir boşluk karakteri eklemeyi unutmayın. Boyutu piksel cinsinden belirtiyorsanız birimi yoksayabilirsiniz. Örneğin, 300 x 200.

Not:

Gösterildiği gibi, istediğiniz çıktı görüntü boyutunu belirtirken farklı birimleri ve pikselleri karıştırabilirsiniz. Örneğin, 4in x 100 Rounded_rectangle_3.gif varlık oluşturma işlemi için geçerli bir katman adıdır.

GIF varlıkları için kalite parametreleri kullanılamaz.

Karmaşık katman adları oluşturma

Varlık oluşturma için bir katmanı adlandırırken parametrelerle birden çok varlık adı belirtebilirsiniz. Örneğin:

120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif

Photoshop bu katmandan aşağıdaki varlıkları oluşturur:

  • Delicious.jpg (%120 ölçeklenmiş 8 kalitesinde bir JPG görüntüsü)
  • Delicious.png (%42 ölçeklenmiş bir 24 bit PNG görüntüsü)
  • Delicious_2.jpg (100x100 pks mutlak boyuta sahip %90 kalitesinde JPG görüntüsü)
  • Delicious.gif (%250 ölçeklenmiş bir GIF görüntüsü)

Mutlak ölçeklendirme örnekleri

Başarılı mutlak ölçeklendirme örnekleri

  • 100x80 foo.png (basit mutlak ölçeklendirme)
  • 80 x 100px foo.png (uzunluklar arasındaki boşluklar)
  • 4in x100 foo.png (birimlerin karışımı ve birim yok)
  • 90mm x120cm foo.png (farklı birimlerin karışımı)
  • 100x? foo.png (joker karakter)
  • ?x60in foo.png (başlangıçta joker karakter)

Kötü mutlak ölçeklendirme örnekleri

  • 100x100foo.png (dosya adından önce boşluk yok)
  • 80x100 60% foo.png (mutlak ve göreli ölçeklendirme karışımı)
  • 50% 80x100 foo.png (mutlak ve göreli ölçeklendirme karışımı)
  • 20in cm x50cm foo.png (birden fazla birim)
  • 30nm x20 nano.png (geçersiz birim)

Birden fazla dosyayı formatlama ve ayırma

Başarılı örnekler

  • Layer 1.png (Dosya adında boşluğa izin verilir -- "Layer 1.png" adlı tek bir dosya meydana getirir)
  • Layer 1.png,Layer 2.jpg (Ayırıcı olarak virgül)
  • Layer 1.png, Layer 2.jpg (Ayırıcı olarak virgül ve ardından boşluk/boşluklar)
  • Layer 1.png+Layer 2.jpg (Ayırıcı olarak artı işareti)
  • Layer 1.png + Layer 2.jpg (Ayırıcı olarak artı işareti ve ardından boşluk/boşluklar)

Hepsini bir araya getirme

100% Delicious, 42% Layer 1.png24 + 100x100 Layer.jpg-90% , 250% Quux/Foo Bar Baz.gif üç dosya meydana getirir (Dosya adı olmadığı için "100% Delicious" dizesi yoksayılır):

  • Layer 1.png, %42 ölçekte, 24-bit png şeklinde
  • Layer.jpg, 100x100 piksel mutlak boyutunda, %90 kalitede jpg şeklinde
  • Foo Bar Baz.gif, Quux alt klasöründe, %250 ölçekte, gif şeklinde

Varlıklar için varsayılan ayarları belirtme

Üretilen varlıklar için belge genelinde varsayılan ayarları belirtebilirsiniz. Şu adımları uygulayın:

  1. Belgede boş bir katman oluşturun.
  2. Katman adının başına default anahtar sözcüğünü ekleyin. Şimdi, belgeden oluşturulan tüm görüntü varlıklarına uygulamak istediğiniz ayarları girin. Örneğin:

default hi-res/

Tüm görüntü varlıklarını hi-res adlı bir alt klasörde oluşturur. Örneğin, [varlık_klasörü]/hi-res/Delicious.jpg.

default hi-res/@2x

Tüm görüntü varlıklarını hi-res adlı bir alt klasörde oluşturur. Ayrıca varlık adlarına @2x sonekini ekler. Örneğin, [varlık_klasörü]/hi-res/Delicious@2x.jpg.

default 50% lo-res/

Görüntü varlıklarını, %50 aşağı ölçeklenmiş şekilde belgenin varlık klasörünün altında lo-res alt klasörüne kaydeder 

default hi-res/@2x + 50% lo-res/

Bir katmandan iki görüntü varlığı oluşturur:

  • hi-res alt klasöründe, adına @2x soneki eklenmiş bir görüntü varlığı
  • lo-res alt klasöründe bir görüntü varlığı %50 aşağı ölçeklenir
Not:

Varsayılan ölçekleme faktörleri, bireysel katmanlar için belirtilen ölçekleme faktörleri tarafından geçersiz kılınır.

Tüm belgeler için görüntü varlığı oluşturmayı devre dışı bırakma

Tercihlerinizi değiştirerek tüm Photoshop belgeleri için görüntü varlığı oluşturmayı genel olarak devre dışı bırakabilirsiniz.

  1. Düzenle > Tercihler > Eklentiler seçeneklerini belirleyin.
  2. Generator'u Etkinleştir seçeneğinin işaretini kaldırın.
  3. Tamam'ı tıklatın.
Not:

Tercihler kısmında görüntü varlığı oluşturmayı devre dışı bıraktığınızda Dosya > Otomatikleştir > Generator Eklentileri menü komutu kullanılamaz duruma geçer. Bu özellik yalnızca Tercihler iletişim kutusunda yeniden etkinleştirilebilir.

Generator Eklentileri Menüsü

Photoshop'un masaüstü sürümü 25.11'deki Temmuz 2024 sunumundan önce, Generator eklentileri Dosya > Oluştur menüsünün altında yer alıyordu.

Şimdi ise varsayılan Görüntü Varlıkları eklentisi dahil olmak üzere tüm Generator eklentileri Dosya > Otomatikleştir > Generator Eklentileri menüsünün altında bulunmaktadır.Bu değişiklik, alt menünün adını daha net hale getirmek ve alt menüyü Görüntü Oluştur gibi yeni üretken özelliklerden ayırt etmek için yapılmıştır.

SSS

Benzer daha fazla konu

Daha hızlı ve daha kolay yardım alın

Yeni kullanıcı mısınız?