GIF animasyonu nasıl kolaylaştırılır. GIF Animasyonlarını Yeniden Boyutlandırma

İnternette, GIF formatı en yaygın olanlardan biri olarak kabul edilir. Yüksek popülerlik, gif dosyasının etkileyici bir sıkıştırma algoritmasına sahip olması ve şeffaflık işlevini desteklemesinden kaynaklanmaktadır. Bu nedenle, ile animasyon oluşturun reklam afişleri topu boş bir ağa atmak kadar kolay.

Doğru, küçük bir nüans var. Tasarımcılar zaman zaman GIF'leri yeniden boyutlandırma ihtiyacı ile karşı karşıya kalırlar. Birinin azaltması gerekiyor, diğerlerinin artırması gerekiyor. Bu tür içerik nasıl düzenlenir? Örneğin, kırpın mı yoksa sıkıştırın mı? sıradan olurmusun jpeg dosyası, bu tür sorular ortaya çıkmaz. Özel bilgi sahibi olmadan bile bir grafik düzenleyicide sıkıştırın. Sadece birkaç fare tıklaması - ve iş mükemmel bir şekilde yapılır.

GIF nasıl düzenlenir

Bildiğiniz gibi, çoğu grafik düzenleyici yalnızca durağan görüntülerle çalışır. Özellikle sizin için en çok seçki oluşturduk. etkili programlar bu tür dosyaları sıkıştırmak, kırpmak ve animasyonu daha fazla işlemek için. Artık giflerin çevrimiçi olarak nasıl sıkıştırıldığıyla ilgili sorularınız olmayacak. Listeden bir program seçin - size iyi kullanımlar dileriz!

GIF Boyutlandırıcı

Sadece birkaç tıklamayla GIF'lerin boyutunu değiştirmenize olanak tanıyan, her anlamda benzersiz bir düzenleyici. Bunu yapmak için temel adımları uygulamanız gerekir:

• Programı çalıştır.
• Menüde "Yeniden Boyutlandır" düğmesini bulun ve tıklayın.
• "Gözat" düğmesine tıklayarak ilgilendiğiniz dosyayı seçin.
• Gerekli parametreleri girin (uzunluk ve genişlik).
• "Uygula" yı tıklayın ve birkaç saniye bekleyin.
• Bitti - animasyonlu içeriğin boyutları artık beklendiği gibi.

Ek olarak, GIF Resizer'ı kullanarak aşağıdaki görevleri çözebilirsiniz:

• Formatı değiştir.
• Animasyondan logoyu kaldırın.
• Animasyonlu görüntünün boyutunu küçültün/artırın.
• GIF'i JPG'ye dönüştürün, ayrı çerçevelere ayırın.
• PNG'ye dönüştürün.

Bu işlevsellik üzerinde durmayacağız çünkü yalnızca animasyonları GIF formatında sıkıştırmakla ilgileniyoruz. Sadece, çeşitli animasyon düzenleme görevleriyle karşı karşıya kaldığınızda, Resizer kullanmanın mantıklı olduğunu bilin.

Ezgif

GIF ve PNG dosyalarını sıkıştırmanıza izin veren birinci sınıf bir hizmet. Ayrıca, efekti uygulamanıza izin veren birçok farklı araca sahiptir.

ezgif nasıl kullanılır? Hizmetin ana sayfasını açın, "Gözat" ı tıklayın. Dosya seçildiğinde, sadece Yükle'ye tıklamak kalır. İndirdikten sonra çeşitli sıkıştırma seçenekleri kullanılabilir hale gelecektir. En en iyi seçenek boyut / kalite oranında - Orta.

GIF Sıkıştırıcı

kendi yolunda ilginç GIF programı Kompresör. Animasyonu yalnızca 2 basit sıkıştırmayla sıkıştırabilir. Bunu birkaç dosyayla aynı anda yapabilirsiniz. En büyük boy gif dosyası - 50 MB.

En çok hangi uygulamayı beğendin?

animasyonlu grafik dosyalarıİle GIF uzantısı internette çok popüler. Ancak, birçok sitenin yüklenebilecek GIF boyutuyla ilgili sınırları vardır. Bu nedenle, bugün bu tür görüntülerin yüksekliğini ve genişliğini değiştirebileceğiniz yolları sunmak istiyoruz.

