Flash'ta basit animasyon hakkında. Flash animasyonu nasıl oluşturulur Sahne oluşturma ve düzenleme

koçanı robotu

Boş kafalarla topa ilk kare. Bu, çerçeve 1 olduğu anlamına gelir, bu nedenle "Katman 1" top boştur - topun üzerine yerleştirilmiş nesne yoktur. "Katman 1" topunun üzerine herhangi bir nesne yerleştirelim. Örneğin, bir tarama görüntüsünü içe aktarın (böl. İçe Aktar) ve bunu "Katman 1" topuna yapıştırın. Görüntü kızgın gösterilir. Enter tuşuna basarak oluşturulan animasyonu inceleyebilirsiniz. Engellenecek arka plan topunu seslendirin, böylece değiştirebilirsiniz - kilit simgesini koyun. Örnek 4: Basit çerçeveler ekleyebilir veya görebilirsiniz. uzaktan iş gücü: Bir çerçeveyi kaldırmak için onu görmeniz gerekir, bağlam menüsünde Çerçeveleri Kaldır'ı seçin. Birkaç çekim görmek için Ctrl tuşuna basın. Örneğin, arka plan için kare sayısını 5 kare değiştirmemiz gerekiyor. 5 personel görebiliriz ve onları görebiliriz - 30 personelin değiştirilmesi 25'tir. Personel eklenmesi: Örneğin, "Fon" topunun üzerine bir şut çekimi eklememiz gerekiyor. Bunun için 30. kareye tıklayabilirsiniz ve imleç küçük bir dikdörtgen ise, saat ölçeğinde 30. kareyi sağa sürüklemeniz yeterlidir. Aksi takdirde, 1. ve 30. kareler arasında herhangi bir kareye tıklayabilir ve bağlam menüsünde Kare Ekle'yi seçebilirsiniz. Dinlenme güncellemesi: meme 2014

Şimdiye kadar, Flash filmlere başından sonuna kadar vtruchannya gözetlemeden yapılmışlar gibi bakıyorduk. Ancak Flash, etkileşimli eklentiler oluşturmanıza da olanak tanır; bu durumda içeriğin görüntülenmesini kontrol edebilirsiniz. Bu derste, Action Script Movie Description öğeleri hakkında daha fazla bilgi edineceğiz ve onunla nasıl etkileşimli eklentiler oluşturabileceğinizi göreceğiz. Popo gibi, etkileşimli bir arayüz unsurları içeren bir fotoğraf albümü oluşturuyoruz. Ama önce, Action Script'in tanımıyla başlayalım, sonra, şimdiye kadar saygısızca ihmal ettiğimiz bir tür sembol hakkında konuşalım - sembolik düğmeler. Etkileşimli bir arayüzü teşvik etmek için pis koku basitçe gereklidir.

katlanır düğmeler

Düğme є dört kare etkileşimli film klibi. Sembole "Button" tipini atarsak, Flash yeni sembol için dört çerçeveli bir zaman çizelgesi oluşturur:

Up-stand tse çerçevesi, vidpovidny durumu, butona basılmamışsa ve fare tik tak göstergesi butonun üzerinde değilse;

Fare imleci düğmenin üzerindeyse ancak düğmeye basılmamışsa düğmenin görünümünü gösteren çerçeve üstü;

Aşağıya doğru bu çerçeve, basıldığında düğmenin görünümünü gösterir;

Hit-station, düğmenin fare tıklamasına tepki verdiği alanı tanımlar; Bu bölge klipte görünmez.

Bir düğme oluşturmak için Ekle \u003d\u003e Yeni Sembol komutunu yazın (ayrıca Control + F8 yazabilirsiniz). Yeni Sembol Oluştur iletişim kutusu için düğme sembolünün adını girin (örneğin, but1) ve Düğme sembol tipini seçin.

Flash, Yukarı, Üzeri, Aşağı ve Hit karelerine basarak karakter düzenleme moduna geçer. İlk kare, Yukarı, boş bir anahtar kare olur. Bu karede butonun basılmamış halini görebiliriz (Şekil 1).

mal. 1. YUKARI çerçeve düğmesi

Başka bir çerçeve görebilirsiniz, anlamı Bitti ve imleç düğmenin üzerindeyse aynı konumdadır. Bir sonraki kareye bir ana kare ekleriz (Ekle \u003d\u003e Ana Kare komutunu kullanarak), bunun sonucunda bir ana kare belirir ve Yukarı kareyi tekrar tekrar ederiz. Şekilde gösterildiği gibi düğmenin rengini değiştiriyoruz. 2.

Şekil 2. Düğme çerçevesi

Benzer şekilde, bir ilerleme karesi (Aşağı kare) ekliyoruz ve düğmeye hafifçe basıyoruz (Şek. 3).

mal. 3. Aşağı çerçeve düğmesi

Hit-frame için henüz hiçbir şey boyamayacağız, ancak bir sonraki kareye biraz daha az dönelim.

Ana sahneye geçelim, Window \u003d\u003e Library komutunu kullanarak kütüphaneyi çağıralım ve sahneye yogayı sürükleyerek düğme sembolünün bir örneğini oluşturalım (Şek. 4.)

mal. 4. Kitaplıktan sürükleyerek düğmenin bir örneğini oluşturun

Sonuç olarak, gelecek film alınır. Bu filmden de anlaşılacağı gibi, butona basılması sadece aynı değil, fareyi butonun orta (çalışma) bölgesinde basarsak, ancak çerçeveye basıldığında ona yakındır. Hit-frame boyanmazsa, düğmenin çalışma alanı Up-frame ile eşleşecektir.

Düğmeye sadece çalışma bölgesinde basılabilmesi için, düğmeyi çerçevesiz boyamak için Hit-frame'deki bölgenin seçilmesi gerekir (böl. Şekil 5)

mal. 5. Hit-frame düğmesi

Gerekli Hit-frame'i eklediğimiz için yaklaşan film alınıyor, bu durumda çerçeveye basıldığında düğmelere basılmıyor.

