Flash Dosya Formatı (SWF), vektör grafikleri ve web için ölçeklenebilir, kompakt grafikler için tasarlanmıştır. Bu dosya formatı vektör grafiklerine dayandığından, nesne herhangi bir çözünürlükte görüntü kalitesini korur ve animasyon kareleri oluşturmak için idealdir. Illustrator'da, katmanlarda ayrı animasyon kareleri oluşturabilir ve ardından görüntü katmanlarını web sitenizde kullanmak üzere ayrı kareler olarak dışa aktarabilirsiniz. Ayrıca tanımlayabilirsiniz semboller Animasyonun boyutunu küçültmek için Illustrator dosyasında Dışa aktardığınızda, her sembol SWF dosyasında yalnızca bir kez tanımlanır.

Dışa Aktarma Komutu (SWF)

Animasyon ve bit sıkıştırma üzerinde en fazla kontrolü sağlar.

Parçalı bir düzende SWF ve bitmap biçimlerinin karışımı üzerinde daha fazla kontrol sağlar. Bu komut, Dışa Aktar (SWF) komutundan daha az görüntü seçeneği sunar, ancak en son kullanılan Dışa Aktarma komut seçeneklerini kullanır (bkz.).

Bir nesneyi SWF formatında kaydetmeye hazırlarken aşağıdaki yönergeleri aklınızda bulundurun.

Device Central'ı kullanarak Illustrator resminin uygulamada nasıl görüneceğini görebilirsiniz. Flash playerçeşitli el cihazlarında.

Illustrator Resmi Ekleme

Illustrator'da oluşturulan resimler hızlı, kolay ve kolay bir şekilde kopyalanıp Flash'a yapıştırılabilir.

Illustrator resmini Flash'a yapıştırdığınızda aşağıdaki nitelikler korunur.

Konturlar ve şekiller

• Hat kalınlığı

  Gradyanların tanımı

  Metin (OpenType yazı tipleri dahil)

  İlgili Resimler

• Karıştırma modları

Ayrıca, Illustrator ve Flash, resim eklerken aşağıdakileri destekler.

Illustrator resminde katmanları seçerken Üst düzey ve bunları Flash'a eklemek, katmanları ve özelliklerini (görünürlük ve engelleme) korur.

Illustrator'ın RGB olmayan renk biçimleri (CMYK, gri tonlamalı ve özel biçimler) Flash tarafından RGB'ye dönüştürülür. RGB renkleri her zamanki gibi yapıştırılır.

Illustrator resmini içe aktarırken veya yapıştırırken, belirli efektleri (metne göre gölge dökümü gibi) Flash filtreleri olarak korumak için çeşitli seçenekleri kullanabilirsiniz.

Flash, Illustrator maskelerini kaydeder.

SWF dosyalarını Illustrator'dan dışa aktarma

Illustrator'dan dışa aktarılan SWF dosyaları, Flash'tan dışa aktarılan SWF dosyalarının kalitesi ve sıkıştırma oranıyla eşleşir.

Dışa aktarırken, optimum çıktı için önceden tanımlanmış çeşitli stiller arasından seçim yapabilir ve birden çok çalışma yüzeyinin nasıl kullanıldığını, sembollerin, katmanların, metnin ve maskelerin nasıl dönüştürüleceğini belirleyebilirsiniz. Örneğin, Illustrator sembollerini film veya grafik olarak dışa aktarabilir ve Illustrator katmanlarından SWF sembolleri oluşturabilirsiniz.

Illustrator dosyalarını Flash'a içe aktarma

Illustrator'da eksiksiz bir mizanpaj oluşturmak ve ardından bunu tek adımda Flash'a içe aktarmak için, resmi Illustrator yerel biçiminde (AI) kaydedebilir ve Dosya> Şuraya İçe Aktar'ı kullanarak yüksek doğrulukla Flash'a içe aktarabilirsiniz. çalışma alanı Veya Dosya> Kitaplığa Aktar'ı seçin.

