Formun animasyonu. Pratik çalışma “Flash programında form animasyonu oluşturma” Metodik kılavuz “Bilgisayar bilimleri derslerinde animasyon nasıl oluşturulur. Basit bir şekil videosunun oluşturulması

Dönüşüm, semboller yerine yalnızca grafik (vektör) nesnelerle çalışması açısından diğer animasyon türlerinden farklıdır.
Şekli sorunsuz bir şekilde değiştirmenin basit bir yolunu, sanırım herkes flash sitelerde öğrendi (bir kareyi bir daireye düzgün bir şekilde akıtmak),

Tüm grafik öğeleri, şekil değiştirdiği, başka bir png'ye dönüştüğü için görüntüye png olarak bakmanın faydalı olduğunu düşünmüyorum, ancak bir raster ile geçiş yapmak işe yaramıyor. Vykonati şarkı söyleme eylem algoritmasını kaydırın.
Kıçımıza söyleyelim.
Hemen vurguyu vurguluyorum - resim degradeler olmadan, gölgeler olmadan ve muhtemelen çok çizgili olmamalıdır (program bunu kaldıramaz), kim bilir böyle bir vektör, herhangi bir küçükte kaç tane renk tonu parçasının bulunduğunu ortaya çıkarır, bu nedenle Flash programının vektörle birlikte ana robotun arkasına atanması iyidir.
Aman Tanrım, herkes İncil'den etkilenir. kütüphaneden sembolün kendisine ekleyin - bir sembol oluşturun. Bir resim ekliyoruz, görünür hale geliyor, ardından - değişiklik - raster görüntü - vektörleştirme.

Son olarak, eğer 100'lük bir sınır değeriniz varsa, onu 10'a doğru düzeltin ve değerin ekseni en küçük alan ise, deney yapabilirsiniz, hesaplamalarınız için 1'i kullanın, aksi takdirde program (ten rengi) uzun bir süre boyunca kapsayacaktır. zaman, yani resmi nasıl elde ettiğinize bağlıdır, Rengin arkasında ne kadar katlanabilir, değerleri değiştirin ve hayret edin, ön görünüme bastıktan sonra isi, böylece viskozite çok fazla bozulmaz, kıçımdaki aks sanki 25 zenginmiş gibi ama güllük çok fazla zarar görmemiş, sonuç olarak mo bl'yi bastırıyor.

Vizyonu bilmeden baskı yapıyoruz - kopyala-

Ve düzenleme aşamasına geçiyoruz, 1 kare görünüyor ve sahnede - sokmak.

Tüm görüntülerin görülebilmesi ve okun kesişimleri göstermesi için klavyedeki okları hareket ettirmek daha iyidir, aksi takdirde çizgiler boyunca hareket edersiniz, bu zaten bir sembol değil, bir vektördür.
İlk kare görünür ve seçilebilir - form animasyonu oluştur Daha sonra, yaklaşık olarak 60. kareye boş bir anahtar kare eklenir. Parça, ölçekte noktalar olarak görünür.

