Photoshop'ta GIF Nasıl Tutulur?

Anonim

Photoshop'ta GIF Nasıl Tutulur?

Photoshop'ta bir animasyon oluşturduktan sonra, biri gif olan mevcut formatlardan birine kaydedilmelidir. Bu formatın bir özelliği, tarayıcıya (oynatmayı) göstermeyi amaçlamaktadır.

Animasyonu kaydetmek için diğer seçeneklerle ilgileniyorsanız, bu makaleyi okumanızı öneririz:

Ders: Photoshop'ta Videoyu Nasıl Kaydet

Bir GIF animasyonu oluşturma süreci, önceki derslerden birinde tarif edildi ve bugün dosyayı GIF formatında ve optimizasyon ayarlarında nasıl kaydedileceğinden bahsediyoruz.

Ders: Photoshop'ta basit bir animasyon oluşturun

GIF tasarrufu.

Başlamak için, malzemeyi tekrarlıyoruz ve Ayarları Kaydet penceresini okuyun. Dosya menüsündeki "Web İçin Kaydet" öğesine tıklayarak açılır.

Point Photoshop'ta GIF'leri kaydetmek için Dosya menüsünde Nokta Kaydet

Pencere iki bölümden oluşur: bir önizleme bloğu

Photoshop'ta GIF'lerin Korunması Parametrelerinin Ayarlarında Bir Tahliye Ünitesi

ve ayarlar bloğu.

Photoshop'taki GIFKI Koruma Ayarları penceresinde Blok Ayarları

Blok Önizleme

Bloğun üst kısmında Görünüm Seçenekleri seçeneklerini seçin. İhtiyaçlara bağlı olarak, istediğiniz ayarı seçebilirsiniz.

Photoshop'taki GIFKI Koruma Ayarları penceresinde görüntüleme seçeneklerini seçme

Her penceredeki görüntü, orijinal hariç, ayrı olarak yapılandırılmıştır. Bu yapılır, böylece en uygun seçeneği seçebilirsiniz.

Bloğun sol tarafında, küçük bir araç seti vardır. Sadece "el" ve "ölçeği" kullanacağız.

Photoshop'taki GIFKI koruma ayarları penceresinde el ve ölçek aletleri

"El" nin kullanılarak görüntüyü seçilen pencerede taşıyabilirsiniz. Seçim bu araç tarafından da yapılır. "Ölçek" aynı eylemi gerçekleştirir. Yaklaşık ve silme Resmin bloğun altındaki düğmeler de olabilir.

Photoshop'ta GIFKI Koruma Ayarları penceresinde görüntü ölçeği

Aşağıda, "Görünüm" yazısına sahip düğmedir. Seçilen seçeneği varsayılan tarayıcıda açar.

Photoshop'daki Gifting Parametrelerinin Ayarlar penceresindeki tarayıcıdaki Görüntü Görünümü düğmesi

Tarayıcı penceresinde, parametreleri ayarlama hariç, HTML GIF kodunu da alabiliriz.

Photoshop'taki GIF'leri korurken görüntünün varsayılan tarayıcıda önizleme

Blok ayarları