Illustrator dosyanız birden çok çalışma yüzeyi içeriyorsa, Flash İçe Aktarma iletişim kutusunda içe aktarılacak çalışma yüzeyini seçin ve o çalışma yüzeyindeki her katman için ayarları belirtin. Seçili çalışma yüzeyindeki tüm nesneler şuraya aktarılır: flaş programı tek bir katman olarak. Aynı AI dosyasından farklı bir çalışma yüzeyi içe aktardığınızda, bu çalışma yüzeyindeki nesneler yeni bir katman olarak Flash'a içe aktarılır.

Illustrator resmini AI, EPS veya PDF eki Flash, yapıştırmadakiyle aynı öznitelikleri korur grafik nesneleri illüstratör. Ayrıca, içe aktardığınız Illustrator dosyası katmanlar içeriyorsa, bunları aşağıdaki yollardan biriyle içe aktarabilirsiniz.

Illustrator katmanlarını Flash katmanlarına dönüştürün.

Illustrator katmanlarını Flash çerçevelerine dönüştürün.

Tüm Illustrator katmanlarını tek bir Flash katmanına dönüştürün.

Şimdi görevi biraz karmaşıklaştıralım - animasyonlu bir Flash banner yapacağız. Tam teşekküllü Flash animasyonu hakkında konuşun, bu durumda kesinlikle gerekli değil - bunun için özel paketler var. Ancak basit, amatör bir video oluşturmak için Illustrator'ı da kullanabilirsiniz.

Adobe Illustrator'da animasyon geliştirme programları için tipik olan zaman çizelgesi gibi özel araçlar ve arayüz araçları yoktur. Ancak bir incelik var - katmanları çerçeve olarak kullanabilirsiniz.

Yalnızca metin içeren bir afiş oluşturun.

1. Karakterleri komutla gruplandırın Nesne ›Grup(Nesne ›Grup).
2. Bir sonraki görev, yazı tipi karakterlerinden kontur nesneleri yapmaktır, aksi takdirde doğru katman oluşumu çalışmayacaktır. Bunu yapmak için grubu seçin ve Yazın ›Anahatlar oluşturun(Yazı tipi ›İz).
3. Bundan sonra palet menüsünü açın Katmanlar(Katmanlar) palet üzerindeki ok butonuna tıklayarak (Şekil 8.11).

Pirinç. 8.11... Katmanlar paleti menüsü

Bu menüdeki komutla ilgileniyoruz Katmana Bırak (Sıra)(Katmanlara Dönüştür (Sıralı)), her bir nesneyi yeni bir katmana çevirir. Lütfen komutu kullanırken, seçilmesi gereken grup olduğunu unutmayın. Grup, katman değil Katman 1.

Palet nasıl görünmeli Katmanlar(Katmanlar) yürütmeden sonra Katmana Bırak (Sıra)(Katmanlara Dönüştür (Sıralı)), Şek. 8.12.

Pirinç. 8.12... Katmana Bırak (Sıra) yürütüldükten sonra Katmanlar paleti

Bu, hazırlığı tamamlar, kaydedebilirsiniz. için kaydet ağ(Web için Kaydet) SWF'de. SWF Flash tabanlı grafikler için ana formattır. Bunun Flash formatı olduğunu söylemek daha doğru olur (Şekil 8.13).

Muhtemelen, bugün tüm kullanıcılar Flash'a az çok aşinadır. Şu anda İnternet'teki en yaygın animasyon formatıdır ve multimedya İnternet sayfalarının büyük çoğunluğunu oluşturmak için kullanılır.

Elbette, program bunun için tasarlanmadığından, Flash'ın onda biri bile Adobe Illustrator'da uygulanmaz. Bununla birlikte, içinde statik bir resim veya basit bir animasyon yapabilirsiniz.

Pirinç. 8.13... SWF formatı için optimizasyon ayarları

Aşağıdaki ayarlar mevcuttur.