GIF, tek bir resim değil, bir dizi kare olduğundan, dosyaları bu formatta yeniden boyutlandırmak kolay değildir: gelişmiş bir grafik düzenleyiciye ihtiyacınız vardır. Bugün en popüler olanlar adobe photoshop ve ücretsiz muadili GIMP - bunları örnek olarak kullanarak size bu prosedürü göstereceğiz.

Yöntem 1: GIMP

Ücretsiz grafik düzenleyici, ücretli bir rakipten daha düşük olmayan kapsamlı işlevselliğe sahiptir. Programın seçenekleri arasında "giflerin" boyutunu değiştirme olanağı da vardır. Bu şu şekilde yapılır:

1. Programı başlatın ve sekmeyi seçin "Dosya", ardından seçeneği kullanın "Açık".



2. Yerleşik GIMP ile dosya yöneticisi ile dizine git istenen görüntü, fare ile seçin ve düğmesini kullanın "Açık".



3. Dosya programa yüklendiğinde, sekmeyi seçin "Resim", ardından nokta "Mod", seçeneği işaretleyin RGB.



4. Ardından, sekmeye gidin "Filtreler", seçeneğe tıklayın "Animasyon" ve bir seçenek belirleyin "Deoptimize".



5. Lütfen yeni bir tane olduğunu unutmayın. sekmeyi aç GIMP çalışma penceresinde. Sonraki tüm manipülasyonlar sadece içinde yapılmalıdır!



6. Öğeyi tekrar kullan "Resim", ancak bu sefer seçeneği seçin "Görüntü boyutu".

   

   Animasyon karelerinin yükseklik ve genişlik ayarlarını içeren bir açılır pencere görünecektir. İstenen değeri girin (manuel olarak veya anahtarları kullanarak) ve düğmesine basın "Değiştirmek".



7. Sonuçları kaydetmek için adımları izleyin "Dosya" – "Farklı Dışa Aktar...".
   
   
   Dosyanın saklanma yerini, adını ve uzantısını seçmek için bir pencere açılacaktır. Değiştirilen dosyayı kaydetmek istediğiniz dizine gidin ve gerekirse yeniden adlandırın. Sonra tıklayın "Dosya türünü seçin" ve beliren listeden seçeneği seçin. "Resim GIF'i". Ayarları kontrol edin, ardından düğmesine tıklayın "İhracat".



8. Dışa aktarma ayarları penceresi görünecektir. kutuyu işaretlediğinizden emin olun "Animasyon olarak kaydet", geri kalan parametreleri değiştirmeden bırakabilirsiniz. düğmeyi kullan "İhracat" görüntüyü kaydetmek için



9. Çalışmanın sonucunu kontrol edin - görüntü seçilen boyuta küçültüldü.

Gördüğünüz gibi, GIMP, GIF animasyonlarını yeniden boyutlandırma konusunda harika bir iş çıkarıyor. Tek dezavantajı, sürecin karmaşıklığıdır. deneyimsiz kullanıcılar ve hacimsel görüntülerle çalışırken frenler.

Yöntem 2: Adobe Photoshop

en işlevsel grafik editör piyasada olanlar arasında. Doğal olarak, GIF animasyonlarını yeniden boyutlandırma yeteneğine sahiptir.

1. Programı aç. Her şeyden önce, öğeyi seçin "Pencere". İçinde menüye git "Çalışma ortamı" ve öğeyi etkinleştir "Hareket".



2. Ardından, yeniden boyutlandırmak istediğiniz dosyayı açın. Bunu yapmak için öğeleri seçin "Dosya" — "Açık".
   
   
   başlayacak "Kondüktör". Hedef görüntünün saklandığı klasöre gidin, fare ile seçin ve düğmesine tıklayın "Açık".



3. Animasyon programa yüklenecektir. Panele dikkat edin "Zaman çizelgesi"- düzenlenen dosyanın tüm karelerini görüntüler.



4. Boyutu değiştirmek için öğeyi kullanın "Resim", burada bir seçenek seçin "Görüntü boyutu".
   
   
   Görüntünün genişliğini ve yüksekliğini ayarlamak için bir pencere açılacaktır. Ölçü birimlerinin şu şekilde ayarlandığından emin olun: "Pikseller", ardından alanlara girin "Genişlik" Ve "Yükseklik" ihtiyacınız olan değerler. Ayarların geri kalanı dokunulmadan bırakılabilir. Ayarları kontrol edin ve tıklayın "TAMAM".