Bu blokta, görüntü parametreleri yapılandırılır, daha fazlasını düşünün.

  1. Renk uyumu. Bu ayar, optimize ederken görüntüye hangi endeksli renklerin hangi tablonun uygulanacağını belirler.

    Photoshop'ta GIF'leri korurken renkler indeksleme şeması seçimi

    • Algısal ve basit "algı şeması." Kullanıldığında, Photoshop görüntünün mevcut tonları tarafından yönlendirilen bir renk tablosu oluşturur. Geliştiricilere göre, bu tablo, insan gözünün rengi nasıl gördüğüne mümkün olduğunca yakındır. Artı - Görüntü orijinali en yakın olanıdır, renkler maksimum kaydedilir.
    • Seçici şema, bir öncekine benzer, ancak Web için güvenli olan renkler ağırlıklı olarak kullanılmaktadır. Ayrıca, başlangıçta yaklaşık olarak gölgelerin gösterilmesine odaklanmıştır.
    • Uyarlanabilir. Bu durumda, tablo görüntüde daha yaygın olan renklerden oluşturulur.
    • Sınırlı. Bazı örneklerden bazıları, bir nokta (tahıl) şeklinde beyaz ile değiştirilen 77 renkten oluşur.
    • Gelenek. Bu şemayı seçerken, kendi paletinizi oluşturmak mümkündür.
    • Siyah ve beyaz. Bu tablo sadece iki renk (siyah beyaz), ayrıca tahıl kullanarak kullanır.
    • Gri notlarında. Çeşitli 84 gri tonları var.
    • MacOS ve Windows. Tablo verileri, bu işletim sistemlerini çalıştıran tarayıcılardaki görüntülerin özelliklerine göre derlenir.

    İşte bazı programlar uygulama örnekleri.

    Photoshop'ta GIF'leri korurken çeşitli renkler endeksleme tablolarını kullanarak görüntü örnekleri

    Gördüğünüz gibi, ilk üç örneğin oldukça kabul edilebilir kaliteye sahip. Görsel olarak görsel olarak birbirlerinden farklı olmamasına rağmen, farklı görüntülerde bu programlar farklı çalışacaktır.

  2. Renk tablosundaki maksimum renk sayısı.

    Photoshop'taki GIF'leri korurken indeksleme tablosundaki maksimum renk sayısını ayarlama

    Görünteki gölgelerin sayısı, ağırlığını doğrudan etkiler ve buna göre, tarayıcıdaki indirme hızında. 128 değeri en sık kullanılır, çünkü bu ayar, GIF'nin ağırlığını azaltırken, bu ayar neredeyse kaliteyi etkilemez.

    Photoshop'taki GIF'leri korurken endeksleme tablosundaki maksimum renk sayısı için ayarların örnekleri

  3. Web renkleri. Bu ayar, gölgelerin güvenli bir web paletinden eşdeğerlere dönüştürüldüğü toleransı belirler. Dosya alanı, kaydırıcının ayarlanan değer tarafından belirlenir: Değer daha yüksektir - dosya daha azdır. Web renkleri kurarken da kaliteyi unutmamalıdır.

    Photoshop'ta GIF'leri korurken görüntü dönüşüm toleransını web renklerine ayarlama

    Örnek:

    Photoshop'ta GIF'leri korurken Weeb'e renk dönüşümünü ayarlama örnekleri

  4. Dizsri, seçilen indeksleme tablosunda bulunan tonları karıştırarak renkler arasındaki geçişleri düzeltmenizi sağlar.

    Photoshop'ta GIF'leri korurken Dystering ayarı

    Ayrıca, ayar, gözlemcilerin ve tek renkli sitelerin bütünlüğünü nasıl koruyacağınıza yardımcı olacaktır. Dağıtım kullanırken dosyanın ağırlığını arttırır.

    Örnek:

    Photoshop'ta GIF'leri korurken Dystering ayarlarını uygulama örnekleri

  5. Şeffaflık. GIF formatı, yalnızca kesinlikle şeffaf veya kesinlikle opak pikselleri destekler.

    Photoshop'ta GIF'leri korurken arka plan şeffaflığını ayarlama

    Bu parametre, ek ayarlama olmadan, piksel bayanları bırakarak çizgiler eğrilerini kötü görüntüler.

    Photoshop'ta GIF'leri korurken ayar mat kullanımının örnekleri

    Ayarlama "Mat" olarak adlandırılır (bazı editörlerde "Kaima"). Bununla birlikte, piksel resimlerini, bulunacağı sayfanın bir arka planıyla karıştırılacak şekilde yapılandırılmıştır. En iyi ekran için, site arka planının rengine karşılık gelen bir renk seçin.

    Piksel görüntülerin karıştırılmasını Photoshop'ta basın sayfalarının arka planı ile ayarlanması

  6. İnterlaced. Web ayarları için en faydalı olanlardan biri. Dosyanın önemli bir ağırlığa sahip olması durumunda, kalitesini arttırırken, sayfada hemen bir resim göstermenizi sağlar.

    Photoshop'taki GIF'leri korurken interlaced'i ayarlama

  7. SRGB dönüşümü, kaydederken maksimum orijinal görüntü renklerini kaydetmeye yardımcı olur.

    Photoshop'ta GIF'leri korurken SRGB'deki renklerin dönüşümünü ayarlama

"Dizsriği Şeffaflık" kurma, görüntü kalitesini önemli ölçüde kötüleştirir ve dersin pratik bölümündeki "zarar" parametresi hakkında konuşacağız.

Photoshop'ta GIF'leri korurken şeffaflık ve veri kaybı için dizsrijing ayarları