• Sadece oku(Sadece okuma). Kutuyu işaretlerseniz, dosya artık herhangi bir programda düzenleme için açılması mümkün olmayacak şekilde yazılacaktır. Bu, bir yandan dosyaların boyutunu küçültür, diğer yandan telif haklarınızı korur.
• 1 ile gösterilen ayardır. Kaydetme türünü belirleyen parametre bir resim veya animasyondur.
• seçeneği seçerseniz AI Dosyasından SWF Dosyasına(Illustrator dosyası SWF dosyası), görüntü, Illustrator'da çalışırken ekranda gördüğünüzü tamamen tekrarlayan statik bir görüntü olarak kaydedilir.
• Katmanlardan SWF Çerçevelerine(Katmanlardan SWF Çerçevelerine), çerçeve olarak oluşturulacak mevcut katmanları canlandırmanıza olanak tanır. Bu özel seçeneği seçmemiz gerekiyor.
• Eğri Kalitesi(Eğri kalitesi). Orijinal görüntünün eğrilerini tekrarlamak için dosyadaki eğrilerin doğruluğu. Bu parametrenin azaltılması, özellikle küçük ayrıntılar alanında kaliteyi önemli ölçüde düşürür, ancak dosya boyutu azalır. Bizim durumumuz için en uygun değer "7" dir.
• Kare hızı(Çerçeve gecikmesi). Kare hızı ve sonuç olarak animasyon hızı. Efektin doğru olması için saniyede 4 kareden fazla olmayacak şekilde ayarlayın.
• Döngü(Tekrarlamak için). Animasyonu birden çok kez oynatın. Tekrar eden bir döngünün önemli olduğu animasyonlar için uygundur. Pankart bu türdendir.

Adobe Illustrator ve After Effects
İçe aktarma ve basit animasyon

Selam. Bugün After Effects'te basit animasyonu inceliyoruz.

Kaynaklar: Adobe Illustrator CC
Adobe After Effects CC

Illustrator'da nasıl çizileceğini öğrenerek başlayalım.

Çizmek
1) Arka plan için sarı bir dikdörtgen çizelim

Şekil 1 - Dikdörtgen

2) Bir Daire çizin ve bir degrade ile doldurun
Daire üzerinde biraz çalışalım:
- konturdaki alt noktayı kaldırın, bir yay elde ederiz;
- yayın altını kapatarak düz bir çizgi çizin, yarım daire elde ederiz

Şekil 2 - 1) daire çizin; 2) gradyan; 3) noktayı sil

3) Bir Dikdörtgen çizin ve bir kopyasını alın
- bir gri dikdörtgen;
- başka bir dikdörtgen koyu gri
4) Işın sayısını ayarlayarak bir yıldızdan bir Üçgen çizin - 3

Şekil 3 - 1) düz ışık; 2) düz karanlık; 3)üçgen

5) Kalem ve basit şekiller kullanarak bir kedi çizin

Şekil 4 - 1) kafa; 2) boyun; 3) vücut; 4) bacak; 5) kuyruk

Ve şimdi en ANA an
Resimleri şu şekilde katmanlara dağıtalım (harekete geçirilecekler - ayrı bir katmanda):

Şekil 5 - tüm resimler (kırmızı işaretli önemli katmanlar)

Her şey, şimdi kurtarıyoruz.
Kaydet ayarlarına bakalım

Şekil 6 - Kaydet

Ve şimdi bir sonraki adım. KapatAdobe Illustrator ve After Effects'i açın.

After Effects'e Aktar
Dosya - İçe Aktar - Dosya - kayıtlı dosyamızı seçin illüstratör.
Illustrator'dan katmanları içe aktarmayı seçelim, bir çekim koyarsak, birleştirilmiş katmanlarla bir resim elde edeceğiz, ancak buna ihtiyacımız yok.

Şekil 7 - Kompozisyon Olarak İçe Aktar

Her şey ithal edildi.
Şimdi elimizde ne olduğuna bir bakalım. Bir kompozisyona çift tıklayın ne açılırdı ve katmanları görürdük (her şey doğru yapılırsa, birkaç katman olacaktır). Bunu anladık, şekle bakın