Etkileşimli bir buton oluşturabilmek için şarkı söyle senaryosunu anlatabilmek için şarkı söyle komutlarına karşı butona basıldığının gösterilmesi gerekmektedir. Komut dosyaları oluşturmak için Flash, Eylem Komut Dosyası adı verilen özel bir dil kullanır. Bu derste, hareket etme olasılıklarının sadece önemsiz bir kısmına değineceğiz ve gelecekte Flash'ta etkileşimli filmler oluşturmak için basitleştirilmiş uygulamalar dünyasında Action Script'in yapısına ve sözdizimine döneceğiz.

Eylem Komut Dosyasını Anlama

Eylem Komut Dosyası, yazılı bir komut dosyasıdır - bir Flash filminin öğeleri gibi bir dizi talimat. Eylem Komut Dosyaları filme gömülebilir veya AS uzantılarıyla harici bir metin dosyasına kaydedilebilir.

Senaryo filmden önce eklendiğinde, filmin farklı yerlerinde yoga yapılabilir. Daha spesifik olarak, Eylem Komut Dosyaları ana kareleri, düğme örneklerini ve film klibi örneklerini silebilir. Komut dosyalarına genellikle Kare Eylem komut dosyaları, Düğme Eylem komut dosyaları ve MovieClip Eylem komut dosyaları denir.

Eylem Komut Dosyası senaryoları, sistemin kendisi tarafından başlatılan mevcut şarkılara dayanır. Şu anda takibin operatörü olan Flash programına talimat veren mekanizmaya yaklaşımın anlaşılması denir.

Action Script, JavaScript sözdizimine biraz benzeyen güçlü bir sözdizimine sahiptir. Flash MX 2004, tüm Action Script'i destekler önceki versiyonlar flaş.

Anlaşılması gereken en önemli şeylerden biri, Eylem Komut Dosyası є Eylemler - komutlardır, tıpkı bir SWF dosyasını izleme saatiyle ilgili talimatları gördüğünüz gibi. Örneğin, gotoAndStop(), oynatma kafasını şarkı çerçevesine veya etiketine ayarlar. Eylemler kelimesi filmin adına benzer - Eylem Komut Dosyası (kelimenin tam anlamıyla - senaryo dіy). Filmin anlamını daha iyi anlamak için onu belirli izmaritlerden tanıyabiliriz.

etkileşimli fotoğraf albümü

Bir fotoğraf albümünü yönetmek için düğmelerin seçimini göstereceğiz - bir dizi fotoğraf oluşturalım ve fotoğrafları ileri ve geri hareket ettirecek iki düğme ekleyelim.

Fotoğraftan önceki ana düzenleme satırına gidin ve standart set için buton ekleyin. Gerekli klasöre erişim için vikonaty'yi takip edin Windows komutu\u003d\u003e Kontrol Panelleri Ortak Kitaplıklar \u003d\u003e Düğmeler (Şek. 6).

mal. 6. Standart kitaplık için bir düğme ekleyin

Verilen komutun bir sonucu olarak, büyük buton setinin intikamını alacak bir panel görünecektir. farklı şekiller. Örneğin, Anahtar Düğmeleri (klavye tuşlarına benzer düğmeler) seçin, bir klasör seçin, sol tuş düğmesini seçin (Şekil 7) ve bu düğmenin bir örneğini oluşturun (sahneye sürükleyerek).

mal. 7. Anahtar Düğmeler Klasör Öğeleri

Saygı gösterin, bu nedenle, bir arkadaşınız için sahneye bir düğme (sağ tuş) yerleştirirseniz ve onu hareket ettirirseniz, ilk düğmeyle aynı seviyeye yerleştirirseniz, program size izin veren bir ipucu (kesik çizgi) verir. düğmeyi doğru şekilde konumlandırmak için (Şek. 8).

mal. 8. Aynı seviyedeki düğmelerin otomatik eşlenmesi

Komut dosyası eklemek için, Pencere \u003d\u003e Geliştirme Panelleri \u003d\u003e Eylemler komutunu kullanarak veya F9 tuşuna basarak Eylem Komut Dosyası düzenleyicisini açmanız gerekir. Sık sık komut dosyası yazmayı seçerseniz, klavye komutunu ezberleyin. Sonuç olarak, Eylem Komut Dosyası düzenleyicisi görünecektir (Şekil 9).

mal. 9. Eylem Komut Dosyası düzenleyici panelleri

Sahnede farklı öğeleri görüp, aynı zamanda Eylem Komut Dosyası düzenleyicisinin panellerinde yorum yaparak deneyler yaparken, programın ne önerdiğini, kodu hangi öğeye "asabileceğinizi" göreceksiniz. Sahnede bir çerçeve görürseniz editör panelinin sol üst köşesinde Eylemler - Çerçeve görünür, butona tıklarsanız Eylemler - Buton görünür, böylece program size kodun daha önce girileceğini söyler. düğme komut dosyası. Ve bir fotoğraf görürseniz, komut dosyasının tanıtımı için belirlenen alanda aşağıdakiler görünecektir: Mevcut seçim, kendisine uygulanan eylemlere sahip olamaz (bu görünen nesneden önce komut dosyasını durdurabilirsiniz).

Buton senaryosunu kullanacağız. AT diğer versiyonlar ActionScript - tek bir yere yerleştirilen merkezi kod, bu kodu yazma yeteneği ve bu yetenek, harika programları daha kolay keşfetmenizi sağlar. Ancak, içinde basit popolar(Gördüğümüz gibi) Bir butona bir komut dosyası atamaya bir bütün olarak izin verilir.

Ayrıca, sol ok bulunan buton için şu senaryoyu resmileştirmemiz gerekiyor: “Eğer mevcut karede butona izin veriliyorsa, o kareden ön kareye gitmek gerekir.” Hareket Etme Komut Dosyasının sözdizimine uygun olarak (Şekil 10), saldırgan bir sıralama gibi görünecektir:

İlk satırda () üzerindeki düğmenin biçimlendirilebilen bir kopyası bulunur:

Şimdi, gerekli fotoğrafın yeni karesi yerine, ilk karedeki düğmenin oluşturulmasını kopyalamaları için birkaç anahtar kare ekliyoruz.