5. Sonucu kaydetmek için öğesini kullanın. "Dosya", burada bir seçenek seçin "İhracat", ve daha sonra - "Web için Dışa Aktar (eski sürüm)...".
   
   
   Bu penceredeki ayarları değiştirmemek de daha iyidir, bu yüzden hemen düğmesine tıklayın. "Kaydetmek" dışa aktarma yardımcı programının çalışma alanının en altında.



6. içinde seçin "Kaşif" değiştirilen GIF'in konumu, gerekirse yeniden adlandırın ve tıklayın "Kaydetmek".

   
   Bundan sonra Photoshop kapatılabilir.

7. Klasörü kaydederken belirtilen klasördeki sonucu kontrol edin.

Photoshop daha hızlı ve uygun yol GIF animasyonunun boyutunu değiştirmekle birlikte dezavantajlar da vardır: program ödenir ve son kullanma tarihi Deneme sürümüçok kısa.

InVision'da GIF animasyonları şakalar için kullanılmaz -   oynarlar önemli rol pazarlama ve eğitim açısından. Bu nedenle ana sayfamızda kod ile yapılan animasyonlar yerine bunları kullanmaya bile çalıştık.

Sonunda insanlar bize "GIF animasyonlarını nasıl oluşturuyorsunuz?" Sırrı açıklamanın zamanı geldi.

GIF resim tasarımı

1. Gizli içerik

Tavsiye: ScreenFlow veya After Effects'i karşılayamıyorsanız, Keynote'ta bir animasyon oluşturun ve bunu video olarak dışa aktarın. Son olarak, Keynote'ta bu özelliğin en azından biraz kullanımı.

2. Daha az renk = daha fazla eğlence

3. Mümkünse hareket bulanıklığı kullanın

4. (bir nevi) tembel olun

GIF animasyonlarını dışa aktarın

5. Yinelenen kareleri kaldırın

Bu işe yaramazsa videoyu yeniden içe aktarmayı deneyin, ancak bu sefer seçeneği belirleyin Her 2 Kareyle Sınırlandırın. Bu, dosya boyutunu büyük ölçüde azaltmalıdır.

Tavsiye: Animasyonunuz 150'den fazla kareden oluşuyorsa, dosya boyutunu küçültmeye çalışırken sorunlar olacaktır.

6. Daha az renk

7. Kayıplı* parametresini değiştirin (kayıp)

*"Kayıplı" (Kayıplı) - kabul edilebilir kayıp düzeyi grafik bilgi V bit eşlem dosyası, azaltmaya izin verir Dosya boyutu Görüntüler

Hiçbirşey değişmedi! Yardım!

Bir tercümandan. Çeviri ile ilgili tüm dilek ve yorumlarınız için lütfen benimle kişisel olarak iletişime geçin. Teşekkür ederim!

"adlı çevrimiçi düzenleyiciyi kullanmanızı öneririm. ezgif.com”, burada yalnızca animasyonlu resimlerin boyutunu değiştiremez, aynı zamanda onları optimize edebilir, yani ağırlıklarını azaltabilirsiniz.

Bu çevrimiçi düzenleyicinin yardımıyla bile, internetten birçok afişi kendi takdirinize bağlı olarak yeniden oluşturabilirsiniz ve tasarım üzerinde çalışmanıza gerek yoktur. Siz sadece metninizi yazın ve afiş hazır.

buraya gidiyoruz

"Ezgif.com" çevrimiçi editörünün araçları

GIF görüntülerini hızlı bir şekilde düzenlemek için Photoshop'tansa çevrimiçi bir düzenleyici kullanmak daha iyidir. Sonuçta, birçok kişinin Photoshop ile nasıl çalışılacağı hakkında hiçbir fikri yok, ancak burada herhangi bir GIF görüntüsünü birkaç dakika içinde düzenleyebilirsiniz.

Çevrimiçi düzenleyici şöyle görünür:

Animasyonlu GIF resimlerini düzenlemek için "Ezgif.com" editörü

Elbette Photoshop'un işlevselliğine ulaşmıyor, ancak GIF görüntülerini düzenlemek için gerekli tüm araçlara sahip.

Çevrimiçi düzenleyicinin özellikleri:

1. görüntü kırpma

2. boyut değişikliği

3. Görüntü optimizasyonu

4. Efektler Ekleme

5. Animasyon hızını değiştirme

6. Animasyonun karelere (parçalara) bölünmesi

7. metin ekleme

8. Başka bir resmin üzerine bindir

Görünüşe göre basit bir editör gibi görünüyor, ama ne kadar güçlü.