Photoshop'ta GIF'lerin Korunmasını Kurma Sürecinin en iyi anlaşılması için pratik yapmanız gerekir.

Uygulama

İnternet için görüntüleri optimize etme hedefi, kaliteyi korurken dosyanın ağırlığının azaltılmasıdır.

  1. Resmi işlemeden sonra, "Dosya - Web için Kaydet" menüsüne gidin.
  2. "4 seçenek" görünüm modunu sergileyin.

    Photoshop'ta GIF'leri korurken sonuçları görüntülemek için seçenek sayısını seçme

  3. Daha sonra, orijinaline en çok benzer hale getirmek için seçeneklerden birine ihtiyacınız var. Kaynağın sağındaki bir resim olmasına izin verin. Bu, dosyanın boyutunu maksimum kalite ile tahmin etmek için yapılır.

    Ayarlar ayarları aşağıdaki gibidir:

    • Renk şeması "Seçici".
    • "Renkler" - 265.
    • "Diazying", "rastgele",% 100'dür.
    • Görüntünün son görüntüsü oldukça küçük olacağı için "Interlaced" parametrenin karşısındaki DAW'ları çıkarın.
    • "Web renkleri" ve "kayıplar" - sıfır.

      Photoshop'taki GIF'leri korurken referans görüntüsünün parametrelerinin ayarlanması

    Sonucu orijinal ile karşılaştırın. Örnek pencerenin alt kısmında, geçerli GIF boyutunu ve belirtilen İnternet hızında yükleme hızını görebiliriz.

    Photoshop'taki GIF'leri korurken görüntünün optimizasyonunun orijinal ile optimizasyonu sonucunun karşılaştırılması

  4. Sadece yapılandırılmış aşağıdaki resme gidin. Hadi optimize etmeye çalışalım.
    • Şemayı değişmeden bırak.
    • Renk sayısı 128'e kadar azaltır.
    • Dismering değeri% 90'a düşürüldü.
    • Web renkleri dokunmaz, çünkü bu durumda kalite kalmamıza yardımcı olmaz.

      Photoshop'taki GIF'leri korurken hedef görüntü parametrelerinin ayarlanması

    GIF boyutu 36.59 KB'den 26.85 KB'a düşmüştür.

    Photoshop'ta GIF'leri korurken optimizasyondan sonra azaltılmış görüntü boyutu

  5. Bazı taneler ve küçük kusurlar resimde zaten mevcut olduğundan, "kayıpları" artırmaya çalışalım. Bu parametre, GIF'i sıkıştırırken izin verilen bir veri kaybını tanımlar. Değeri 8 olarak değiştirin.

    Photoshop'ta GIF'leri kaydetmek için GIF'i sıkıştırırken izin verilen veri kaybının seviyesini ayarlama

    Hala kaliteyi biraz kaybederken, dosyanın boyutunu azaltmayı başardık. Gifler şimdi 25.9 kilobayt ağırlığında.

    Photoshop'taki GIF'leri korurken kaybı kurduktan sonra görüntü boyutu

    Toplam, resmin boyutunu% 30'dan fazla olan yaklaşık 10 kb'ı azaltabildik. Çok iyi sonuç.

  6. Diğer eylemler çok basittir. Kaydet düğmesine tıklayın.

    Photoshop'taki GIFKI Koruma Ayarları penceresindeki Kaydet düğmesi

    Kaydetecek, GIF adını verecek bir yer seçiyoruz ve tekrar "Kaydet" tuşuna basın.

    Photoshop'ta GIF'lerin bir yerin ve adı seçimi

    Lütfen resmimizin oluşturulacağı bir HTML belgesi oluşturmak için GIF ile birlikte bir fırsat olduğunu unutmayın. Bunu yapmak için boş bir klasör seçmek daha iyidir.

    Photoshop'ta HTML belgesi ile birlikte GIF'leri kaydetme

    Sonuç olarak, bir sayfa ve görüntü ile bir klasör alıyoruz.

    Photoshop'ta kaydedilmiş gif olan klasör

İpucu: Bir dosya adı verirken, Kiril karakterleri kullanmayı deneyin, çünkü tüm tarayıcılar onları okuyamaz.

Görüntüyü GIF formatında kaydetmek için bu ders tamamlandı. Üzerinde, internette yerleşim için dosyayı nasıl optimize edebileceğinizi öğrendik.

Devamını oku