Şekil 8 - Açık Kompozisyon

Ve şimdi bugün burada olduğumuz şey Animasyon.

Animasyon After Effects
Arkasında Kaydırma Aracını kullanarak pivot noktasını üstündeki oka ayarlayın ( kısayol tuşu-Y). Sadece bir nokta alın ve istediğiniz yere taşıyın. Sonuç olarak böyle görünecek..

Şekil 9 - Pan aracı ve Katmanlar

Tamam, şimdi animasyon katmanlarına geçelim.
Bir Arrow katmanına ve bir Head_cat katmanına ihtiyacımız var.
Ok ile başlayalım.
Listeyi genişletelim, bulalım ve saate tıklayalım. İlk noktayı sıfır saniyeye bu şekilde koyuyoruz. Animasyon toplamda 2 saniye sürecektir.
Yani yapmanız gereken ayarlar bunlar (toplam 3 puan koyun)

İkinci	0	1	2
	+66	- 70	+66

Bu nasıl görünecek:

Şekil 10 - Döndürme oku

Şimdi kedinin kafasını canlandıralım.
head_cat'i genişletelim ve bulalım Konum.
4 puan olacak.
Geri kalanına dokunmadan sadece son koordinatı değiştirecektir.

İkinci	0.1	0.17	1.12	2.0
Konum	689.3	729.3	729.3	689.3

Resime bakıyoruz.

Şekil 11 - Konum başlığı

Yani animasyonun mantığı şuydu. Ok bir yandan diğer yana sallanır, kediye yaklaşır yaklaşmaz başını kendi içine çeker, bu pozisyonda biraz oyalanır ve sonra yerine geri döner.

son aşama

Üretme
Çalışmanızdan bitmiş bir ürün yaratmanız gerekiyor.
Menüye gidiyoruz - Oluşturma Sırasına Ekle
Render paneli açılacak ve Çıktı Modülünde (iki tıklama) çıktı biçimini seçin. * .mov aldım

Şekil 12 - Oluşturma

RENDER düğmesine basın ve sonucu alın (sadece yolu belirtmeyi unutmayın).
Bu kadar.

Herkese merhaba! Bugün programın yeteneklerini açıklamaya çalışacağım Adobe illüstratör sifonun yetenekleriyle karşılaştırmak. Bu, programın kemiklere göre küresel bir analizi olmayacak, daha çok bu programda keşfettiğim bazı ilginç çiplerin bir açıklaması olacak. Her şeyi tek bir gönderiye koymak için, incelerken bilgileri parça parça topladım. Hemen itiraf etmeliyim ki, çok deneyimli bir illüstratör kullanıcısı değilim, sadece son altı ayÇizimde kullanıyorum (daha önce her şeyi flaşla boyadım). Birçok kişi, illüstratörün karmaşık olduğundan, her zaman sezgisel olarak net olmadığından şikayet eder. Bir dereceye kadar, sifondan sonra bu programın zor olduğuna katılıyorum. Ancak buradaki asıl şey, bırakmak değil, çalışmaya devam etmektir. Ve birkaç hafta sonra düşünce ortaya çıkıyor, daha önce onsuz nasıl yapabilirim!

Yani, illüstratör hakkında sevdiğim şey ve kendim için bulduğum şey Flash'ta değil.
1. En basit ama aynı zamanda gerekli olanla başlayacağım. Nesneleri bir daire içinde bir anda düzenlemeye çalışın. Daha önce Deko Aracı, ancak kaldırıldı, görünüşe göre gereksiz olarak kabul edildi. Kalemle yapmanın daha eğlenceli olduğuna karar verdik. Illustrator'ın şu işlevi vardır: Efekt - Deforme Et ve Dönüştür - Dönüştür.

Her şey hızlı ve basit, değerler (nesneler arasındaki mesafe, kopya sayısı) ayarlarda kendimiz tarafından belirlenir.

