Bu makale size nasıl kullanılacağını gösterecek basit adımlar tanımaya başla Adobe Flash programı CS5. Dersin teması basit animasyondur, arayüzün ve programın karmaşıklığına girmeden onu oluşturacağız.

Yeni bir flash belge oluşturma

Programı açın ve oluşturun yeni belge"ActionScript 3.0".

Sonraki animasyon için bir nesne çizelim

Şimdi bir daire çizelim. Sağ paneldeki oval aracı seçin ve basılı tutun. sol düğme fare ve klavyedeki "shift" düğmesi, beyaz bir arka plan üzerine bir daire çizin.

Seçim Aracını kullanarak, yeni oluşturulan nesneyi fare ile tıklayarak veya kare bir seçime sürükleyerek seçin.

Basit Animasyon için Bir Nesneyi Sembole Dönüştürme

Daha fazla çalışma için nesneyi bir sembole dönüştürmeniz gerekir. Daire zaten seçili olduğundan, farenin sağ tuşuna basın ve bağlam menüsü"Simgeye Dönüştür" seçeneğini seçin.

"Tip" listesinden "Grafik"i seçin

Şimdi nesnemizin etrafında mavi bir kare görünmelidir.

Klasik bir animasyon oluşturun (Klasik Ara)

Bir animasyon oluşturmak için bir "anahtar kare" belirlemeniz gerekir.

Alt panelde bir animasyon ölçeği var, yirmi beşinci kareyi seçin ve farenin sağ tuşuna basın, beliren içerik menüsünde "Ana Kare Ekle" seçeneğini seçin.

Daireyi seçin ve sol fare düğmesini basılı tutarak sağa hareket ettirin.

Animasyon ölçeğinde ilk kareyi seçin ve en üstteki ana menüde "Ekle" öğesinde "Klasik Tween"i seçin.

Oluşturulan animasyonu görüntüle

Artık animasyonu izleyebiliriz. Ana menüde, "Kontrol" öğesinde "Oynat" öğesini seçin.

Çembere bir "kaybolma" efekti ekleyelim. Bunu yapmak için nesneyi tekrar seçin ve "renk efekti" menüsünde sağ panelde "alfa"yı seçin, değeri "0" olarak ayarlayın.

Ne olduğunu görelim. "Kontrol" öğesine gidin "Oynat" ı seçin.

İnternetteki güzel banner animasyonlarının arkasında ne yattığını hiç merak ettiniz mi? Veya ile oluşturulan yeni moda karikatürler için bilgisayar Teknolojisi? Çoğu zaman " et" e dayanırlar, daha doğrusu, Flash teknolojisinin adı İngilizce'den bu şekilde çevrilir. Bugün site için flash animasyon hakkında konuşacağız:

Flaş Teknolojisi

Multimedya çerçevesi Macromedia tarafından geliştirilmiştir. Ancak devralınmasından (birleşme) sonra, teknolojinin tüm hakları yeni bir sahibine - Adobe Systems'a devredildi.

Adobe Flash'ın modern uygulamasının kapsamı:

• Web uygulamaları oluşturmak oldukça yeni bir yön. Web siteleri oluşturmak için Flash'ın tamamen veya kısmen kullanılması anlamına gelir. Kısmi uygulama ile bu teknoloji, bireysel elemanlar tasarım: çeşitli etkileşimli menüler, animasyonlu düğmeler vb.

Geleneksel kaynaklarla karşılaştırıldığında, html tabanlı flash sitelerinin kullanımlarını sınırlayan bazı özellikleri vardır. Bunlar arasında yüksek geliştirme maliyetleri, zorlu sunucu kaynakları, yavaş İnternet bağlantısıyla uzun yükleme süreleri ve diğer bazı hususlar yer alır:

• Multimedya yeteneklerinin uygulanması - sitelerde ses dinlemek ve video oynatmak için genellikle Flash tabanlı medya oynatıcılar kullanılır. Geliştirmeleri, komut dosyası dillerinden birinin kullanımını içerir (daha sık JavaScript):

