Adobe Illustrator'da bir GIF oluşturabilir misiniz?

Gerçek şu ki, Adobe Illustrator'da tek başınıza bir GIF yapamazsınız Evet, ilk adımlar Adobe Illustrator'da yapılabilir. Yani, Adobe Illustrator'da animasyonlu GIF için çalışma yüzeylerini hazırlayabilirsiniz, ancak çalışma yüzeylerini bir GIF oluşturucuya aktarmanız veya gerçek GIF'i oluşturmak için Photoshop kullanmanız gerekir.

Bu eğitimde Adobe Illustrator ve Photoshop'ta nasıl animasyonlu GIF'ler oluşturacağınızı öğreneceksiniz. Eğitimleri iki bölüme ayıracağım.

Bölüm 1, Adobe Illustrator'da yapılması gereken adımları tanıtacak ve Bölüm 2, çalışma yüzeylerini Photoshop'ta nasıl animasyonlu GIF'lere dönüştüreceğinizi gösterecek. Photoshop kullanıcısı değilseniz endişelenmeyin, size çevrimiçi GIF oluşturucuları kullanarak nasıl GIF oluşturacağınızı da göstereceğim.

Not: Bu eğitimdeki ekran görüntüleri Adobe Illustrator CC 2022 Mac sürümünden ve Photoshop CC 2022 Mac sürümünden alınmıştır. Windows veya diğer sürümler farklı görünebilir.

Bölüm 1: Adobe Illustrator'da GIF Oluşturma

Adobe Illustrator animasyon yapmıyorsa, neden GIF yapmak için kullanıyoruz? Basit cevap: Çünkü GIF için vektörleri Adobe Illustrator'da oluşturmanız gerekir ve anahtar, farklı kareleri/eylemleri farklı çalışma yüzeylerine ayırmaktır.

Kulağa ne kadar kafa karıştırıcı gelse de, burada size ayrıntılı adımlarla bir örnek gösterdiğimde anlayacaksınız.

Adım 1: Yeni bir Adobe Illustrator Dosyası oluşturun ve çalışma yüzeyi boyutunu 400 x 400 piksel olarak ayarlayın (Sadece benim önerim, istediğiniz başka bir boyutu ayarlamaktan çekinmeyin).

Bir GIF olacağı için, büyük bir dosya olmasını önermiyorum ve çalışma yüzeyinin kare olması en iyisidir.

Adım 2: Canlandırmak istediğiniz bir simge veya illüstrasyon oluşturun. Örneğin, bir yağmur GIF'i yapacağım, bu yüzden bir bulut şekli ve birkaç yağmur damlası oluşturacağım.

Şu anda tüm şekiller aynı çalışma yüzeyinde, bu nedenle bir sonraki adım animasyon karelerini oluşturmak için bunları farklı çalışma yüzeylerine bölmek.

Adım 3: Yeni çalışma yüzeyleri oluşturun. Bu çalışma yüzeyleri daha sonra Photoshop'ta çerçeveler olacaktır, bu nedenle çalışma yüzeylerinin sayısı GIF'in sahip olmasını istediğiniz çerçeve/eylem sayısına bağlıdır.

Örneğin, fazladan beş çalışma yüzeyi ekledim, böylece toplamda altı çalışma yüzeyim oldu.

Şu anda emin değilseniz stres yapmayın, daha sonra her zaman çalışma yüzeyi ekleyebilir veya silebilirsiniz.

Adım 4: Şekilleri kopyalayıp yeni çalışma yüzeylerine yapıştırın. Aynı şekil üzerinde düzenleme yapıyorsanız, şekli tüm çalışma yüzeylerine kopyalayabilir ve düzenlemeleri her çalışma yüzeyinde yapabilirsiniz.

Not: GIF oluştururken şekilleri yeni çalışma yüzeylerine yerleştirmek çok önemlidir. Kopyalanan bir nesneyi aynı yere yerleştirmek için klavye kısayolu Komuta + F ( Ctrl + F Windows kullanıcıları için).

Çalışma yüzeylerindeki öğeler, GIF'in nasıl gösterileceğine dair bir sıra izlemelidir.

Örneğin, bulut şekli tüm zaman boyunca GIF üzerinde gösterilecektir, bu nedenle bulut şeklini tüm yeni çalışma yüzeylerine kopyalayın. Yeni çalışma yüzeyinize öğeleri tek tek de ekleyebilirsiniz. Size kalmış.

Hangi bölümün daha sonra gösterileceğine karar verin ve çalışma yüzeylerini GIF'te gösterilecek karenin sırasına göre düzenleyin.