2. Zig-zag

Daha da basit, ama yine de faydalı bir şey. Önemsiz görünebilir, ancak bir anda elle çizmeniz gerekir, bir illüstratörde bu birkaç saniye meselesidir.

3. Nesnelerin deformasyonu (Çözgü)

Bir çırpıda böyle bir şey yok. Aşağıdaki örnekte basit şekilleri deforme etmenin sadece 2 yolunu gösterdim (Efekt - Çarpıtma - Yay / Balık). Aslında, 15 tane var. En son sürüm programlar.

4. Köşelerin otomatik yuvarlanması (Yuvarlak Köşeler)

Bunu manuel olarak yapabilirsiniz: bir grafik nesnesinde, seçildiğinde köşede (tüm gözlerde) beyaz bir nokta ve yuvarlak bir çizgi sembolü görünür. Mouse ile çekiyoruz, zevkinize göre ayarlıyoruz.

Ancak bu yalnızca kalem çizgisi biraz farklı olan şekiller için geçerlidir - yuvarlama efektini uygulayın ( Efekt - Stilize - Yuvarlak Köşeler). Çıktıda da aynı sonucu alıyoruz.

5. Pürüzlülük (kabalaşma)

Efekt uygulanır basit formlar (Efekt - Deforme Et ve Dönüştür - Pürüzlendir). Çıktıda, düşük poli 3D modele benzeyen bir şey elde ederiz. Bence harika :) Ve en önemlisi - çok basit.

6. Büzme ve Şişkinlik(Çekme ve Şişkinlik)
Aşağıdaki resimde bir örnek:

7. Formun Genişletilmesi (Ofset Yolu)

Flash'ın Genişletilmiş Dolgu işlevi vardır; illüstratörden farklı olarak kurşun kalem çizgileriyle çalışmaz.

8. Fırçalar (Resim Fırçası, Desen Fırçası, Saçılma Fırçası)
Örneklerle aşağıdaki resme bakın:

9. Doku Fırçası

Illustrator ayrıca, hakkında yazdığım ve bunların nasıl göründüklerini yazdığım birçok doku fırçasına da sahiptir. Yeni sürüm floş -. Adobe Animate'te fırça kullanmanın son derece yavaş olduğu fark edildi. Bu kadar:(

10. Bunun basit bir numara olup olmadığından emin değilim, ancak adı komik olan bir fırçaya odaklanmak istiyorum. damlaFırçalamak... Araç kutusunda bulunan, kullanımı çok güzel bir fırça. Bir sürü ayarı var, normalden daha çok seviyorum. Faydalarını kelimelerle anlatmak zor, bir kere denemekte fayda var.

10. Izgaraya Böl

Ayrıca, bir şekli eşit parçalara ayırmanıza izin veren Izgaraya Böl (Nesne-Yol-Izgaraya Böl) işlevi de yararlıdır. Bu bize neyi hatırlatıyor? Bu doğru - pencereler yüksek bir binada. Bana gelince, örneğin şehir manzaraları çizmek için harika bir şey;)

Bir tane daha kullanışlı araç Illustrator'da, muhtemelen ilk sürümünden beri sunulmaktadır. Örneğin ahşap dokular oluşturmak için kullanılabilir:

12. Taşı (sağ - Dönüştür - Taşı)

Bir nesnenin belirli bir mesafe ile yer değiştirmesi. İstenirse, seçilen nesneden yatay / veya dikey olarak istenen mesafeye yerleştirilecek olan hemen bir kopya oluşturabilirsiniz. Flash'ın önceki bir sürümünde bunu yapan bir eklenti vardı. bu fonksiyon... Maalesef adını hatırlamıyorum.

Illustrator'da kesintisiz desenler oluşturmak çok uygundur ( Nesne-Desen-Yap). Yaratılışta nasıl çılgınca sofistike olduğumu hatırlıyorum. CC 2015'in illüstratör versiyonunda, her şey otomatikleştirilmiştir, bir dizi ayar, elde yalnızca birkaç grafik öğesi olan düzinelerce varyasyonda bir desen oluşturmaya yardımcı olacaktır. Daha fazlası erken sürümler programların hepsi şimdiye kadar flaşta olduğu gibi manuel olarak yapılmalıydı.