• İnternet reklamcılığında - çoğu zaman teknoloji, animasyonlu afişler oluşturmak için kullanılır. Yalnızca multimedya reklamlarının oynatılmasını değil, aynı zamanda kullanıcıyla oyun bazında bir tür etkileşimi de ifade ederler.

Flash Geliştirme için Temel Bilgiler ve Araçlar

Flash animasyonu oluşturmak için çoğunlukla Adobe'nin geleneksel araçları kullanılır:

• Adobe Flash Professional - etkileşimli animasyon (animatör) oluşturmak için bir program;
• Adobe Flash Builder - web uygulamaları için bir arayüz oluşturmak için bir ortam;
• Adobe Flash Player, Flash oynatmak için tarayıcıyla tümleşik bir oynatıcıdır.

Buna ek olarak, bir dizi Üçüncü taraf uygulamaları. 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. Özel olarak mobil cihazlar hafif geliştirildi flaş versiyonu Hafif.

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

Flash'ta etkileşimli animasyonun geliştirilmesi, Vektör grafikleri. Bu sayede multimedya platformu desteği ve animasyon kalitesinin ekran çözünürlüğünden bağımsız olması sağlandı.

Bir Flash uygulamasının dosya boyutu, aşağıdakilerden bağımsız olarak tüm kullanıcılar için aynıdır. özellikler ekran çözünürlüğü).

Flash'taki etkileşimli animasyon, ana kareler arasında yavaşça karışan biçim değiştirmeye (vektör türü) dayanır. Verileri oynatmak için, çalışması birçok açıdan işe benzer olan bir flash oynatıcı kullanılır. sanal makine JavaScript. Teknolojinin yazılım bileşeni, ActionScript dili kullanılarak uygulanır.

Teknolojinin dezavantajları aşağıdaki noktaları içerir:

• ağır yük İşlemci müşteri makinesi. Bunun nedeni, oynatıcı ile kullanıcının tarayıcısına gömülü olan flash sanal makinesinin düşük verimliliğidir;
• Yüksek Hata Olasılığı – Flash animasyonu oynatmak hataya çok açık olabilir. Ayrıca, Flash oynatmadaki hatalar, tüm istemci uygulamasının (tarayıcı) çalışmasını olumsuz etkiler. Bunun nedeni, flash uygulamaları oluştururken program kodunun hata toleransı üzerinde yetersiz kontrol;
• Dizine eklenemiyor - Flash içeriğinde görüntülenen tüm metin içeriği dizine eklenmiyor. Bu sınırlama, özellikle bu teknolojiye dayanan kaynaklar için sorunludur.

Üçüncü Taraf Flash Oluşturma Yazılımına Genel Bakış

Sothink SWF Quicker, Flash oluşturmanın temellerini göstereceğimiz bir prototip uygulama olarak alındı. Birçok profesyonele göre, program en anlaşılır ve öğrenmesi en kolay olanıdır.

Flash düzenleyici, oluşturma ve düzenlemeye ek olarak, diğer tüm web animasyonu türleri (GIF, HTML ve diğer standartlar) ile "nasıl çalışacağını" bilir:

Kurulumdan sonra programın kullanıcı dostu arayüzüne geçiyoruz. Ne yazık ki, arayüz dili değiştiricinin tüm kuytu köşelerinde dolaştıktan sonra onu bulamadık.

Bu uygulamada flash animasyonun nasıl yapıldığını anlamak için yerleşik şablonları kullanacağız. Programı başlattıktan hemen sonra Şablondan Yeni iletişim kutusu görüntülenir. Ek olarak, ana menü öğesi "Dosya" aracılığıyla da çağrılabilir. Önerilen seçenekler arasında bir afiş oluşturmayı seçtik:

Sihirbazın bir sonraki penceresinde, açılır listeden animasyonun oluşturulacağı bir şablon seçmeniz gerekir. Altında, seçilen şablonun oynatıldığı küçük bir çerçeve bulunur:

Sonraki adımlarda, banner'ın boyutunu ayarlamanız ve animasyonda oynatılacak 5 cümlelik metin girmeniz gerekir. Ek olarak, banner'a tıklayarak kullanıcının yönlendirileceği kaynağın adresini belirtmelisiniz:

Projeyi derleyip sihirbaz penceresini kapattıktan sonra, ortaya çıkan videoyu yerleşik oynatıcıda görüntüleyebilirsiniz. Bunu yapmak için üstteki yeşil oka tıklayın:

Oynatıcıyı kapattıktan sonra uygulamanın arayüzüne daha yakından bakalım. Lütfen iki ana pencereden oluştuğunu unutmayın: üstteki videonun zaman aralığını düzenlemek içindir ve alttaki normal bir grafik düzenleyicidir. Öğelerin her biri, düzenleme için kullanılabilen ayrı bir katmanda bulunur. standart araçlar kenar çubuğunda bulunur.

İnternette ve TV'de her zaman flash animasyon görüyoruz. Flash teknolojisini kullanarak basit bir flash animasyon oluşturmak oldukça kolaydır. Basit görev, Flash çok şey sunduğundan kullanışlı araçlar bu tüm süreci kolaylaştırır. Bir flash animasyon veya çizgi film oluşturmak istiyorsanız, onu birkaç saat içinde çizebilirsiniz.

adımlar

Bölüm 1

Kare kare flash animasyonu

Kare kare animasyon temelleri. Bu yöntem, sonraki her karenin bir ancak biraz değiştirilmiş bir görüntü içerdiği "geleneksel" animasyon oluşturmanın ana yöntemi olarak kabul edilir. Tüm kareleri oynatırken görüntü "canlanıyor". Bu aynı yöntem, serbest el karikatür animatörleri tarafından kullanılır ve eşleştirmeden daha fazla zaman alır (bir sonraki bölüme bakın).

• Varsayılan olarak Flash, saniyede 24 kare (FPS) hızında oluşturulur. Bu, bir saniyede 24 karenin gösterileceği, ancak hepsinin farklı olması gerekmediği anlamına gelir. Bu ayarı (isterseniz) 12 fps olarak değiştirebilirsiniz, ancak 24 fps'de animasyon daha "akıcı" oynayacaktır.