Bunu başka bir resimle tekrarlayın (sembol ekle-oluştur-vektörleştirme-...kopyala...) sahneye döndüğünüzde gerekli çerçeve görünür (60'tan az),
sahneye tıklayın ve tuşuna basın - sokmakölçekteki parça değişir.

Ona söyledim ve bana gösterdim basit popo Ayrıca, eğer herkes resim yapabiliyorsa, hassas, düzgün geçiş için ipuçları (noktalar) ekleme, düğüm noktalarını değiştirme, oluşturma, yumuşatma vb. gibi geçişle çalışırken kullanılabilen ek düzenleme araçları da vardır ve bu araçların önemi.
Programlanabilir mi, merak ediyorum. Eksen, formun basit bir animasyonudur.

Pratik robot No. 1

Pratik robot No. 2:

"1" sayısı için sorunsuz bir şekilde "2" sayısına dönüşen bir şekil animasyonu oluşturun. Neden ilk ve son karelerde bir nesnenin şeklinin animasyonunu oluşturmalısınız? Sayılar nasıl görüntülenir, ayarlanır dış görünüş(Boyut, renk, konum, ön paneldeki bir dizi otorite tarafından hızlandırılmıştır).

İlk ve kalan anahtar karelerde bir metin nesnesinin şeklinin animasyonunu oluşturmak için sayıların "kırılması" (metinden grafiğe dönüştürülmesi) gerekir. Bunu yapmanız gerekir - alt komut görünür nesneye ayarlanacaktır ("Değişiklik" - "Katkı" menü modu).

Pratik robot No. 3:

Geçmişte ortaya çıkan animasyon, ilk karedeki nesne noktasının, kalan karedeki aynı nesne noktasıyla “çirkin” “örtüşmesi” yoluyla bizi etkilemeyebilir. Bir nesnenin diğerine dönüşümünün gerçekçiliğini arttırmak için, ilk karedeki nesnenin noktasının, “çaprazlama”nın kalan karesindeki nesnenin hangi noktasında seçildiğini belirtmek gerekir.

Kimler için aşağıdaki eylemleri kullanıyoruz (ön robotun Viktorya dönemi animasyonu):

Form animasyonu oluşturma uygulaması "Animasyon" - "Form Animasyonu" klasöründe bulunur.

Kısa ders notları:

Bir nesnenin özelliklerini (konum, boyut, döndürme, görünürlük vb.) değiştirerek animasyonun yanı sıra, nesnenin şeklini değiştiren bir animasyon da oluşturabilirsiniz.

İlk ve kalan anahtar karelerde bir metin nesnesinin şeklinin animasyonunu oluşturmak için metnin grafiğe dönüştürülerek "bölünmesi" gerekir.

Bir nesnenin diğerine dönüşümünün gerçekçiliğini arttırmak için, ilk karedeki nesnenin noktasının, “çaprazlama”nın kalan karesindeki nesnenin hangi noktasında seçildiğini belirtmek gerekir. Bu amaçla bağlantı noktaları (eğrilerin ipuçları) kullanılır.

Formun animasyonunu farklı renklerdeki şekillere ayarlarsanız, dönüşüm sırasında renkte bir değişiklik olacaktır.

Anahtar terimler

Form animasyonu
Rozbittya metni
İpucu çarpık

Alıştırma için ayarlayın:

Klasik animasyon formunu hangi nesneler için oluşturmak mümkündür?
Şekil canlandırılırken animasyonlu bir nesnenin rengini nasıl değiştirebilirim?
Form animasyonu oluşturulurken belirlenmiş bağlantı noktaları (eğri ipuçları) var mı?
Bir metin nesnesinin grafik verileriyle neyi kastediyoruz?
Bir formu bir metin nesnesine canlandırmak neden mümkün? Bir metin bloğuyla ne tür dönüşümler yapmanız gerekiyor?

Sağ

Animasyon animasyonu oluşturun.
Roc için bir animasyon oluşturun ve gökyüzündeki karanlığın şeklini değiştirin.
Yarının şeklini değiştiren bir animasyon oluşturun.
Asteğmenin rüzgarda dalgalanan tuvalinin bir animasyonunu oluşturun.

Tanım:

Dersin Hedefleri:
1. şef – çerçevelerin uç ve bitiş noktaları arasındaki küçük şekilleri dönüştürmek için kullanılan şekli değiştirerek çerçeveleri doldurma işlemiyle ilgili ifadeler formüle edin
2. gelişen - Bilgiyi analiz etmek ve kurtarmak için entelektüel zihinleri geliştirmek, geliştirmek yaratıcılık oluşturulan animasyonla
3. Vihovna - Vikhovuvati estetik olarak harekete geçer, gizemi perdelemeyi sever, öz kontrol becerilerini formüle eder.

Sahip olunan ve didaktik materyal: PEOM, Flash programı, multimedya projektörü, gösteri materyali, elektronik sunum, tasarım.

Dersin yapısı:

Organizasyon anı. Dersten önce öğrencilerinizin hazır olup olmadıklarını kontrol etmek.
Yeniden doğrulama Evde bakım
Animasyon nedir? Hangi animasyon türlerini, avantajlarını ve dezavantajlarını biliyorsunuz? Roc'un animasyonu nasıl çalışıyor?
Son dersimizde roc animasyonunu öğrendik. Günümüzde animasyonun devam eden gelişimi. Dersin konusunu yazın: Flash'ta form animasyonu oluşturma.
Tsilepokladannya. Dersin hedefleri formüle edilmiştir
(Dosya gösterilir – Flash.ppt programında form animasyonu oluşturulması – slayt 1).
Yeni materyalin açıklanması, taslağı, ana operasyonların gösterilmesi
İlk ve kalan anahtar karenin dolgularından şeklin animasyonu Şekil arası.
Çerçevelerin şekil değiştirilerek doldurulması, küçük figürlerin uç ve bitiş noktaları arasında dönüştürülmesi için kullanılır. Flash, şekli veya şekilleri değiştirerek kareleri doldurma işlemini ortadan kaldırabilir. Bir top üzerinde birden fazla figür için daha fazla çerçeve oluşturabilirsiniz. Bununla birlikte, net bir organizasyon için cilt figürünün sabit bir top üzerinde olması gerekir; şarkı değişiklikleri yapmak için herhangi bir animasyonlu parçaya dönerseniz robot veda edecektir. (Dosya gösterilir slayt 2). Kısa not almayı öğrenin. ( Daha sonra tüm işlemler multimedya projektörün arkasındaki ekranda görüntülenir.)
Formun esnek bir animasyonunu oluşturmak için aşağıdaki eylemleri iptal etmeniz gerekir:
1. Nesneyi anahtar çerçevenin üzerine çizin.
2. İlk karede Perebuvayuchi, vikoristovat paneli " Çerçeve", titreşim öğesi Şekil zayıflamayı değiştirin.
3. Bitiş karesine girin ve komutu etkinleştirin saf ana kare Bunu, anahtar olacak çerçeveye sağ tıklayarak yapabilirsiniz ve seçilecek bir liste görünecektir. saf ana kare. Ardından görüntüyü düzenleyin ve ardından animasyonu oynatın. Hangi titreşim menü öğesi için Yönetmek takım " Yaratılış» veya tuşuna basın Girmek klavyede. Bundan sonra animasyon başlayacaktır.
İki anahtar kareniz olduğu için ilkini aktif hale getiriyorsunuz (yenisine gitmeniz yeterli) ve “ Çerçeve" listede Ara doldurma sıra Şekil:
Zaman ölçeğindeki kareler yeşile dönme eğilimindedir ve ilk kareden diğerine uzanan bir ok vardır.
Sonuç olarak, ilk şekilden diğerine geçişi temsil eden bir dizi ara kare alırsınız. (Dosya gösterilir – Flash.ppt programı kullanılarak animasyon oluşturulması – slayt 3):
Bu animasyonda da benzer bir geçiş var. İlk anahtar karede bir daire, diğer anahtar karede (sahnenin 10. karesi) bir daire bulunmaktadır. Panelde" Çerçeve» İki parametre vardır Gevşeme(Preskorennya) bu Karışım(Geçiş)
Gevşeme(Hızlanma) ters üstel ivmeyi belirtir. Bu parametrenin boyutu -100'den +100'e kadar değiştirilebilir. Bu, negatifi koyduğunuz yer anlamına gelir. hafifletme(hızlanma), akışkanlık artacaktır (Böl. Şekil 4). Ve aynen böyle hafifletme(hızlıca) pozitifse animasyon mümkün olduğu kadar güçlü olacaktır (böl. Şekil 5).

Parametre Karışım(Geçiş) , geçiş algoritması anlamına gelir: Dağıtıcı(rozpodilny, yeraltı) ki Açısal(yakalanamaz). Birincisinin, bir şekilden diğerine geçişi yumuşatmak için mümkün olduğunca yumuşatılması amaçlanmıştır. Diğeri ise kesintilerin oranlarını korumaya çalışıyor. Geçişten memnun değilseniz bu parametreyi deneyebilirsiniz.
Kapsanan malzemenin konsolidasyonu.
(Dosya gösterilir – Flash.ppt programı kullanılarak animasyon oluşturulması – slayt 4).
Animasyon formunun oluşturulması: "Gece kitabı"
Ders için ek çantalar.
Çocuklar, birbirinize bakmanızı tavsiye ederim. Çeşitli animasyonların başarılarına ve eksikliklerine saygı gösterin. Animasyonlar projektör kullanan herkese gösterilir. Olumlu anlar, uzlaşmalar, eksiklikler vb. tartışılıyor.
Dersin ana noktalarını tekrarlayalım.
Bugün tanışmamızı hangi programla sürdürdük? Form animasyonu nasıl oluşturulur? Animasyon dosyasının uzantısı nedir? Programların gücü size nasıl verildi ve onları nasıl vikorlaştırabilirsiniz?
Öğrenci raporlarının analizi; tartışma ve değerlendirme.
Ev iyileştirme: soyut; üzerinde düşünün ve video animasyonu için materyal hazırlayın

Wikilistlerin Listesi

Macromedia Flash 5/ Kitap + Video kursu: Şef Pos_bnik- M.: Güzel kitaplar. Düzenleyen: V.B. Kom'yagina.
Flash 8. Sadece 2x2'lik bir yak. A.A. Borisenko
İNTERNET: www.flashblog.ru; www.adobe.com

Geçen dersimizde size otomatik el animasyonunu (Motion Tween) tanıtmıştık, şimdi de otomatik animasyondan bahsetmeye devam edeceğiz ve otomatik şekil değişiklikleri animasyonuna (Shape Tween) göz atacağız. Çeşitli biçimlerdeki Shape Tween teriminin farklı bir şekilde çevrildiğini, yakından çevrildiğini ve "çerçeveleri şekil değişikliğiyle doldurma animasyonu" adının yoğunlaştırılmış olduğunu belirtmekte fayda var. Bununla birlikte, her şeyi doğru bir şekilde tercüme etmek bile zordur, aranın parçaları між (між) için kısadır. Saygıyı öyle bir şekilde gösterir ki Danimarka türleri Animasyonlar başlangıç ve bitiş kareleri etrafında düzenlenecek ve bu kareler arasından geçen malzeme bu ve diğer algoritmalar kullanılarak enterpolasyona tabi tutulacak. Şekil değişikliklerinin animasyonu, şekillerin boyutunda ve renginde anında değişiklik yaparak bir şeklin diğerine akması efektini yaratmanıza olanak tanır.

Şekil değiştiren animasyonun yalnızca şekillerle sınırlı olabileceğini ancak gruplarla, örneklerle veya bitmap görüntülerle sınırlandırılamayacağını lütfen unutmayın. Bu nesnelerin şekil değiştirme animasyonunu dondurmak için bunların depoda parçalanması gerekir. Şekil değişikliklerinin otomatik animasyonunun ilkelerini anlamak için elmayı armuta dönüştüren basit bir örneğe bakalım. Şekil 2'de gösterildiği gibi kapalı bir konturu elma şeklinde bir dolguyla boyayın. 1.

Küçük 1. Radyal dolgulu ana hat

Daha sonra boyalı bir nesneyle topa tıklayın (bu durumda top, Katman 1 ile etiketlenecektir) - top görünür hale gelecektir (küçük 2) ve Özellikler panelinin alt kısmında, sonunda Ara görünecektir, burada Şekil öğesini seçmeniz gerekir.

Küçük 2. Ara menüsünden Şekil öğesini seçin

Şimdi son kareyi ekleyeceğiz - form değişikliğinin 30 karede tamamlanmasına izin verin. 30. çerçeveye bir anahtar çerçeve yerleştirin ve armut şekline kapalı bir yol yerleştirin (Şek. 3). Bizim durumumuzda, ilk ve geri kalan çerçevelerin yalnızca anahat şekline göre değil aynı zamanda dolgu rengine göre de bölündüğünü lütfen unutmayın.

Küçük 3. Ortaya çıkan şekli 30. kareye yerleştirin

Dönüşümün bitiş karesini belirledikten sonra, Zaman Çizelgesi panelinde ilk kareden 30. kareye kadar olan aralık açık yeşil renkle çerçevelenir ve ortasında animasyonun oluşturulduğunu belirten bir ok uzanır Yeni bir film oluşturmak için formu değiştirin.

Küçük 4. Kolaylık penceresinde hızlandırılmış/gelişmiş animasyon modunu ayarlayın

Elin otomatik animasyonunda uygulanana benzer şekilde, şeklin otomatik animasyonu da geliştirilmiş veya hızlandırılmış animasyonla özelleştirilebilir. Bu yeteneğimizi pratikte gösteriyoruz. Topa bakın ve Kolaylık'ın (küçük 4) ucundaki tutamağa basın; bu, hızlanma/artırma modunu ayarlamanıza izin veren bir düğmeyle sonuçlanacaktır. İşlemi hızlandırmak için -1'den -100'e kadar pozitif bir sayı girmeniz, dönüştürme işlemini hızlandırmak için ise 1'den 100'e kadar pozitif bir sayı girmeniz gerekir. Hareket Hızı parametresini örneğin +100 olarak ayarlayın ve gelecek filmi seçin.

Küçük 5. Karışım menüsü, ne düşüyor

Karışım menüsünde (küçük 5) ayarlanan animasyonun doğasını seçme yeteneğine geri dönün. Bu menüde iki seçeneği seçebilirsiniz: Ortadaki şekillerin düzgün olacağı Dağıtıcı ve şekillerin kaba olacağı Açısal.

Form animasyonunda ipuçlarının kullanımı

Önceki paragrafta, bir elmanın armuta dönüştüğünde şekil değişikliklerini canlandırma sürecini anlatmıştık. Deliğin delikten deliğe ve bir yandan diğer yana gittiği ve programın elmalar ve armutlar hakkında "hiçbir şey bilmeden" dönüşümün ara çerçevelerini oluşturduğu bir geçiş sürecine sahip olmak mantıklı olacaktır. Dönüşüm mantığını korumak istiyorsak hangi alanların miras alınabileceğini programlarda belirtmek gerekir. Bu şekilde Flash programı, şekillendirme işlemi sırasında kullanılabilecek şekil ipuçlarını, kontrol işaretlerini kullanır. İpuçları, başlangıç ve bitiş şekillerinde kendi içinden geçmekle görevli noktaları belirtir. İpuçları harflerle gösterilir (“a”dan “z”ye kadar).

İpuçlarını kullanarak animasyonumuzu nasıl daha da geliştirebileceğimize bir göz atalım.

İlk anahtar kareyi görüyoruz ve Değiştir => Şekil => Şekil İpucu Ekle komutunu seçiyoruz, bunun sonucunda şeklin üzerinde “a” harfli kırmızı bir daireye benzeyen koçanı ipucu beliriyor. İpucunu boynun üst noktasında değiştirin (Şek. 6).

Küçük 6. Hintu kurulum işlemi

Küçük 7. Kalan karede ipucunun gitmesi gereken bir nokta belirleyin

Kalan anahtar çerçeveye gidin ve ortaya çıkan şeklin taslağının ortasında "a" harfli yeşil bir daireye benzeyen bir uç ipucu olacağını görün. Noktayı, noktanın ilk değerine benzer olan noktaya taşıyın (Şekil 7). Kalan karedeki eğriye bir ipucu yerleştirdikten sonra, ilk karenin ipucunun rengi değişir (siyahtan sarıya) - bu da ipuçları arasındaki yakınlığın kurulduğu anlamına gelir. Yeni ipuçları ekleyerek işlemi tekrarlayın (Şek. 8). En iyi sonuçları elde etmek için çizgileri, şeklin sol üst köşesinden başlayarak yıl okunun karşısına yerleştirin.

Küçük 8. Ortaya çıkan şekildeki ipuçlarının konumları

Küçük 29. “Gilka” filminin yaratılışı

Hazinelerimizin parçaları, kendi tarzında sembollerden oluşan hareketli bir ağaç gibidir, bu yüzden Değiştir => Sembole dönüştür komutunu girerek onu bir film klibine dönüştürebiliriz (Şekil 29). Artık klipslerin toplamından “kiriş” bir ağaç oluşturacaktır (Şek. 30). Olarak Şekil l'de görülebilir. Şekil 30'da, "kavrama" klipsi çeşitli dönüşümler (döndürme, yansıtma ve ölçeklendirme) nedeniyle çok serttir.

Küçük 30. Film kliplerine göre bir ağaç olacak

Küçük 41. Sembolün örneklerini sahne Sembol 1 kopyasına ekleme

Ek bir örnek kullanarak bir sembolü çoğaltabilirsiniz. Bunu aynı örnekle gösteriyoruz. Sahnede Sembol 1'in bir örneğini görebilir ve Değiştir => Sembol => Sembolü Çoğalt komutunu seçebilirsiniz (Şek. 42).

Küçük 42. Bir örneğe dayalı olarak bir sembolün çoğaltılması

Küçük 43. Yinelenen Sembol paneli

Bundan sonra başka bir sembol görünecektir – Sembol1 kopya 2 (Şek. 43). Çocuklar için, kütüphane penceresinde yeni sembolün adına tıklayın; bu, yeni sembolü düzenlemenize olanak tanır. Kalan karede kemerin konumunu değiştiriyoruz, ana sahneye geçelim ve yeni sembolün birkaç örneğini ekleyelim. Sonuç olarak, kalan versiyonu reddediyoruz

Ekspres modül planı:

Şekil türünün Rozrahunkova animasyonu
Ses formatları
Animasyon için seslendirme

Şekil türünün Rozrahunkova animasyonu

Animasyon türü Şekil(Form), bir formu diğerine "akışa" dönüştüren efektler - metamorfozlar oluşturmanıza olanak tanır. Bu durumda Flash, bir nesnenin koordinatlarını, boyutunu ve rengini değiştirmenize olanak tanır.

Bu tür animasyon, Flash'ın yalnızca grafik öğeleriyle (çizgiler ve dolgular) çalışması ve grupları, karakterleri, metin bloklarını veya taramalı görüntüleri canlandıramamasından kaynaklanmaktadır. Robotunuzda bu elemanları parçalamak için Değiştir > Parçala komutunu kullanarak bunları parçalara (ilkel parçalara) ayırmanız gerekecektir.

Bu tür rozrunk animasyonunu geliştirmek için, bir figürün kareye dönüştüğü, dönüşüm sürecinde figürün çöktüğü, renginin ve boyutunun değiştiği bir metamorfoz modellenir.
Şimdi 100x300 piksel boyutunda yeni bir belge oluşturun, metafor olarak adlandırın ve diske kaydedin.

İlk karede, sahnenin üst kısmındaki diğer Oval aletin arkasında bir daire çizin. Daha sonra 20. kareye gidin ve onu anahtar olarak kullanın. 20. karedeki sahnenin alt kısmında, Dikdörtgen aracının arkasına bir kare çizin ve daha önce Ok aracıyla görülen daireyi silin. Boyalı karenin boyutu kazık boyutunu aşabilir. Kazık ve karenin renklerini kendiniz seçebilir, Bilgi paletini kullanarak şekilleri aynı dikey üzerine yerleştirebilirsiniz.

Tüm bu anları oynattıktan sonra, 1 kareye döndürün ve Özellikler paneline gidin ve Ara bölümünde Şekil'i ayarlayın. Zaman Çizelgesi paletinde 1. ve 20. kareler arasındaki boşluğun açık yeşil salatalarla doldurulduğunu ve 1. ve 20. kareler arasında bir okun göründüğünü lütfen unutmayın. Paletteki oklar yerine noktalı bir çizgi uzanıyordu; bu, yanlış oluşturduğunuz anlamına gelir; örneğin, çalışmanızda grafiksel ilkelleri değil, sembol gruplarını kullandınız.

Kontrol Et > Filmi Test Et komutunu kullanarak videonuzu test edin.

Zaman Çizelgesi paletini deneyin. Önceki dersin materyalinden zaten bildiğiniz Ruhu'yu Kolaylık bölümünde karakterize edebilir ve ayrıca metamorfoz sürecinde formun dönüşüm yöntemine karakter atayabilirsiniz. Ayrılma noktasına kadar çılgına dönmeniz neden gerekli? Karışım(geçiş), burada, değerlendirmeniz için iki seçenek sunulacaktır:

Dağıtıcı(lekeler) – bitişik çerçevelerdeki çizgilerin ve dolguların konturları yumuşatılır.

Açısal (kapmayan)— Bitişik çerçevelerdeki çizgilerin ve dolguların konturları belirgin kesikler ve düz çizgilerle korunur.

Animasyonu anlatılandan oldukça farklı olan bu videonun Zaman Çizelgesi paletine dönersek, figürün elinin karakterini saygıyla dikkate alarak, animasyonun üzerinde olduğu üst topun yüzeyinde bağımsız olarak gezinebileceğinizi düşünüyorum. Iya'yı sundu.

Notlar:
Bu robotun kare hızı var 24 fps!

Animasyona ses eşlik ediyor. Bu yoğun tekrarın agresif bir ses saldırısına benzemediğinden emin olmak için son yayın sırasında HTML sekmesinde Döngü bölümündeki onay işaretini dikkatlice kaldırdım. Bu çok önemli, dolayısıyla tarayıcının videoyu yalnızca bir kez oynatması gerekiyor! Videoyu tekrar izlemek isterseniz tarayıcı araç çubuğuna gidin ve sayfayı yenileyin. Ve ayrıca Maybutn'da: videolarınıza ses parçaları eklenmeden önce parça daha da ciddi bir şekilde yerleştirilir.

Her şeyden önce: ses “önem” açısından çok zengindir. Başka bir deyişle: Programlı olarak sesle ses oluşturamıyorsanız, koristuvach'a sesi açma veya açma yeteneğini vermezsiniz, o zaman döngüsel videolarda, örneğin reklam afişlerinde, vikorystuvovat yogo pek iyi değildir. Ancak animasyon ve etkileşimli öğelerin sessiz olması düşünülemez. Bu nedenle, bu dersin bir parçası olarak bu rapora odaklanacağız ancak bu arada, ses parçası için Zaman Çizelgesi paletinde büyük bir topun göründüğünü lütfen unutmayın.

Bu videoda, üzerinde statik dekorasyon öğelerinin bulunduğu başka bir arka plan topu (alt top) var.

Şekil İpucu'nu (şekil düğümleri) kullanarak şekil değişikliklerini yönetme

Keruvannya için daha fazla katlanan zmina formlarına sözde denir Şekil İpuçları(formun düğüm noktaları), birincil formun parçalarının yeni forma nasıl aktarılacağını gösterir. Başka bir deyişle, düğüm noktaları, görüntünün elemanlarını sabitlemek amacıyla bazı boncuklardan tasarruf etmek amacıyla karşılıklı olarak aralıklı olan çıktı formunun noktalarını tanımlamak için seçilir. Altta yatan düğümlerin en karakteristik özelliği, herhangi bir parçanın (örneğin gözler) masum bir şekilde dönüşüme katıldığı yüz ifadelerinin animasyonudur.

Düğüm noktaları resimde harflerle küçük dairelerle gösterilir. Literi (tip Aönce z) düğüm noktalarının adları (tanımlayıcıları) olarak kullanılır. Çıkış görüntüsündeki kutanöz nodül noktası, ortaya çıkan görüntüdeki aynı noktaya benzer olmalıdır. Her durumda, bir şekil 26'dan biraz daha fazla düğüm noktası içerebilir (alfabedeki harf sayısı başına). Çıktı görüntüsündeki düğüm noktaları sarı renge boyanır ve bu da yeşil renkle sonuçlanır.

Düğüm noktalarını yerleştirmek için aşağıdaki adımları girmeniz gerekir:

Çıktı görüntüsüne karşılık gelen çerçeve üzerinde farenin sol düğmesini tıklayın.
Menüye dön Değiştir > Şekil > Şekil İpucu Ekle(değiştir > şekil > bir düğüm noktası ekleyin) sonuç olarak, çerçevenizdeki sahnede "hazırlanmış" bir ilk düğüm noktası görünecektir - üzerinde harf bulunan kırmızı renkli bir daire A.
Nesnelere Yapış değiştiricisi etkinken Ok aracını kullanarak görüntüde düğüm olarak belirlemek istediğiniz noktaya taşıyın.
Ortaya çıkan görüntüyü temsil eden çerçeve üzerinde farenin sol tuşuna tıklayın; ayrıca sahnede çıktı çerçevesiyle aynı harfe sahip kırmızı bir daire olacaktır.
Çıkış karesindeki değerlerle eşleşmesi için daireyi görüntü noktasına taşıyın; daireyi hareket ettirdikten sonra rengi yeşil olarak değiştirin.
İlk kareye döndürün ve düğüm noktasının rengi sarıya dönene kadar yeniden döndürün.

Düğüm noktalarını yerleştirmeye devam etmeniz gerekiyorsa eylemin yerleşimini tekrarlayın.

Notlar:
Bir dizi düğüm noktasını dönüştürmeyi seçerseniz, görüntünün sol üst köşesinden başlayarak yıl okunun arkasında bunların düzenlemesini işaretleyin. Bunun nedeni Flash'ın düğüm noktalarını alfabetik sıraya göre düzenlemesidir.

Düğüm noktalarını yerleştirme sürecinde silindirinizi periyodik olarak test edin. Bir düğüm noktasının konumunu değiştirmek için onu yeni bir konuma sürüklemeniz yeterlidir (bu, dizinin hem ilk hem de son karesinde yapılabilir). Ayrıca temas noktalarını silebilir veya yenilerini ekleyebilirsiniz. Sonuçlar sizi tamamen etkiliyorsa düğüm noktalarını tam olarak belirleyebilirsiniz. Bağlam menüsünü kullanarak listelenen tüm işlemleri takip etmek en iyisidir. Açmak için düğüm noktalarından birine sağ tıklayın. Menü dört komut içerir; bunlardan ilk üçü yalnızca çıktı görüntüsünün düğüm noktaları için kullanılabilir:

İpucu ekle(Bir düğüm noktası ekleyin) - takımın sahneye son çıktığı saatte yeni bir düğüm noktası hazırlanır. İpucunu Kaldır(Düğüm noktasını göster) - menüyü açarken farenin sağ tuşuna tıkladığınız düğüm noktası görünür.
Tüm İpuçlarını Kaldır(Tüm düğüm noktalarını sil) – tüm düğüm noktalarını siler.
İpucu göster(düğüm noktalarını göster) - bu mod amaç için seçilir (komut adlarının sırası bir onay işaretine sahiptir). Bunu tekrar seçmek düğüm noktalarının görünmez olmasına neden olacaktır. Bu seçenek ancak istenen sonuca ulaşıldıktan sonra seçilmelidir; düğüm noktalarını gösterme moduna geri dönmek için Değiştir > Şekil > Şekil İpucu Ekle menüsüne geri dönmeniz gerekecektir.

Bu derste sunulan animasyonlu flash videolara dikkat edin; ilk bölümde koala ayısı vikoristan düğümleri olmayan bir korkuluğa dönüşüyor, diğer bölümde vikorist'in üç çift düğümü olan bir animasyonumuz var.

Ses formatları

Ses, gazlarda, sıvılarda ve katılarda genişleyen, insanların ve canlıların kulakları tarafından emilen bir yaydır. İnsanlar 16 Hz ile 20 kHz arasında değişen frekanslardaki sesleri duyarlar. 16 Hz'e kadar frekanslara sahip sese infrasound, 2 10 4 -10 9 Hz - ultrason ve 10 9 -10 13 Hz - hiper ses denir. Sesin sayısallaştırılması işlemi sırasında tüm ses parametrelerinin bir kaydı derlenir. Bu kayda darbe kod modülasyonu denir ve ayrık değerlerin sıralı kaydıdır. Bit cinsinden hesaplanan cihazın kapasitesi, sesin alındığı, kaydedilen ayrı bir parçadaki bir defada değerlerin sayısını ifade eder. Derinlik ne kadar büyük olursa ses orijinaline o kadar yakın olur. Herhangi bir ses dosyası veritabanına gönderilebilir. Dosyanın başında parametrelerini belirttiğiniz konusunda güçlü bir yapı var. Daha sonra şarkı söyleme alanlarının anlam taşmasının yapılanması gelir. Bazen dosya boyutunu değiştirmenize izin veren bir formül kullanmak önemlidir.

Macromedia Flash'ta videoları çoğaltmak için en sık kullanılanlar olan bu ses veri formatlarına daha aşinayız.

WAV (dalga biçimi)- ses sinyallerinin iletimini dijital biçimde kaydetmeyi amaçlayan ayrı format, yüksek düzeyde yakost ve ne yazık ki çok sınırlı bir boyut nedeniyle zayıflıyor. Wav formatı, 8 veya 16 bitlik örnekleme kapasitesiyle stereo veya mono dosyaları kaydedebilir. Temel ayrık değerlere, bitlik, kanal sayısına ve dalgadaki eşit yoğunluğa ek olarak, başka parametreler de belirlenebilir: senkronizasyon için konum işaretleri, ayrık değerlerin sayısı, ses dosyasının çeşitli bölümlerinin görünüm oluşturma sırası ve ayrıca metin bilgisini oraya yerleştirebileceğiniz bir yer.

MP3 (MPEG Katman3)- ses sinyallerinin iletimini dijital biçimde kaydetmeyi amaçlayan akış formatı, yüksek düzeyde kompaktlık ile karakterize edilir. Vikorist, uç kanallar aracılığıyla gerçek zamanlı ses iletimi ve CD Ses kodlaması için ana motordur. "Akış" terimi, veri aktarımının bağımsız bitişik veri blokları - çerçeveler akışı tarafından gerçekleştirildiği anlamına gelir. Çıkış sinyali kodlandığında çerçeve adı verilen ve ayrı olarak kodlanan eşit bölümlere bölünür. Kod çözme sırasında sinyal, kodu çözülmüş çerçevelerin dizisinden oluşturulur. CD Audio'ya (44,1kHz 16Bit Stereo) benzer kodlanmış bir sinyal olduğunda akış genişliği (bit hızı), akışın maksimum değerini - bir saat içinde iletilen bilgi miktarını - gösterir. Bu değer 320kbs (saniyede 320 kilobit, aynı zamanda kbs, kbps veya kb/s olarak da yazılır) ile 96kbs ve daha düşük arasında değişir.

Animasyon için seslendirme

Filme ses eklemek için aşağıdakileri seçmeniz gerekir:

Filmlerden bir veya daha fazla ses dosyasını wav veya mp3 formatında içe aktarın. Bunu yapmak için Dosya > İçe Aktar menüsüne gidin. Dosyalar, sembol görünümündeki videonuzun kitaplığına otomatik olarak yerleştirilecektir. Pencere > Kütüphane menüsünden video kütüphanesini açın ve ters çevirin.

Zaman Çizelgesi panelinde yeni bir top oluşturun ve kitaplığınızdaki yeni ses parçasını, vikory sembollerini yerleştirin ve onu kitaplıktan sahneye sürükleyin. Sesi "ateşleyin" - Çerçeve Ekle komutunu kullanarak çerçeveler (tuşlar değil) ekleyin, böylece ses bu küredeki palette tamamen tetiklenir. Flash, bir dizi ses topu oluşturmanıza olanak tanır ve bunların dış görünümleri, çevredeki ses kanalına benzer şekilde işlenir. Bu da filmin çekildiği saatte bir saat içinde toplanan farklı toplardaki seslerin aynı anda tamamlanması anlamına geliyor.

Sesli topun ilk karesine gidin ve Özellikler paneli bölümüne gidin Ses(Ses). Kitaplığınızda birden fazla ses parçası varsa, her bölümün kısa listesini seçerek seçtiğiniz sesi istediğiniz zaman başka bir sesle değiştirebilirsiniz. Panelin alt kısmında ses parçasının çıkış parametrelerini seçebilirsiniz: frekans genişliği, mono/stereo, bit derinliği, frekans, bellek kapasitesi.

Açılacak şeylerin listesi Senkronizasyon(senkronizasyon) ses senkronizasyon yöntemini seçin:

Etkinlik(podya) - ses, örneğin bir düğmeye basılarak filmin şarkılarına bağlanarak senkronize edilir. Sesin sesi, karşılık gelen anahtar kareye geçiş anından itibaren oluşturulur ve film daha yavaş olacağından (tabii ki ses önemsiz hale geleceğinden) zaman ölçeğinden bağımsız olarak devam eder.

Başlangıç(başlat) - bu yöntem öncekinden farklıdır, böylece belirli bir süreye ulaşıldığında, öncekinin oluşturulması henüz tamamlanmadığından, sesin yeni bir örneğinin oluşturulması başlar.

Durmak(durdur) – belirtilen sesin oluşturulması eklenir.

Aktarım(Potik) - ses akışı. Flash, animasyon ve ses akışı arasında "şiddetli" senkronizasyon sağlayacaktır (örneğin, animasyon kareleri Web sayfasında ses akışı kadar hızlı görüntülenemediğinden, Flash oynatıcı düzinelerce kareyi atlar). Animasyon tamamlandığında ses akışı başlayacaktır. Ayrıca ses akışı daha uzun sürmeyecek ancak bununla ilişkili animasyon kareleri olacak.

Sesin tekrar sayısı bölüme göre ayarlanabilir Döngü(Döngü). “Sürekli” yaratma modu uygulanmıyor ancak bu bölüme büyük bir yoğunluk eklenerek modellenebilir.

Sese hacim katan ses efektleri yükleyebilirsiniz. Kurulumu hazırladıktan sonra açılan listeden seçin Etki(etki):

Hiçbiri— ortak efektler yoktur, dolayısıyla seçtiğiniz efektler size uygun değilse bu öğeyi seçmelisiniz.

Sol Kanal- Yalnızca sol kanalın sesini çalar.
Sağ Kanal- Sağ kanaldaki tek sesi çalar.
Soldan Sağa Geçiş- Kötü kanallar arasında sağa doğru yumuşak ses geçişi.
Sağdan Sola Geçiş- Kanallar arasında sağdan sola yumuşak ses geçişi.
Yavaş yavaş- Ses genliğinin arttırılması.
Solmaya- Ses genliğinde aşamalı değişiklik.

Başka bir efekt türüne ihtiyacınız varsa listeden bir öğe seçin Gelenek(diğer), bundan sonra sesin şeklini gösteren ek panelleri izlemeniz gerekir. Aşağıdaki eylemler ne zaman mümkündür:

Skala üzerinde ses kaydının yapıldığı saati gösteren dikey işaretler bulunmaktadır. Bu işaretçileri sürükleyerek başlangıca gereksiz parçalar ve örneğin ses kaydı ekleyebilirsiniz.
Sığır derisi şeklindeki panel üzerine yerleştirilebilecek özel işaretleyiciler kullanılarak fark edilir bir ses düzeyi elde edilebiliyor. Böyle bir işaret ekleyerek (takırtı) veya konumunu değiştirerek (çekerek) şarkının yoğunluk seviyesini değiştiriyoruz. Sol ve sağ kanalların panellerinde saatin aynı anlarını temsil eden en fazla sekiz işaret bulunabilir. Kanalların o andaki yoğunluğu farklılık gösterebilir. İşaretleyiciyi çıkarmak için panellerin arasından çekip çıkarmanız gerekir.

Diğer kontrol elemanları robotu yönetilemez hale getirir. Böylece Yakınlaştır ve Uzaklaştır butonlarını kullanarak zaman-saat ekseninin ölçeğini değiştirebilirsiniz. Ek düğmeleri kullanarak saat ölçeğini sunma yöntemini değiştirebilirsiniz Saniye(saniye) bu Çerçeveler(Kadri).

Ses kliplerinden oluşan bir kitaplığınız yoksa, Pencere > Ortak Kitaplıklar > Sesler'e giderek Macromedia Flash kitaplığına hızlı bir şekilde erişebilirsiniz.

Bir ses parçasının kaydedilmesi ve düzeltilmesi

Animasyonlu veya etkileşimli bir video üzerinde çalışma sürecinde, güçlü müzik parçanızı kaydetme konusunda inanılmaz derecede çaresizsiniz. Yani bu sesi bir mikrofonun arkasına kaydettiniz ve bu sound.wav'ı kaydettiniz.

Herhangi bir wav dosyasının boyutu büyük olabilir, ancak yine de çok küçüktür ve yardım için onu bir mp3 dosyasına bile dönüştürebiliriz. Oyun Merkezi ve ayrıca bu parçayı ek özel programlar kullanarak düzenleyin, örneğin, Ses Dövmesi ya da başka Steinberg Dalga Laboratuvarı.

Mikrofondan kayıt yaparken, ses parçasının (örneğin kelimelerin) önünde ve sonrasında duraklamalar görünür. Gürültü var. Ses titriyor. Tüm bu eksiklikler, vikoryst ve en önemli programların çoğu yeni başlayan birine kolaylıkla konabilir.

Bu programlarda performansların sesi grafiksel ve hvilidir. Yani burada ihtiyacımız olmayan tüm parçaları cerrahi hassasiyetle yapabiliyoruz. “A la Masyanya” gibi farklı efektler ekleyin, kadın sesini insan sesine dönüştürün ve zevkinize göre hayal kurmaya başlayın.

Ödev: Macromedia Flash MX'te Animasyon Oluşturmanın Temelleri

Öncelikle bu ders için materyalde sunulan animasyonlu flash videoları kopyalamanız gerekiyor.

Başka bir şekilde, Sergei Oleksandrovich Yesenin'in tepesindeki mucizevi satırları göstermenize olanak tanıyan bir video oluşturun:

Ah, ben de sık sık çınlarım
Sisin içinde okuduktan sonra:
Rudy'nin kayıp ayı
Kızağımıza bağlandık.

Aynı zamanda fla formatında bazı dosyalara ihtiyacınız var (dosyaların toplam boyutu 150 KB, lütfen dosyaları arşivlere paketleyin) ve okuyucuya gönderin.

sana başarılar diliyorum bağımsız kurban Macromedia Flash MX!