(Not - bir desen, ayrıştırma işlevi kullanılarak vektör düzenlenebilir bir nesne haline getirilebilir ( Nesne - Görünümü Genişlet).

14. Nesne Mozaiği

Mevcut bir resme dayalı bir renk paleti oluşturma. Beğendiğimiz resmi hasta (Open) içine aktarıyoruz, sonra Nesne - Nesne Mozaiği Oluştur... Ayarlarda, yükseklik ve genişlikte bölünme sıklığını belirtiyoruz.

Ve çıktıda şunu elde ederiz:

15.Karışım

Degradeler oluşturmak için kullanılır. Örneğin resimdeki gibi adım adım geçişler oluşturabilirsiniz. Sık kullandığımı söylemeyeceğim ama birinin işine yarayabilir. Basit arka plan resimleri oluşturmak için kullanılabileceğini düşünüyorum.

Ayrıca araç, nesneleri klonlamak için kullanılabilir. İki nesneyi birbirinden belirli bir mesafeye yerleştirin ve Karışım Seçeneklerini uygulayın, adım sayısını (klonlanan nesne sayısı) seçin.

16. Araç Oluşturma Şekil Aracı.İlkellerle çalışmak için çok kullanışlı bir şey. Bir anda, bana daha az uygun göründü.

Alt tuşunu basılı tutup seçilen segmentlere tıklamak - segmentleri silin. Fareyi seçili birkaç alanın üzerine sürüklersek - bağlantılar.

Eklenti, otomatik olarak kesmeye, birleştirmeye vb. yardımcı olan bir araçtır. vurgulanan formlar Bana gelince, çok uygun değil, daha sık kullanıyorum YapıŞekilAlet.

(çalışma yüzeyleri)

18.Özel Araç Paneli

Kendi araç çubuğunuzu kendiniz oluşturma, gereksiz olanları atma ve yalnızca kullandıklarınızı seçme yeteneği.

Flash'ta çalışma yüzeyleri, yani sahneler ( Sahne 1,2,3 ..) ayrı olarak bulunur ve aralarında geçiş yapmanız gerekir (Shift + F2). Illustrator'da hepsini gözünüzün önüne yerleştirebilirsiniz. Aynı çizimin birkaç versiyonunu yaptığınızda, karşılaştırma için tüm seçeneklerin gözünüzün önünde olması uygundur.

ile 19 izometri Grafik kullanarak stiller

Ve sonuncusu, 1 tıklamada (veya daha doğrusu 3 tıklamada, çünkü 3 tarafımız olduğu için) kullanmadan izometri oluşturmaktır;) grafik stilleri kullanarak ( Grafik stilleri). Bu nasıl yapılır, bir dahaki sefere imzalayacağım.

Illustrator'ın flash ile ortak yanı vardır - bir nesneyi bir sembole kaydetme yeteneği ve aynı kolaylıkla bu sembol bir flash'a aktarılabilir (bir flash .ai dosyasında açın, İçe Aktar - Aşamaya aktar).
Illustrator'daki bir sembol, Flash'takiyle aynı özelliklere sahiptir.
Ve sonunda, illüstratörde, bence flaştan daha düşük olduğunu yazacağım. Evet, evet ve böyle bir şey var. Ve bu doldurma aracıdır ( Boya kovası). Hastalıkta ne kadar alışmaya çalışsam da flaşta daha rahat oluyor.
Notlarım işinize yaradıysa veya kendinizden bir şeyler eklemek istiyorsanız - yorumlara hoş geldiniz! Hepinize iyi şanslar;)

Bugün pek sıradan değiliz Adobe eğitimi illüstratör. Çünkü bu sefer durağan bir resim değil, gerçek bir animasyon yapacağız. ile ortaya çıktığını hayal edin Adobe ile Illustrator'da da karikatür çizebilirsiniz :)