Ekranda bir film başlatırsanız, kareler birbiri ardına kesintisiz olarak oynatılacaktır ve ayrıca öncelikle ilk karede “Dur” komutunu vermemiz gerekiyor. İlk kare için ikinci bir komut ekleyin (Şekil 11).

mal. 11. Senaryo, ilk kareyi atama

Dönüş saygısı: komut bir düğmeye değil, bir çerçeveye atanır. Bir komut dosyasının bir çerçeveye atanması, ana düzenleme satırı olarak kabul edilir - çerçevedeki kalın noktanın üzerinde küçük bir "a" harfi görünür.

Sonuç olarak, yaklaşan filmi kaldırdık.

Fotoğraf albümlerimizde bir sürü çekim varsa, o zaman iki düğme - “İleri” ve “Geri” - oldukça yeterlidir ve eğer harika bir fotoğraf seti varsa, o zaman filmi iten düğmenin annesidir. koçanın üzerinde. Basamak poposunun ek düğmeleri vardır: “İlk karede” ve “Kalan kareye”. Circle Buttons klasöründeki standart düğme kitaplığından uygun anımsatıcının düğmelerini seçebilirsiniz (Şek. 12).

Proponated popo üzerinde, daha uzak bir zubik ile gerekli çerçeveye gitmenizi sağlayan bir gotoAndStop () komutu daha tanıyoruz.

mal. 12. Daire Düğmeleri klasöründeki düğmeler