Şimdi listelenen tüm araçları ayrı ayrı ele alalım.

Kırp (Görüntü kırpma): animasyonlu resimleri kırpmak için basit bir çevrimiçi araç.

Resmi yükleyin ve ardından resmin kırpmak istediğiniz bölümünü seçmek için fareyi kullanın. Sonra tıklayın " kırp ve bitirdin

Bir resim yükledikten sonra, bu resmin altında onunla ilgili bilgiler görünür: KB cinsinden boyut, resmin boyutları ve kaç kare içerdiği.

Bir resmi kırparken boyutu manuel olarak ayarlayabilirsiniz. Bunu yapmak için, görüntünün altındaki alanlarda ihtiyacınız var " Sol», « Tepe», « Genişlik" Ve " Yükseklik» gerekli değerleri girin.

Yeniden boyutlandırma (Resmi yeniden boyutlandırma): Bu araçla resmi yeniden boyutlandırabilir veya kırpabilirsiniz. Küçültme işleminden sonra resim aynı kalitede kalır ve animasyon hızı değişmez.

Alanlarında yeni genişlik" Ve " Yeni yükseklik" yeni bir görüntü boyutu ayarlamanız gerekir veya yalnızca bir yüzde (Yüzde) belirleyip ardından " Yeniden boyutlandırın!". Görüntü, belirttiğiniz yüzde oranında küçültülecektir.

Bu araçla GIF resimlerini hızlı ve kolay bir şekilde yeniden boyutlandırabilirsiniz. Görüntü boyutu artırıldığında kalite kaybolacaktır.

Değişiklikten sonraki resim, animasyonu görüntülemek için bir şekilde kötü hale geldiyse, farklı bir boyut ayarlamayı deneyebilirsiniz.

Optimize et (optimizasyon): ve bu araçla GIF dosyasının boyutunu (ağırlığını) değiştirebilirsiniz. Her çerçevedeki renk sayısı azaltılarak resmin ağırlığı küçülür. Her GIF çerçevesi 256 adede kadar benzersiz renk içerir, ancak renk miktarını azaltarak daha küçük bir dosya boyutu elde edilebilir.

Optimizasyonun birçok yöntemi vardır, ancak görüntü kalitesinin iyi kalması için en iyi seçeneği seçebilirsiniz. Web sitesinde optimizasyon hakkında daha fazla bilgi edinin.

Efektler (efektler, görüntü rengi değişimi): Bu araç ile görüntüyü yatay ve dikey olarak çevirebilirsiniz.

Ayrıca, " alanında dereceyi ayarlarsanız, görüntü belirli bir açıda döndürülebilir. Döndür". Görüntüye farklı bir renk atayabilir, siyah beyaz yapabilir veya başka bir renk tonu verebilirsiniz.

Hız (GIF animasyon hızını değiştirme): bu araç, animasyon hızını değiştirmek içindir.

Animasyon hızını geçerli olanla orantılı olarak değiştirmek istiyorsanız, yüzdeyi kullanın " mevcut hızın yüzdesi" ve kareler arasındaki gecikmeyi ayarlamak için " ". Parametre " kareler arasında yüzlerce saniye» kareler arasındaki gecikme süresini saniyenin yüzde biri cinsinden ayarlar (1/100)

Böl (GIF görüntüsünü çerçevelere böl): e Bu araç, animasyonlu GIF resimlerini ayrı karelere dönüştürmek için tasarlanmıştır, bundan sonra her kare ayrı ayrı düzenlenebilir.

Hareketli resmin tüm kareleri bir bilgisayara indirilebilir. Bunu yapmak için çerçeveye sağ tıklayın ve ardından " resmi farklı kaydet... ". Ayrıca, tüm çerçeveler " üzerine tıklayarak tek bir zip arşivinde indirilebilir. Çerçeveleri ZIP olarak indir»

Yaz (metin ekle): e Bu araç, GIF animasyonlarına metin eklemenizi sağlar. Tüm GIF'e veya tek tek karelere metin ekleyebilirsiniz. Resimdeki yazı fare ile hareket ettirilebilir.

Kaplama (Başka bir resmin üzerine bindirme): bu araç, bir GIF görüntüsünün üzerine başka bir resim yerleştirmenize olanak tanır ve bunun PNG veya GIF formatında olması arzu edilir.