Ve bunun için hiçbir şeye ihtiyacımız yok. Katmanların yetkin organizasyonu ve nihai çalışmanın, her katmanın bir animasyon karesine dönüştürüldüğü swf formatında dışa aktarılması. Bugünkü dersimizde retro film tarzı bir geri sayım animasyonu çizeceğiz. Çıktı, bu geri sayımla birlikte bir flash video olmalıdır.

Yapılacak ilk şey, gelecekteki animasyon için gerekli tüm öğeleri çizmektir. Bunu yapmak için, ayrı bir belgede, bir film karesinin iki konumunu, ayrı sektörlere ayrılmış bir referans çemberi, antikliğin etkisini eklemek için bir doku ve dikey bir çizik ile tüm sayıları ve yazıları yaptım. .

Çizgi filmimizin tüm parçaları hazır olduğunda animasyonun kendisini oluşturmaya başlayabilirsiniz. Kolaylık sağlamak için, bu en iyi şekilde yeni bir belgede yapılır. Bu durumda, katmanlar animasyon karelerinin rolünü oynayacaktır. Ve ilk katmanda, film şeridinin çerçevesini kopyalamanız yeterlidir. Çalışma alanının ortasına yerleştirin.

Şimdi ikinci bir katman oluşturun ve film şeridini, kenarlarındaki deliklerin kaydırıldığı içine kopyalayın. Ayrıca merkezlenmesi gerekir.

Bu iki katmandan, hareketli bir filmin animasyonunu zaten elde edebilirsiniz. Ancak daha sonra çok daha fazla katmana ihtiyacımız var. Bu yüzden ilk iki katmanı seçin, panel seçeneklerine gidin ve katmanların bir kopyasını alın.

Aynı şekilde, filmin 12 katmanlı hareketli görüntülerini de biriktirmemiz gerekiyor.

Şimdi bir sürü katmanımız var ve hepsi görünür durumda. Üst katmanların, iş için çok uygun olmayan alt katmanları engellemesi anlamında. Bu nedenle, katman adının solundaki gözle simgeye tıklayarak bazı katmanları kapatabilirsiniz. Tüm katmanları aynı anda kapatmak veya açmak için göz simgesine tıklarken Alt tuşunu basılı tutun. Katmanları açıp kapatarak, gelecekteki animasyonumuzun belirli bir karesinde tam olarak ne olduğunu görebilirsiniz. Ve şimdi, filmin hareketine hafif bir titreme katabilmemiz için, ortaya çıkan kareleri biraz farklı yönlerde hareket ettirmemiz gerekiyor. Bunu yapmak için yalnızca üzerinde çalışacağınız katmanı dahil edin. şu an ve ardından çerçeveyi her iki tarafa birkaç piksel sürükleyin.

Tüm katmanları gözden geçirip hafif bir kayma eklediğinizde, hareketli bir dairenin animasyonunu oluşturmaya başlayabilirsiniz. Bunu yapmak için, sektörlerden oluşan daireyi çizgi film bölümleriyle belgeden kopyalayın ve film şeridi çerçevesinin üzerindeki ilk katmana yerleştirin.

Dairenin seçimini kaldırırsanız, tek bir bütün gibi görünecektir. Bu tam olarak ihtiyacımız olan şey.

Fakat ayrı sektörlerden oluştuğu için renklerini değiştirerek çok hızlı ve kolay bir şekilde animasyon oluşturabilirsiniz. Bunu yapmak için, bu daireyi ikinci katmana kopyalayın ve ilk sektörü daha hafif yapın. Filmimizin hareket sırasında sallandığını hatırlarsınız, bu nedenle daireyi tam olarak çerçevenin ortasına koymanız gerekli değildir. Gözün üzerine yerleştirin.