İlk kareye (Şekil 13'teki üçüncü kare) gitmek için butonda, Şekil 13'te gösterildiği gibi kodu değiştireceğiz. 13.

mal. 13. "İlk kareye" düğmesi için senaryo

Geri kalan düğmesinde beş çerçeveli bir fotoğraf albümünün bulunduğu açılır pencerede, "Son kareye" geçişi için komut dosyasını ekleyin:

Otomatik komut dosyası yazma

Şimdiye kadar tüm komutları manuel olarak yazdık, ancak ActionScript düzenleyici panelleri, otomatik komut dosyası oluşturma için çok çeşitli hizmetler sunar. Olasılıklara bakalım.

mal. 14. Otomatik Komut Dosyası Alın

Eylem Komut Dosyası düzenleyici paneli, komutları seçmenize, sürüklemenize, yeniden düzenlemenize ve silmenize olanak tanır.

Aynı komut dosyasını otomatik modda "İleri" düğmesi için nasıl yazabileceğinizi gösterelim. Movie Clip Control klasörünü seçerek (Şekil 14'te sol üst pencere) sub-on dosyasına erişime erişebilir ve ardından alt öğeye çift tıklayabilir veya pencereyi komut dosyası yazma alanına sürükleyebilirsiniz. Sürükle ve Bırak modu.

mal. 15. İfadeyi tamamlamak için ipucu

Sonuç olarak, çalışma alanında görünümün gerekli gösterimi ve ipucu görünecektir (Şekil 15): menüden gerekli komutu seçersiniz ve pencere otomatik olarak tamamlanır. Menüden de görebileceğiniz gibi, ekran düğmelerine bağlı olan sadece zihni seçemezsiniz - ayrıca Şekil 2'deki menüden de seçim yapabilirsiniz. 15 nokta tuşuBasın " "Abo tuşa basın" ", klavye tuşlarının basıncını iten (ok sola, ok sağa), böylece klavye tuşlarının yardımıyla "yanacak" bir fotoğraf albümü oluşturmak mümkündür.

mal. 16. Klavyeye dön düğmesi

keyPress komutunu alın " "(Şek. 16), ardından Zaman Çizelgesi Kontrolü klasörüne gidin, nextFrame komutunu seçin ve onu çalışma alanına sürükleyin (Şek. 17).

mal. 17. nextFrame komutu Zaman Çizelgesi Kontrolü klasöründe bulunabilir.

Filmi fotoğraf albümünün en üstüne aktaran buton için menüden Home butonunu seçip (Şek. 18) gotoAndStop komutunu alana sürükleyebilirsiniz, bunun sonucunda bir ipucu daha görünecektir. bu komutun olası sözdizimi hakkında.

İpucundaki oklar, farklı sözdizimi seçeneklerine bakmanıza olanak tanır. Program iki seçenek sunar (Şek. 18 ve 19), böylece sizden bir sahne ve bir çerçeve veya çerçeve ayarlamanızı ister. Bizim açımızdan sadece bir çerçeve (Çerçeve) eklememiz gerekiyor. Sahnenin adı atlanırsa, altyazının arkasında akış sahnesinin çerçevesine bir geçiş vardır.

mal. 18. Olası komut sözdizimi önerisi

mal. 19. Hileli ok, sözdizimi seçeneklerini gözden geçirmenizi sağlar

O zamandan beri, tüm düğmeleri iptal etmek bizim için önemli klavye düğmeleri, Yaklaşan filmi alıp klavyeden gırtlak atıyoruz ve fare ile ekran butonlarına basıyoruz herhangi bir iz yok.

Bir senaryoyu güvenceye almak için ne yapabilirsiniz, bazı farklar olsa da, bunlar tek ve aynı eyleme yol açacaktır? İsim koleksiyonundaki isimlerin listesini yeniden keşfetmenin kim için gerekli olduğu mümkün görünüyor. Listeye ilkinden sonra birini koyarsanız, programın kendisi sizden bir menü isteyecektir (Şek. 20).

mal. 20. Komut listesine bir komut girerken, otomatik olarak ek komutlardan oluşan bir menü görüntülenir.

Diğer girişin (ekrandaki düğmenin kabulü) ilk girişine (klavye düğmesine basarak) Dodamo:

Diğer düğmeler için prosedürü tekrarlıyoruz ve sonuç olarak fotoğraf albümünü kaldırıyoruz, bu durumda fotoğraflar bir yardım faresi olarak, yani yardım klavyesi için (isteğiniz üzerine FLA dosyası alınabilir).

Bakılan popoda, kare numarasından sonraki geçişi kazandık, ancak bu yöntem her zaman güvenilir değildir: Filmi düzenleme sürecinde karelerin numaralandırılması değişirse, mantık bozulabilir. Çerçeve boyunca geçişi daha kolay kazanın. Sadece albümü regurjite etmenin değil, aynı zamanda diğer bölümlere geçmenin de gerekli olacağı popoya bir göz atalım, böylece navigasyon daha uygun olur.

Albüm miniklerden, bilgisayar grafiklerinden ve fotoğraflardan oluşsun.

İlk kare, "küçük" bayanlar etiketi Resimlerine bölündü, diğer bayan etiketi grafik ve fotoğraf bölümlerinin ilk karelerine benzer şekilde.

Etiketleri yerleştirmek için bir balon oluşturalım ve buna Yogo Etiketleri diyelim. Bir çerçeveye etiket koymak için, Özellikler panelinde Ad etiket türünü seçmeniz ve adı yazmanız gerekir. Vipadimizde Resimler var (Şek. 21). Benzer şekilde, çerçeve 5 ve 10'a da işaretler yerleştiriyoruz (Şek. 22).

mal. 21. Bir çerçeve etiketine atanan stok

Şimdi yeni bir top dodamo ve biz buna Yogo Eylemleri diyoruz. Eylemler topunun ilk anahtar karesinde, Eylemler Çerçevesi panelini çağırın (F9 düğmesine basarak) ve stop () komutunu yazın (böl. Şekil 22)

mal. 22. İlk karenin senaryosu

Konular (konular) altına bir top daha ekleyin, bu durumda farklı çerçevelere başlıklar eklenmelidir: "Bebek" (Şekil 23), "Grafik" ve "Fotoğraf".

mal. 23. "Malyunki" bölümünün personelinin adı

Şimdi de Menü adı altında yeni bir topun üzerine yerleştirilmiş gibi benzer isimlere sahip bir menü butonunu yan tarafa ekledik.

“Malyunki” menüsünün ilk maddesi sol kenardan ihlal edilir ve bir düğme sembolüne çevrilir. Ek Ok aracının arkasında, “Bebek” metin bloğunu görebilir ve Değiştir \u003d\u003e Sembole Dönüştür komutunu seçebilir (bu komut F8 yardımcı tuşundan sonra yazılabilir), Sembole Dönüştür panelinde sembolü ayarlayın Button'a yazın ve önemli ölçüde adı pictureButton'dur (Şek. 24).

mal. 24. Önemli ölçüde, resimButonunun adını taşıyan küçüklerin bölümüne geçmek için düğme

"Bebek" düğmesi için birkaç kare oluşturalım: ilki sadece harici bir metin olacak (Şekil 25), diğeri sadece mavi renkte aynı metin olacak, üçüncü kare atlanacak (ki Aşağı-çerçevenin Üst-frame ile aynı olması durumunda) ve Hit-frame'de, basma düğmesinin alanını belirtmek için hafif dikdörtgen bir alan vardır (Şek. 26).

mal. 25. Üst çerçeve düğmesi resmiDüğme

mal. 26. Resmin Hit-çerçevesiButon

Şimdi yeni oluşturulan düğmeyi kodlamamız gerekiyor. Sahne 1'de düğme kimin için görünür ve F9'a basarak Eylemler panelini tıklayın ve ardından kodu, şek. 27.

mal. 27. Etiketli bir çerçeveye geçiş senaryosu

İnternette ve TV yayınlarında sürekli olarak flash animasyonla uğraşıyoruz. Flash teknolojisinin yardımıyla basit bir flash animasyonu oluşturma - görevi tamamlamak kolaydır, bu nedenle Flash tüm süreci basitleştirmek için birçok kahverengi araç kullanır. Bir flash animasyon veya çizgi film oluşturmak istiyorsanız, sadece birkaç yıl içinde kendi eskizinizi oluşturabilirsiniz.

kroki

Bölüm 1

Çerçeve animasyonu temelleri. Bu yöntem, kutanöz ilerleyen çerçevenin bir, ancak üç görüntü değişikliği içerdiği "geleneksel" animasyon oluşturmanın ana yöntemi olarak kabul edilir. Tüm çerçeveler açıldığında görüntü "canlanıyor". Aynı yöntem, elde çizgi film çizen ve bir saatten fazla süren, Eşleştirmeyi azaltan (saldırı bölünmesine hayret etmek için) animatörler tarafından kazanılır.

• Kilitlendiğinde Flash, saniyede 24 kare (FPS) hızında oluşturulur. Bu, bir saniyede 24 karenin gösterileceği, ancak hepsinin değiştirilemeyeceği anlamına gelir. Bu ayarı (istediğiniz gibi) 12 fps olarak değiştirebilirsiniz, ancak 24 fps'de animasyon daha "pürüzsüz" çalışacaktır.

1. Flash Professional'ı yükleyin.Є flash animasyon oluşturmak için anonim yazılım, ancak en zoru Adobe Flash programı Profesyonel CC. özgürce yükleyebilirsiniz Deneme sürümü Adobe Creative Cloud'a kaydolmak istemiyorsanız, lütfen başka bir ürün kazanmak için programı kullanın. Bu makalede ayrıca, Flash Professional ile bir robot açıklanmaktadır.

   Bu nedenle, kare kare animasyon birçok görüntünün daha net görünmesini sağladığından (mesela troch'lar tek bir görünümdedir), o zaman bu görüntüleri manuel olarak oluşturmanız gerekir. Kimin için, Adobe Flash Professional'ı acele edin veya görüntüyü herhangi bir grafik düzenleyicide boyayın.

   • Resimlerinizi herhangi bir güç harcamadan kolayca genişletmek istiyorsanız, görselleri vektörde değil, vektörde oluşturun. bit görüntüler. vektör görüntü boyutlarını değiştirirken kendilerini yeniden yapacaklar (pikselleşmeyi veya düzgünleştirmeyi önlemek için). Raster görüntüler - geleneksel görüntüler, örneğin fotoğraflar, boyalı resimler vb. Böyle bir görüntü yapmaya çalışırsanız çok oluşturulmuş bir fotoğraf çekmiş olursunuz.

2. İlk çerçeveyi oluşturun. Adobe Flash Professional'ı ilk başlattığınızda, tuvalin (top) boş olduğundan ve zaman ölçeğinin boş olduğundan emin olun. Personel ekleme dünyasında, zaman ölçeği otomatik olarak doldurulacaktır. Tıpkı Photoshop'ta yaptığınız gibi toplarla çalışabilirsiniz.

   • İlk önce bir resim ekleyin, animasyonunuz için temel bir arka plan oluşturun. "Top 1"i "Arka Plan" olarak yeniden adlandırın ve ardından yogoyu kapatın. Başka bir top oluşturun ve bir rüya gibi adlandırın. Üzerinde animasyon oluşturacağınız bir top olacak.
   • Küçükleri ilk karenin tuvaline ekleyin. Küçükleri bilgisayarınızdan içe aktarabilir veya küçükleri doğrudan programda oluşturmak için çizim araçlarını kullanabilirsiniz.
   • İlk kare aynı "anahtar" karedir. Anahtar kare - görüntüyü içeren ve animasyonun temelini ("kіstyak") oluşturan tüm kare. Görüntüyü her değiştirdiğinizde yeni bir dış görünüm anahtar çerçevesi oluşturacaksınız.
   • Saat ölçeğindeki ana kareler siyah bir nokta ile gösterilir.
   • Dış görünüm adım karesinde bir anahtar kareye ihtiyacınız yoktur. İyi bir animasyon oluşturmak için cilt chotiri-beş kare aracılığıyla bir anahtar kare oluşturun.

3. Bir görüntüyü bir sembole dönüştürün. Bu şekilde, bir çaçanın çerçevesine bir kez görüntü ekleyebilirsiniz. Bu özellikle renklidir, çünkü aynı türdeki resimlerin bir kopyasını bir kareye hızlıca eklemeniz gerekir (örneğin, akvaryumdaki balıklar).

   • Küçükleri görün. Tıklayın sağ düğme fareyi küçük olanın üzerine getirin ve "Simgeye Dönüştür"ü seçin (Bir sembole dönüştür). Resim ileride kaydedilebilmesi için kitaplığa eklenecektir.
   • Küçükleri görün. Övünmeyin - çerçeveye yoga ekleyebilirsiniz, hadi onu kütüphaneden dışarı sürükleyelim. Böylece çerçeveye bir ve aynı küçük hamsi ekleyebilirsiniz.

4. Boş çerçeveler gönderin.İlk anahtar kareniz hazır olduğunda boş kareler ekleyin ve ardından başka bir anahtar kare oluşturulana kadar devam edin. İlk ana kareden sonra boş bir kare eklemek için F5 (veya beş kez) yazın.

   Başka bir anahtar kare oluşturun (çünkü boş karelerin bir kopyasını eklediniz). Bunu yapmanın iki farklı yolu vardır: Temel ana kareyi kopyalayabilir ve yenisinde küçük değişiklikler yapabilirsiniz veya boş bir ana kare oluşturup yeni görüntüye ekleyebilirsiniz. Başka bir programda küçükler, kreasyonlar kazanırsanız, farklı bir şekilde acele edin. Adobe Flash Professional çizim araçlarının yardımıyla oluşturulmuş bir görüntü ekliyorsanız, ilk yöntemi kullanın.

   • Bir anahtar kare oluşturmak için ön anahtar kare yerine yazarak F6 tuşuna basın. Boş bir ana kare oluşturmak için, saat ölçeğinde kalan kareye sağ tıklayın ve "Boş Ana Kare Ekle"yi seçin.
   • Başka bir anahtar kare oluşturduktan sonra, animasyonun "canlanması" için bu görüntüde değişiklikler yapmanız gerekecektir. Adobe Flash Professional çizim araçlarını kullandığınız için, küçük çocuğunuzun bir öğesini (örneğin, karakterin eli) görmek ve yogayı değiştirmek için “Dönüştür” aracını seçin.
   • Deri bir anahtar karede olduğu gibi, yeni bir görüntü eklersiniz, değiştirirsiniz, doğru yerdedir (mantıksal çekim sırası için).

5. İşlemi tekrarlayın.İki ana kare oluşturulduktan sonra işlemi tekrarlayın - dış görünüm anahtar kareleri arasına birkaç boş kare ekleyin ve geçiş yapın, böylece animasyon "sorunsuz" oynatılır.

   • Küçük değişiklikler yapın. Ne kadar az (hatırlanmayan) değişiklik olursa, animasyon o kadar düzgün olur. Örneğin, isterseniz, karakter elini kaldırırsa, başka bir anahtar kare, görüntülerin karakterinin zaten elini kaldırdığı küçükleri açmaktan suçlu değildir. İndirilen elden kaldırılan ele geçiş için kilit atışları kazanan milletvekili. Bu şekilde animasyon daha akıcı olacaktır.

6. Küçükleri dönüştürün. Ana kareleri ve yörüngeyi oluşturduğunuzda, Rusya'da ikiz yörünge boyunca sorunsuz bir şekilde değişmesi için görüntüyü yeniden şekillendirebilirsiniz. Şekil, renk, saçak, boyut ve diğer görüntü parametrelerini değiştirebilirsiniz.

   • Küçüklerin dönüşeceği bir çerçeve seçin.
   • Güç panelini aç ufaklık. Bunun için F3'e basın.
   • Küçük olanın gücünün parametrelerinin değerlerini değiştirin. Örneğin, rengi veya rengi değiştirebilir, filtreler ekleyebilir, boyutu değiştirebilirsiniz.
   • Küçükleri istediğiniz gibi değiştirmek için "Serbest Dönüştürme" aracını da çevirebilirsiniz.

7. Son rötuşları yapın. Ctrl + Enter tuşlarına basarak oluşturulan animasyonu tersine çevirin. Küçüklerin (karakter) doğru değişip değişmediğini ve animasyonun doğru hızda yapıldığını kontrol edin. Animasyon çok hızlı çalışıyorsa, FPS değerini değiştirin veya ikizlerin trivalitesini artırın.

   • FPS'yi kilitlemek için 24'e daha yakındır, bu nedenle değeri 12 olarak değiştirmeyi deneyin. Yetki panelindeki FPS değerini değiştirin. Ancak FPS \u003d 12'de animasyon yeterince düzgün çalışmayabilir.
   • İkizlerin üçlülüğünü değiştirmek, ikizlerin intikamını almak için bir top seçmek ve bir arayanın yardımı için ikizlerin üçlülüğünü değiştirmek. İkizlerin önemsizliğini ortaya çıkarmak istiyorsanız, grubu 48 kareye koyun. Arka planın animasyonun ortasında görünmemesi için arka planı boş karelere yerleştirmeyi unutmayın. Bunun için bir arka plan topu seçin, animasyon çerçevesinin geri kalanını (saat ölçeğinde) tıklayın ve ardından F5'e basın.

3. bölüm

1. Ses efektlerini ve müziği kaydedin veya indirin. Animasyonu daha etkili hale getirmek için ses efektleri ekleyebilirsiniz. Animasyonu daha kısık hale getirmek için müzik ve iyi bir animasyonu bir mucizeye dönüştürebilir. Flaş destekler farklı formatlar AAC, MP3, WAV ve AU dahil olmak üzere ses dosyaları. Garanti ettiğiniz bir format seçin yüksek kalite dosyanın minimum boyutunda ses.

   • MP3 formatı, minimum dosya boyutuyla yüksek kaliteli sesi garanti eder. WAV formatındaki dosyalar büyük ölçüde genişletilebilir.

2. Animasyona kolayca ses ve müzik ekleyebilmeniz için ses dosyalarını kitaplığa aktarın."Dosya" (Dosya) - "İçe Aktar" (İçe Aktar) - "Kütüphaneye İçe Aktar" (Kütüphaneye İçe Aktar) tuşlarına basın. Bilgisayarınızdaki ses dosyasını bulun. Yogayı kolayca öğrenebilmeniz için ses dosyasının kolayca hatırlanabileceğini tekrar düşünün.

   Dış görünüm ses dosyası için yeni bir küre oluşturun. Obov'yazkovo değil ve ana topa ses ekleyebilirsiniz, ancak bir okremium topuna bir ses dosyası eklemek, animasyonun ses izini daha iyi kontrol etmenizi sağlayacaktır.

   Bir ses oluşturmaya başlayacağınız bir anahtar kare oluşturun. Sesle başlayacağınız, sesli topun üzerinde bir animasyon karesi seçin. Boş bir ana kare eklemek için F7 tuşuna basın. Örneğin, tüm animasyonlar sırasında kullanılacak bir ses dosyası eklemek istiyorsanız, ses dosyasının bulunduğu top üzerindeki ilk kareyi seçin. Karakterin sesini eklerken bir çerçeve seçin ve karakter konuşmaya başlar.

İnternetteki güzel banner animasyonları için ne istediğinizi merak etmediniz mi? Yardım için yaratılmış yeni çıkmış çizgi filmler için Abo bilgisayar Teknolojisi? Çoğu zaman “et” üzerine kuruludur, daha doğrusu Flash teknolojisinin İngilizce adı bu şekilde çevrilir. Bugün site için flash animasyon hakkında konuşacağız:

flaş teknolojisi

Multimedya temeli, Macromedia tarafından genişletildi. її poglinannya'dan (zlittya) sonra Ale, teknolojinin tüm hakları yeni ana - Adobe Systems'a devredildi.

bölge günlük zastosuvannya Adobe Flash programı:

• Web eklemelerinin oluşturulması - doğrudan yeni dosit. Sitelerin oluşturulması için dışarıda veya genellikle zastosuvannya Flash olabilir. Bu teknolojinin yardımı için sık sık zastosuvanni olması durumunda, diğer tasarım öğeleri oluşturulur: farklı etkileşimli menüler, animasyonlu düğmeler, vb.

Html flash sitelerine dayanan Porіvnyannі zіchnymi kaynakları, onları zastosuvannya'yı çevreleyen bazı özelliklere sahip olabilir. Burada genişlemenin çok yönlülüğünü, sunucu kaynaklarına ulaşma yeteneğini, uzun saatİnternet ve diğer yönlerle tam bağlantı için coşku:

• Multimedya yeteneklerinin uygulanması - sitelerde ses dinlemek ve video oynatmak için, Flash temelinde oluşturulan medya oynatıcılar sıklıkla kullanılır. Bu genişletme, komut dosyası oluşturma hareketlerinden birinin (özellikle JavaScript) bir türevini içerir:

• İnternet reklamcılığında, animasyonlu afişler oluşturmak için en yaygın teknoloji galip gelir. Koku, yalnızca multimedya reklamcılığının tanıtımından değil, aynı zamanda oyun temelli etkileşimden de kaynaklanabilir.

Flash geliştirmek için temel bilgiler ve araçlar

Flash animasyonu oluşturmak için en sık geleneksel Adobe araçları kullanılır:

• Adobe Flash Professional - etkileşimli animasyon (animatör) oluşturmak için bir program;
• Adobe Flash Builder - bir web eklenti arayüzü oluşturmak için bir çerçeve;
• Adobe Flash player- Flash uygulaması için tarayıcı oynatıcıya entegrasyon.

Bu tür bir dizi üçüncü taraf katkı maddesi yerine yeni bir krem ​​oluşturulabilir. Bunların en popülerleri Gnash, QuickTime ve diğerleri:

Bu teknoloji, herhangi bir grafik türünü görüntülemenizi sağlar ( raster, vektör, 3D). Ayrıca ses ve video verilerinin akış aktarımını da destekler. Özellikle mobil müştemilatlar Flash Lite'ın daha hafif bir sürümü yayınlandı.

Flash dosyaları için ana standart SWF uzantısıdır. Kısaltma, Küçük Web Formatı anlamına gelir. Flash'ta kaydedilen video, dosya uzantısı FLV, F4V.

Flash üzerinde etkileşimli animasyonun geliştirilmesi vektör grafiklerine dayanmaktadır. Çok zavdyaki tsomu, multimedya platformunun desteğini ve ekranın izin verdiği animasyon kalitesinin bağımsızlığını uygulamak için çok uzakta.

Ancak, ekranın teknik özelliklerinden (izin) bağımsız olarak tüm coristuvach'lar için dosyayı bir flash dosyasına genişletin.

Flash'taki etkileşimli animasyon, ana kareler arasında geçiş yapma olasılığının daha yüksek olduğu biçim değiştirmeyi (vektör türü) temel alır. Bu zaferlerin uygulanması için bir flash oynatıcı kullanılır, robot bir şekilde bir robota benzeyen şey açısından zengindir. sanal makine JavaScript. Yazılım ambarı teknolojisi, ActionScript yardımıyla uygulanır.

Teknolojinin eksikliklerinden önce, önümüzdeki anları görebilirsiniz:

• Daha güçlü arzu merkezi işlemci müşteri makinesi. Bunun nedeni, tarayıcı programcısı ile aynı anda gerçekleşecek olan flash sanal makinesinin düşük verimliliğidir;
• Yüksek derecede af - flash animasyon, yüksek af affı ile oynanabilir. Ayrıca Flash programlamadaki başarısızlıklar tüm sistemin çalışmasını olumsuz etkiler. müşterinin eki(Tarayıcı). Bunun nedeni, eklentiler yanıp sönerken program kodunun okunabilirliğinin yetersiz kontrolüdür;
• İndeksleme yok - Flash'ta görüntülenen tüm metin içeriği indeksleme sürecinde yer almaz. Bu değişim, bu teknoloji temelinde oluşturuldukları için özellikle bu kaynaklar için sorunludur.

Flash Klasörü için Üçüncü Taraf Yazılımlarına Genel Bakış

Ek bir bonus olarak, Sothink SWF Quicker'ı kullanarak Flash oluşturmanın temellerini göstereceğiz. Zengin fahіvtsіv düşüncesinde, program öğrenme için en mantıklı ve basittir.

Flash düzenleyici "vmіє" oluşturma ve düzenleme, diğer web animasyonu türleriyle (GIF, HTML ve diğer standartlar) çalışır:

Kurulumdan sonra programın kullanıcı dostu arayüzüne geçiyoruz. Ne yazık ki, tüm köşeleri ve çatlakları blöf yaptıktan sonra hareketli arayüzün arayüzünü bilmiyorduk.

Herhangi bir eklentide flash animasyonun nasıl oluşturulacağını anlamak için şablonları hızlı bir şekilde kullanın. Program bir sonraki başlatılışında "Şablondan Yeni" iletişim kutusu görünür. Bu yoganın kremine “Dosya” ana menü öğesinden tıklanabilir. Önerilen seçenekler arasında bir afiş oluşturmayı seçtik:

Bir sonraki liste için animasyonun oluşturulacağı bir şablon seçilmesi gerekiyor. Altında, titreşimli şablonun programlandığı küçük bir çerçeve vardır:

Sonraki aşamalarda, banner'ın boyutunu ayarlamanız ve animasyonda oynatılacağı gibi metne 5 kelime öbeği girmeniz gerekecektir. Ek olarak, kaynağın adresini belirtmek gerekir, bir tür coristuvacha için afişe tıklayın:

Projenin derlenmesi ve master haftasının kapanmasının ardından programcı yardımıyla yeni videoya bakabilirsiniz. Dağlardaki yeşil oka tıklamak için gerekenler:

Programı kapattıktan sonra program arayüzünü daha detaylı inceleyelim. Şarabın iki ana vicondan oluştuğuna olan saygıyı arttırmak için: üstteki videonun saatlik aralığını düzenlemek için kullanılır ve alttaki ana videodur. grafik düzenleyici. Standart aletlerin yardımıyla değiştirilebilen kremsi bir top üzerinde dikiş unsurlarına sahip deri, yan panelde dikiş.

Vіdkrivaєmo Flash MX.
Önümüzde çalışma sahnemiz, menümüz, araç çubuğumuz vb. Aşağıda, sondaki aynı eksen bulunmaktadır: Özellikler (Güç). Çizgi filminizin ana ayarları var (Şek. 1).
ÇERÇEVE HIZI - karikatürünüzü kaydırma hızına tıklamak için oradayız. Aksi halde 12 fps, bir saniyede çizgi filminizin 12 karesinin (karesinin) oynatılacağı anlamına gelir. Kalite standarttır ve prensipte gerekli olanlardır. Çizgi filminizi yükseltmeniz gerekiyorsa - değiştirin, iyileştirmeniz gerekiyorsa - sayıyı artırın.

Şimdi animasyonun kendisine geçelim.
Flash'ın iki ana modu vardır: şekil arası doldurma ve hareket arası doldurma.
Önce bir bakalım. Şekil - (İngilizce) Şekil. Buradaki dilin biçimi değiştirmekle ilgili olduğunu zaten biliyorsunuz. Bir form oluşturuyorum, örneğin mavi bir kare. Vgorі, doğru zamanda (zaman çizelgesi) ilk karede gri yaprak bitleri üzerinde bir kupamız var - bir ana kare (ana kare) oluşturduk. Şimdi aynı kareyi 10. karede oluşturalım. Bunu iki şekilde yapabilirsiniz: ayıyı 10. kareye doğrultun, tıklayın (çerçeve mavi olur) ve menüde sırayla seçin: Insert-\u003e ana kare; aksi takdirde şunları yapabilirsiniz: fareyle çerçeve 10'da gezinin, tuşuna basın, F6'ya basın. Bir saat arayla 10 çekimin tamamı yapılır. Kırmızı çizgi bildiğimiz personelin üzerinde gösteriliyor. (İncir. 2)

10. kareye geçelim. Karemizi görüyoruz (ayı ile veya ctrl + A tuşlarına basarak, - tuşların başarısı çalışma alanında bildiğimiz her şeyi görür). Meydanımızı yanlara doğru bir yere kaydırıyoruz (10. karede ne görüyorsanız onu takip edin!) Şimdi ilk kareye geri dönelim. Özellikler satırında, "none" özniteliğinin kilitlerin arkasında olması gerektiği yerde Ara'yı seçin. Tobto animasyon yok. Yogo'yu "şekil" olarak değiştirin. Belli bir saatte çerçevelerimiz oklu açık yeşil renkle doldurulur. Her şey ezilmişse, "enter" tuşuna basın. GÜZELLİK! Kare çöküyor, aynı renk değişiyor! 10. kareye geçelim. Her şeyi görebiliriz (ctrl + A). І (görmek için) sil tuşuna basın. Meydanın ortasında minik kırmızı bir kupa var. Yine ilk kareye geçiyoruz ve enter'a basıyoruz. Kare şimdi bir daire ve bir chervonim olur. Deri bir çerçeve boyamanız gerekmediğini zaten fark ettiniz - flaşı patlatmak size kalmış! Özel doğruluk istiyorsanız, aksi takdirde hile yapabilirsiniz. Daha sonra aynı dosya boyut olarak genişletilir. Kareden daha yumuşak geçişe ihtiyacınız varsa, örneğin, kuhol - bu işlemi 10 değil, diyelim ki 25 kare artırın. Daha kurnaz harekete ve yer değiştirmeye ihtiyacınız varsa - top maskeleri kullanmanız gerekenler, ancak onlar hakkında, bu bir saldırı zamanı gibi. Bebek 3, animasyonunuzun çizgide nasıl göründüğünü gösterin. Artık yılan şeklinde en basit filmi yaratabilirsiniz!

Şimdi animasyon oluşturmanın başka bir yoluna bakalım: ara hareket Üç katlama daha olacak. Yeni bir flash dosyası açıyorum.
Şekil ve hareket neye benziyor? Tim, farklı bir şekilde, formlar üzerinde değil, hazır nesneler, yani semboller üzerinde çalışacağız. Sembol - bu yüzden bimoviti, tek bir animasyon yanıp söner. En genişleyen boyama yöntemi. Her şeyi tekrar ediyorum - ilk karede küçük mavi bir kare var. onu görürüz ve F8'e basarız (aksi takdirde sırayla takip ederiz: Insert-\u003e sembole dönüştür). Önümüzde bir diyalog penceresi var (Şekil 4).

Bu ne? Flash'ın üç tür sembolü vardır: film klibi (moovie klibi) - bu, sembolün ortasındaki bir tür ek animasyondur. bu nedenle, bu sembolün intikamı kendi içinde bir animasyon vb. maє ana sahne gibi saate tam olarak böyle bir satır; düğme (düğme) - saldırıya tepki veren bir unsur, üzerinde bir ayının varlığı vb. Kısacası, düğme і є; ve üçüncü öğe, en statik olanı - grafik. Bu sadece bir grafik, bir resim gibi. Geri kalanlarla pratik yapacağız. Yoga denir gibi, "Tamam" a basmak. Kareye bir daire yerleştirilir - aksi takdirde, sembolümüzün merkezi (merkez bu iletişim kutusunda da ayarlanabilir). Tüm sembollerimiz kütüphaneye girilir. Bunları düzenleyebilir, gerektiğinde ekleyebilir, gerekli olmayan yerlerde ekleyebilir, görebilir, ekleyebiliriz. Kitaplığınıza bakmak için F11 tuşuna basın veya şunu yazın: Pencere -\u003e Kitaplık. 10. karede bir anahtar kare (F6) oluşturuyoruz. Artık meydanımızın olduğu yere gidebiliriz. Görünmez yapalım: 10. karede yoga kimin için görünür? Renk bölümündeki panel özelliklerinde alfa (saydamlık) ayarlayın. Pencereler için özniteliği ayarlayalım: 0. 1. kareye dönelim. Vikonaєmo tüm bunlar, şekil arası doldurma için scho, sadece şeklin değiştirilmesi önemli harekettir. Zamanlama satırındaki çerçeveler mora döner ve şekil l'de gösterildiği gibi içlerinden bir ok dokunur. 5. Enter'a basın.

"Boş uçacak bir kare" gibi bir etkimiz var. Yaşıyorum! Bir flaş programla ilkel olarak nasıl çalışılacağını biliyorsun!
Bir diğer önemli özellik ise, dış görünüm animasyonunun okremy topunun (Katman) görüntülerinden kaynaklanmasıdır. Yardım komutundan sonra bir top daha eklemeniz gerekirse: Ekle-\u003e Katman.
І zovsіm trohi yaklaşık bir saate kadar.
Zaten anladığınız gibi - oklu açık yeşil - şekil arası, mor oklu - hareket arası. Açık yeşil veya çizgili menekşe - animasyonu ayarladınız, ancak animasyon oluşturmak imkansızdı, - yanlış yaptınız. Gri renk - bu tür gölgelemeli tüm kareler - ön ana karenin (ana kare) tam bir kopyası. Daha fazla zabarvlennya liniї, bu çekimlerde hiçbir şey olmadığı anlamına gelir. Siyah kupa anahtar çerçevedir. Beyaz kupa - boş ana kare (boş ana kare). Pekala, her neyse. (Şek. 6)

Şimdilik, her şey şimdilik. Pratik yapabileceğiniz minimum düzeyde Tsei. Sesi eklemeye, sesi kontrol etmeye devam etsinler ve devam etsinler - Masyan'a yaz. :) Hiç vakit kaybetmeden bir ders daha yazacağıma söz veriyorum - flaşlı animasyonu kullanarak. Bunlar hakkında, "düşen bir kalemin" nasıl büyütüleceği, maskeler hakkında, şekil arası doldurmada şekil değişikliğinin kontrolü hakkında "e. Daha sonra yazayım.
Yine de, bazı insanlara yardımcı oldu - tüm FLASHER.RU sitesine teşekkürler. Fiyat, ölçüdeki en iyisidir.
Radyum buv ve radyum є! Daha fazla yemek için - lütfen foruma gidin veya: [E-posta korumalı]
(C) St. Dimitryi namı diğer Nirva'dan Flasher.ru'ya
http://flasher.ru