resmi Rusça Photoshop'un sürümleriÇok eski zamanlardan beri, "Titreşim" seçeneği, en hafif tabirle bir yanlışlık olan "Titreşim" olarak çevrilmiştir. Bu bağlamda, "Titreşim", "yumuşatma", bir renkten diğerine geçişleri yumuşatma anlamına gelir.
GIF dosyaları sınırlı sayıda renk içerdiğinden, resmin görünümünü iyileştirmek için tek tek renkler arasında geçişler oluşturmanız gerekebilir ve bunu yapmak için eksik renkleri simüle etmeniz gerekebilir. Bu renkleri oluşturmak için "Dithering" seçeneği bulunmaktadır. Bu tür bir kenar yumuşatma taklidi için toplamda dört algoritma vardır - "Titreşim yok", "Rastgele", "Normal" ve "Gürültü":

Algoritmaları daha ayrıntılı olarak ele alalım (umarım "Titreşim yok" modu ile her şey açıktır).

Algoritmayı kullanma "Rastgele"(Difüzyon), yumuşatma miktarını ayarlayabiliriz.
algoritmalarda "Düzenli"(Desen) ve "Gürültü"(Gürültü) ayarları eksik, Photoshop her şeyi otomatik olarak yapıyor.

Bazı görüntüler için "Titreşim" yalnızca gereklidir, ancak değeri ne kadar büyük olursa, daha büyük boyut dosya, çünkü ikincil renkleri veya yumuşak renk geçişlerini simüle etmek için birbirine çok yakın çok renkli pikseller ekler.

4. Diğer ayarlar

"Kayıplar"(Kayıplı) - kenar yumuşatma sırasında dosya boyutunu azaltabilen ancak aynı zamanda resmin kalitesini de düşürebilen görsel bilgi kaybı seviyesini kontrol eder. "Geçişmeli" seçeneği devre dışı bırakıldığında kullanılabilir.

"Şeffaflık"(Şeffaflık) - görüntü saydam alanlar içeriyorsa etkinleştirmek mantıklıdır. Kenar yumuşatma algoritmaları "Dithering" seçeneği prensibine göre çalışır ve aynı şekilde adlandırılır.

5. Orijinal ve optimize edilmiş sürümlerin karşılaştırılması

Ayarlarınızı Web için Kaydet iletişim kutusuna ekledikten sonra, optimize edilmiş sürüm değişti ve neredeyse her zaman kalitenin zararına oldu. Sonucu dikkatlice kontrol edin, kaynakla karşılaştırın:

Animasyonu görüntüleyebilir ve ayrıca tekrarlama seçeneklerini ayarlayabilirsiniz - bir kez, sürekli olarak veya kendi tekrar sayınızı ayarlayabilirsiniz:

Sonuçtan memnunsanız, bir sonraki adım olan animasyonu kaydetmeye geçin.

6. Animasyon optimizasyonunu belirtilen dosya boyutuna ayarlayın

Bu seçenek, Photoshop'ta animasyon kaydedilirken de kullanılabilir. Çıktı dosyasının boyutunu ayarlayabilirsiniz ve buna göre Photoshop, dosya boyutunu belirttiğiniz boyuta göre ayarlayarak kendini optimize eder.

Sağdaki düğmeye tıklayın üst köşe ve "Dosya boyutu için optimize et" satırını seçin (Dosya Boyutuna Göre Optimize Edin)

7. Animasyonu tarayıcıda önizleyin, optimizasyon ayarlarını kaydedin

seçtikten sonra istenen ayarlar, onları bir kümeye kaydedin. Web için kaydet penceresinin sağ üst köşesindeki simgeye tıklayın ve "Ayarları kaydet" satırına tıklayın:

Pencerenin sol alt köşesindeki butona tıklayarak tarayıcıdaki ayarlarımızla animasyonu önizleyebiliriz:

Yalnızca animasyon değil, aynı zamanda tüm veriler de gösterilecektir. GIF dosyası- hacim, doğrusal boyutlar vb. ile HTML kodu. Örneğin, animasyonu bu eğitimden aldım:

Her şeyi beğendiyseniz, dosyayı kaydedin. Bunu yapmak için, iletişim kutusunun sağ alt köşesindeki "Kaydet" düğmesini tıklayın. Yolu seçtiğimiz yeni bir pencere açılır, ayarları şekilde gösterildiği gibi yapın (bunlar varsayılan ayarlardır), "Kaydet" düğmesini tıklayın:

Animasyon kaydedilecek. Hala bir şeyden hoşlanmıyorsanız, kaydedilen ayar grubunu kullanarak onu tekrar optimize edebilirsiniz.