Benim durumumda, önce ortadaki yağmur damlasının görünmesini istiyorum, bu yüzden onu Çalışma Yüzeyi 2'deki bulut şekliyle bir araya getireceğim. Daha sonra sonraki karelerde (çalışma yüzeylerinde), yanlardaki yağmur damlalarını tek tek ekleyeceğim.

Tüm çalışma yüzeylerini hazırladıktan sonra, ilk çalışma yüzeyindeki yağmur damlalarını kaldırmaya karar verdim, böylece çalışma yüzeylerim şu şekilde görünüyor ve kullanıma hazırlar.

Adım 5: Çalışma yüzeylerini adlandırın ve GIF'te nasıl görünmelerini istiyorsanız o şekilde sıralayın. Daha sonra Photoshop'ta tanımlamayı kolaylaştırmak için bunları 1. kareden 6. kareye kadar adlandıracağım.

Adım 6: Çalışma yüzeylerini dışa aktarın. Üst menüye gidin Dosya > İhracat > Ekranlar için Dışa Aktar ve seçin Çalışma Yüzeylerini Dışa Aktar .

Çalışma yüzeylerinizin adlarıyla birlikte ayrı resimler olarak kaydedildiğini görmelisiniz.

Adobe Illustrator'da işi bitirdiniz, animasyon işlemine Photoshop'ta devam edelim.

Bölüm 2: Photoshop'ta GIF Oluşturma

Tüm kareleri hazırladıktan sonra Photoshop'ta animasyonlu bir GIF oluşturmak sadece birkaç dakikanızı alır.

Adım 1: Photoshop'ta, Bölüm 1'deki Adobe Illustrator dosyasıyla aynı boyutta yeni bir belge oluşturun. Benim durumumda, 400 x 400 piksel olacaktır.

Adım 2: Adobe Illustrator'dan dışa aktardığınız görüntüleri Photoshop'a sürüklediğinizde katmanlar olarak gösterilecektir.

Adım 3: Baş üstü menüsüne gidin Pencere > Zaman Çizelgesi olarak değiştirebilir veya çalışma alanını doğrudan Hareket .

Photoshop pencerenizin altında bir Zaman Çizelgesi çalışma alanı görmelisiniz.

Adım 4: Tıklayın Kare Animasyonu Oluşturma öğesine dokunduğunuzda Zaman Çizelgesi çalışma alanında üst katmanın gösterildiğini göreceksiniz.

Adım 5: Katlanmış menüyü açmak için Zaman Çizelgesi penceresinin sağ üst köşesine tıklayın ve Katmanlardan Çerçeveler Oluşturma .

Ardından tüm katmanlar çerçeve olarak gösterilecektir.

Gördüğünüz gibi, ilk çerçeve boş, çünkü daha sonra arka plan olacak. İlk çerçeveyi, çerçeveyi seçip Seçilen kareleri siler Zaman Çizelgesi penceresindeki düğmesine basın.

Adım 6: Her karenin hızını uygun şekilde değiştirmek için her karenin altındaki aşağı oka tıklayın. Örneğin, tüm karelerin hızını 0,2 saniye olarak değiştirdim.

GIF'in nasıl göründüğünü görmek için oynat düğmesine tıklayabilirsiniz. Sonuçtan memnun olduğunuzda, son adım GIF olarak dışa aktarmaktır.

Adım 7: Baş üstü menüsüne gidin Dosya > İhracat > Web için Kaydet (Eski) .

Ayarlar menüsünden, en önemli şey aşağıdakileri seçmektir GIF dosya türü olarak seçin ve Sonsuza dek Diğer ayarları da buna göre değiştirirsiniz.

Tıklayın Kaydet ve tebrikler! Az önce animasyonlu bir GIF yaptınız.

Photoshop olmadan GIF Nasıl Yapılır

Photoshop'a aşina değil misiniz? Photoshop olmadan da kesinlikle bir GIF oluşturabilirsiniz. Ücretsiz olarak GIF oluşturmanıza olanak tanıyan pek çok çevrimiçi araç var.

Örneğin, EZGIF popüler bir GIF oluşturucudur ve kullanımı kolaydır. Tek yapmanız gereken resimlerinizi yüklemek, bir oynatma hızı seçmek ve sizin için otomatik olarak GIF oluşturmaktır.

Sonuç

Adobe Illustrator animasyonun öğelerini oluşturduğunuz, Photoshop ise animasyonlu GIF'i yaptığınız yerdir.

Daha kolay bir seçenek de çevrimiçi bir GIF oluşturucu kullanmak olabilir. Bunun avantajı, özellikle Photoshop'a aşina değilseniz size çok zaman kazandıracak olmasıdır. Ancak ben Photoshop'un esnekliğini tercih ediyorum çünkü çerçeveler üzerinde daha fazla kontrole sahibim.