1. Flash Pro'yu yükleyin. Flash animasyonu oluşturmak için birçok program vardır, ancak en güçlüsü Adobe Flash Professional CC'dir. Ücretsiz olarak yükleyebilirsiniz Deneme sürümü bu programı kullanın veya başka bir ürün kullanın (Adobe Creative Cloud'a kaydolmak istemiyorsanız). Bu makalenin geri kalanında Flash Professional ile nasıl çalışılacağı anlatılmaktadır.

   Kare kare animasyon birkaç resim gerektirdiğinden (birbirinden biraz farklı), bu resimleri manuel olarak oluşturmanız gerekir. Bunu yapmak için Adobe Flash Professional kullanın veya herhangi bir grafik düzenleyicide resimler çizin.

   • Görüntülerinizin kaliteden ödün vermeden kolayca yeniden boyutlandırılmasını istiyorsanız, görüntüleri raster grafikler yerine vektörde oluşturun. vektör görüntüler yeniden boyutlandırıldıklarında kendilerini yeniden çizeceklerdir (yani pikselleşmeyi veya kenar yumuşatmayı önleyeceksiniz). bit eşlemler fotoğraflar, boyanmış resimler vb. gibi geleneksel görüntülerdir. Bu tür resimleri büyütmeye çalışırsanız, çok bozuk bir resim elde edersiniz.

2. İlk çerçeveyi oluşturun. Adobe Flash Professional'ı ilk başlattığınızda, boş bir tuval (katman) ve boş bir zaman çizelgesi göreceksiniz. Çerçeveler eklendikçe, zaman çizelgesi otomatik olarak doldurulacaktır. Photoshop'ta yaptığınız gibi katmanlarla çalışabilirsiniz.

   • Bir resim eklemeden önce animasyonunuz için bir temel arka plan oluşturun. "Katman 1"i "Arka Plan" olarak yeniden adlandırın ve ardından kırpın. İkinci bir katman oluşturun ve istediğiniz gibi adlandırın. Bu, animasyonu oluşturacağınız katman olacaktır.
   • İlk çerçevenin tuvaline bir çizim ekleyin. Bir çizimi bilgisayarınızdan içe aktarabilir veya çizim araçlarını kullanarak doğrudan programda bir çizim oluşturabilirsiniz.
   • İlk kare "anahtar" karedir. Anahtar kare, bir görüntü içeren ve animasyonun temelini ("omurga") oluşturan bir karedir. Resmi her değiştirdiğinizde yeni bir ana kare oluşturacaksınız.
   • Zaman çizelgesindeki ana kareler siyah bir nokta ile gösterilir.
   • Sonraki her karede bir ana kareye ihtiyacınız yoktur. İyi bir animasyon yapmak için her dört veya beş karede bir ana kare oluşturun.

3. Resmi bir sembole dönüştürün. Bu durumda, görüntüyü çerçeveye birkaç kez ekleyebileceksiniz. Bu, özellikle aynı türden birkaç görüntüyü bir kareye hızlı bir şekilde eklemeniz gerektiğinde kullanışlıdır (örneğin, bir akvaryumdaki balıklar).

   • Bir çizim seçin. Çizime sağ tıklayın ve Sembole Dönüştür'ü seçin. Resim kütüphaneye eklenecek ve gelecekte kullanımı daha kolay hale gelecektir.
   • Çizimi silin. Endişelenmeyin - kitaplıktan basit bir sürükle ve bırak yöntemiyle çerçeveye ekleyebilirsiniz. Bu şekilde aynı resmi birkaç kez çerçeveye ekleyebilirsiniz.

4. Boş çerçeveler ekleyin.İlk ana kareniz tamamlandığında boş kareler ekleyin ve ardından ikinci ana karenizi oluşturmaya başlayın. İlk ana kareden sonra boş kareler eklemek için F5'e (dört veya beş kez) basın.

   İkinci bir ana kare oluşturun (birkaç boş kare ekledikten sonra).İki tane çeşitli yollar Bunu yapmak için: Mevcut bir animasyon karesini kopyalayabilir ve üzerinde küçük değişiklikler yapabilirsiniz veya boş bir animasyon karesi oluşturup ona yeni bir resim ekleyebilirsiniz. Başka bir programda oluşturulmuş bir çizim kullanıyorsanız, ikinci yöntemi kullanın. Adobe Flash Professional çizim araçlarıyla oluşturulmuş bir görüntü ekliyorsanız, ilk yöntemi kullanın.

   • Önceki ana karenin içeriğini kullanarak bir ana kare oluşturmak için F6'ya basın. Boş bir ana kare oluşturmak için zaman çizelgesindeki son kareye sağ tıklayın ve Boş Ana Kare Ekle'yi seçin.
   • İkinci ana kareyi oluşturduktan sonra, animasyonu hayata geçirmek için resminde değişiklikler yapmanız gerekir. Adobe Flash Professional'ın çizim araçlarını kullandıysanız, çiziminizdeki bir öğeyi (bir karakterin eli gibi) seçmek ve değiştirmek için Dönüştürme aracını seçin.
   • Her ana kareye yeni bir resim eklerseniz, doğru yerde olduğundan emin olun (mantıksal kare sırasına göre).

5. İşlemi tekrarlayın.İki ana kare oluşturduktan sonra işlemi tekrarlayın - her ana kare arasına birkaç boş kare ekleyin ve animasyonun "düzgün" oynatıldığından emin olun.

   • Küçük değişiklikler yapın. Daha küçük (daha küçük) değişiklikler, animasyonun daha düzgün oynatılmasını sağlar. Örneğin, karakterin elini kaldırmasını istiyorsanız, ikinci ana karede, karakterin elini kaldırmış halde gösteren bir çizim bulunmamalıdır. Bunun yerine, indirilen elden kaldırılan ele geçiş yapmak için birkaç ana kare kullanın. Bu durumda, animasyon daha yumuşak olacaktır.

6. Çizimi dönüştürün. Ana kareler ve bir yol oluşturduktan sonra, siz ikizin yolunda ilerlerken sorunsuz bir şekilde değişebilmesi için görüntüyü dönüştürebilirsiniz. Resmin şeklini, rengini, eğimini, boyutunu ve diğer tüm yönlerini değiştirebilirsiniz.

   • Çizimin dönüştürüleceği çerçeveyi seçin.
   • Çizim özellikleri panelini açın. Bunu yapmak için F3'e basın.
   • Çizim özellikleri penceresinde parametre değerlerini değiştirin. Örneğin, tonu veya rengi değiştirebilir, filtreler ekleyebilir, boyutu değiştirebilirsiniz.
   • Çizimi istediğiniz gibi değiştirmek için Serbest Dönüştürme aracını da kullanabilirsiniz.

7. Son rötuşları ekleyin. Ctrl + Enter tuşlarına basarak oluşturulan animasyonu kontrol edin. Çizimin (karakterin) doğru şekilde değiştiğinden ve animasyonun doğru hızda oynatıldığından emin olun. Animasyon çok hızlı oynatılırsa, FPS değerini azaltın veya aranın süresini artırın.

   • Varsayılan FPS 24'tür, bu yüzden bunu 12'ye düşürmeyi deneyin. Özellikler panelinde FPS değerini değiştirin. Ancak FPS = 12'de animasyon yeterince düzgün oynatılamayabilir.
   • Bir aranın süresini değiştirmek için, arayı içeren katmanı seçin ve aranın süresini değiştirmek için kaydırıcıyı kullanın. Aranın uzunluğunu iki katına çıkarmak istiyorsanız kaydırıcıyı 48 kareye getirin. Arka planın animasyonun ortasında kaybolmaması için arka planı boş karelere yapıştırmayı unutmayın. Bunu yapmak için arka plan katmanını seçin, animasyonun son karesine (zaman çizelgesinde) tıklayın ve ardından F5'e basın.

3. Bölüm

Ses efektleri ve müzik ekleme

1. Kaydet veya indir ses efektleri ve müzik. Animasyonunuzu daha etkili hale getirmek için ses efektleri ekleyebilirsiniz. Müzik, bir animasyonu daha heyecanlı hale getirecek ve iyi bir animasyonu harika bir animasyona dönüştürebilir. Flash, AAC, MP3, WAV ve AU dahil olmak üzere çeşitli ses dosyası biçimlerini destekler. En küçük dosya boyutuyla yüksek ses kalitesini garanti eden bir biçim seçin.

   • MP3 formatı, minimum dosya boyutuyla yüksek kaliteli sesi garanti eder. WAV dosyaları büyüktür.

2. Animasyonlara hızlı bir şekilde ses ve müzik ekleyebilmek için ses dosyalarını kitaplığa aktarın."Dosya" - "İçe Aktar" - "Kütüphaneye Aktar" ı tıklayın. Bilgisayarınızdaki ses dosyasını bulun. Hızlı bir şekilde bulabilmeniz için ses dosyasının hatırlanması kolay bir ada sahip olduğundan emin olun.

   Her ses dosyası için yeni bir katman oluşturun. Bu gerekli değildir ve mevcut katmanlara ses ekleyebilirsiniz, ancak ses dosyasını ayrı bir katmana yapıştırmak size daha fazla kontrol sağlayacaktır. müzik parçası animasyonlar.

   Sesin çalmaya başlayacağı bir ana kare oluşturun. Ses katmanında, sesin çalmaya başlayacağı animasyon karesini seçin. Boş bir ana kare eklemek için F7 tuşuna basın. Örneğin, animasyon boyunca çalan bir ses dosyası eklemek istiyorsanız, ses dosyası katmanındaki ilk kareyi seçin. Bir karakterin sesini ekliyorsanız, karakterin konuşmaya başladığı kareyi seçin.

bu konuda internet sayfası Flash animasyonu oluşturmak ve düzenlemek için dikkatiniz programa sunulur. Onların yardımıyla kendi fikirlerinizi siteniz için animasyonlu videolara dönüştürebilirsiniz.

Flaş düzenleyici flash animasyonlar oluşturmak ve hazır flash videoları düzenlemek için kullanılan bir programdır.

FLA formatı klibinizin orijinal belgesidir. Açtıktan sonra Macromedia Flash programına girersiniz ve klibi daha fazla düzenleyebilirsiniz.

SWF formatı- bu yürütülebilir bir Flash dosyasıdır, üzerine fareyi "tıkladığınızda", klibi Macromedia Flash Player programını kullanarak görüntüleme fırsatınız olur.

Adobe Flash Professional ile Animasyon

Adobe Flash Professional CS3- Bu programın avantajları ve işlevselliği çok uzun bir süre açıklanabilir. Bu program flash teknolojisi ortamında tartışmasız liderdir. Adobe Flash Professional, hem profesyonel web sitesi geliştiricileri hem de flash tasarımcıları tarafından kullanılır.

Bu programın yardımıyla, en hastalıklı fantezi bile bir anda gerçekleştirilebilir. Genel olarak, profesyonel animasyonlu flash dosyaları oluşturmaya karar verirseniz, Adobe Flash Professional tam olarak onsuz yapamayacağınız bir programdır.

Hacim, 500 Mb'den başlayan sürüme bağlıdır.

Üzerinde şu an Adobe Flash Professional CS5 yeni bir versiyon animasyon ve multimedya yazılımı.

İşletim Sistemi: Windows XP/Vista/7

Programın ekran görüntüsü:

Adobe Flash Professional CS3'ü indirin

Belki acemi bir web ustası için, kullanarak bir flash animasyon oluşturmak Adobe yazılımı Flash Professional biraz karmaşık ve ulaşılmaz görünecek.

Bu durumda, umutsuzluğa kapılmayın ve başladığınız işten vazgeçmeyin. Swishmax ile flaş fikirlerinizi deneyin.

Swishmax - flaş düzenleyici

SwishMAX flash animasyon oluşturmak için samimi ve basit bir arayüze sahip alternatif bir programdır, öncekinden daha az işlevseldir, ancak aynı zamanda kaliteli bir sonuç almanızı sağlar. Alttaki flash düzenleyicinin ana avantajı, kullanım kolaylığıdır. Elinde video dersleri olan acemi bir kullanıcı bile, onunla kısa sürede profesyonel flash videolar oluşturabilecektir.

Hacim: 9.27 MB.

Arayüz dili Rusça'dır.

İşletim sistemi: Windows 98/Me/NT/2000/XP

Programın ekran görüntüsü:

swishmax'ı indir

Timsah Flaş Tasarımcısı

Aşağıdaki flash programı, hem işlevsellik hem de arayüz içeriği açısından daha da basittir. Bu flash düzenleyicinin yetenekleri, site için birkaç dakika içinde kolayca bir flash banner oluşturmanıza olanak tanır.

130'dan fazla efekt vardır: solma, yakınlaştırma, döndürme. Animasyonlu çizimler, şekiller veya metin ve hatta ses, Flash animasyonunuza sorunsuz bir şekilde eklenir.

Burada ayrıca OnClick veya OnOver'ı da belirtebilirsiniz.

Hacim: 5,3 MB.

Arayüz dili Rusça'dır.

İşletim Sistemi: Windows XP/Vista/7

Programın ekran görüntüsü:

Alligator_Flash_Designer_7.0'ı indirin

Flash animasyon düzenleyicisi olmayan, ancak yetenekleri acemi bir web tasarımcısı için çok önemli olan başka bir program.

Flash Decompiler Trillix

Flash Decompiler Trillix - Bu programın temel amacı, SWF dosyalarını tek bir fare tıklamasıyla FLA formatına geri aktarmaktır. Tüm Flash nesnelerini şuradan alır: SWF dosyası ve bunları daha sonra Flash'ta düzenlenebilecek bir FLA dosyasına kaydeder.

Flash Decompiler'in avantajı, sesleri, görüntüleri, renkleri, degradeleri, çizgileri, dinamik metinleri ve bağlantıları FLA'ya dönüştürmeden düzenlemesidir.

Hacim: 7.27 MB.

Arayüz dili Rusça'dır.

İşletim Sistemi: Windows XP/Vista/7

Programın ekran görüntüsü:

Flash Decompiler Trillix'i indirin

13 Ekim 2014