Benzer şekilde, daireyi bir sonraki katmana kopyalamanız gerekirken, daha açık bir renkle önceki seferden bir sektör daha fazla boyamanız gerekir. Birlikte ele alındığında, bu 12 katman, bir doldurma çemberi ile bir film arası oluşturur.

Ardından katmanlarımıza doku eklememiz gerekiyor. İlk katmanı açın ve dokuyu orijinal dosyadan yedek parçalarla kopyalayın.

Ardından sonraki katmanları sırayla açın ve aynı dokuyu oraya kopyalayın. Her karede farklı görünmesi için 90 derece döndürmeniz yeterli. Tahmin edebileceğiniz gibi, 12 karenin tümüne doku eklememiz gerekiyor.

Kopyalamaktan zaten bıktıysanız, sizi memnun edebilirim - çok az şey kaldı. En zor kısım bitti. Dikey çizikler ve hemen hemen her şey eklemeye devam ediyor. Bunu yapmak için, orijinal çizikleri tekrar kopyalayın ve birkaç katman halinde rastgele bir yere yerleştirin. Benim durumumda çizikler sadece iki katmanda görünüyor.

Artık filmin animasyonlu ana döngü hazır olduğuna göre, sayıları eklemeye devam ediyor. 3'ten 1'e ve Go !!! kelimesine kadar saydığımız için daha fazla katmana ihtiyacımız var. 12 değil, 48. Bunu yapmak için, filmin animasyonu ile hazır katmanların üç kopyasını daha yapmanız gerekir.

Ve sonra her şey basit. İlk katmanı açın ve üç numarayı oraya koyun.

Ardından, dairenin animasyonu bitene kadar bu sayıyı sonraki katmanlara kopyalamanız gerekir. Dairenin tekrar tamamen doldurulacağı katmanların bir sonraki kopyasına geldiğinizde, iki numarayı zaten koymanız gerekir. Aynı şekilde bir numarayı istediğiniz katmanlara kopyalayın. Go !!! yazısının son katmanlarına ulaştığınızda, başlığı istediğiniz katmana kopyalamadan önce daireyi silmeniz yeterlidir.

Animasyon ile bu kadar. Buradaki ana şey kafa karıştırmamak. Katmanlara bazı uygun isimler verebilirsiniz, ancak bir şekilde çok tembeldim :) Ve yine de çalışmayı bitirdiğinizde, göz simgesine tıklayarak tüm katmanları tekrar açtığınızdan emin olun.

Dışa aktarma ayarlarının bulunduğu pencerede, Farklı Dışa Aktar: AI Katmanlarını SWF Çerçevelerine ayarladığınızdan emin olun. Illustrator katmanlarını animasyon karelerine dönüştüren bu seçenektir. Ardından Gelişmiş düğmesini tıklayın.

Açılacak ek ayarlar... Burada kare hızını Kare Hızını ayarlamanız gerekir. Saniyede 12 karem var. Döngü onay kutusu, animasyon döngüsünden sorumludur. Onun sayesinde video bir daire içinde oynatılacak. Ve Katman Sırası: Aşağıdan Yukarıya seçeneği, illüstratörün katmanlarını panelde aşağıdan yukarıya yeniden üretir. Animasyonumuzu tam olarak bu şekilde oluşturduk.

Çıktıda ise animasyonumuzla birlikte bir flash video elde ediyoruz.

Artık Adobe Illustrator'da basit bir animasyon yapmanın ilk bakışta göründüğü kadar zor olmadığını görebilirsiniz.

Ancak uzun videolar veya etkileşimli uygulamalar oluşturmak için kullanmak daha iyidir. Adobe Flash veya diğer flash editörleri. Örneğin, bu kediyi iş yerimde kazdığım eski bir Macromedia Flash'ta yaptım.

Ayrıca, son zamanlarda HTML5 ve CSS3, animasyon oluşturmak için giderek daha fazla kullanılıyor. Bu kod destekleniyor modern tarayıcılar ve flash player kullanımını gerektirmez.

Roma aka dacascasözellikle blog için

Yeni bir şeyi kaçırmamak için bültenimize abone olun: