Hemen hemen her düzeyde karmaşıklıkta flash videolar oluşturmak için ücretsiz bir program! Flash ile günlük çalışma için neredeyse tüm gerekli araçları içerir ve hem yeni başlayanlar hem de profesyoneller tarafından kullanılabilir. Bu programın temel farkı ve avantajı, onsuz profesyonel flash içeriğin oluşturulmasını hayal etmenin imkansız olduğu ActionScript 2.0 desteğidir.

Dima Bilan imkansızın mümkün olduğunu söylediğinde haklı görünüyor :). Çok uzun zaman önce, web geliştiricileri, flash animasyonla çalışabilme yeteneği için ya korsanlık yapmak ya da oldukça fazla para ödemek zorunda kaldılar. Ve nihayet, üçüncü tam teşekküllü seçeneğin ortaya çıktığı saat geldi - ücretsiz bir flash düzenleyici kullanmak.

Sitemizde daha önce benzer bir program vardı, ancak dezavantajı bazı eskime, sınırlı bir araç seti ve bir tür işlevsel site, oyun vb. oluşturmak için çok gerekli olan ActionScript programlama dili desteğinin olmamasıydı.

Bugün sizi, ünlü Adobe Flash ile pratik olarak eşit düzeyde rekabet edebilecek tamamen modern bir flash düzenleyiciyle tanıştıracağım - vektörel giotto.

Vectorian Giotto'nun ücretli muadili ile karşılaştırılması

Gördüğünüz gibi, Vectorian Giotto'nun geliştiricileri ellerinden gelenin en iyisini yaptılar ve programlarına Adobe Flash'a benzer olası maksimum işlev kümesini sığdırmaya çalıştılar. Ek olarak, kısayol tuşlarının çoğu aynıdır, bu nedenle Edobovskiy editörü ile çalışmaya alışmış olanlar, ücretsiz Vectorian Giotto platformuna geçiş yapmakta zorlanmayacaktır!

Ve ücretsiz editördeki "tatlı" için, "ağabey" in bazen eksik olduğu bir şey de var - özellikle flash afişler oluşturanları memnun edecek yerleşik bir animasyon efektleri kitaplığı.

İşe hazırlık

Vectorian Giotto'yu kullanmaya başlamak için, bu arada sadece 8 megabayt ağırlığındaki yükleyici ile arşivi indirmemiz gerekiyor! Arşiv indirildiğinde açın ve dosyayı çalıştırın VectorianGiotto.exe.

Kurulumun (ve programın kendisi, ne yazık ki :)) İngilizce olmasına rağmen, varsayılan ayarlarda herhangi bir şeyi değiştirmek gerekli olmadığından herhangi bir zorluğa neden olmamalıdır. Birkaç kez "İleri" düğmesine tıklayın ve kurulum işleminin bitmesini bekleyin;).

Arayüzle ilk tanışma

Kurulum sonunda standart ayarlarda herhangi bir değişiklik yapmadıysak önümüze tam ekran olarak Vectorian Giotto çalışma penceresi çıkacaktır:

Daha önce de söylediğim gibi, program arayüzü İngilizce'dir, bu nedenle makalede açıklanan diğer eylemleri gerçekleştirirken yanlış anlamaları ve yanlış yorumlamaları önlemek için bazı kavramsal aparatları tanıtmak istiyorum :). Her zamanki gibi yukarıdan aşağıya ve soldan sağa başlayalım.

Menü çubuğu. Vectorian Giotto programının tüm menülerini içeren paneldir. Animasyonla çalışırken, "Dosya" (animasyonunuzu SWF'ye kaydetmek ve dışa aktarmak için), "Görünüm" (çalışma alanının görüntüleme parametrelerini yapılandırmak için), "Değiştir" (geçerli belgeleme ve kitaplık efektleriyle çalışma) ve "Pencere" (görüntülenen modülleri ve program panellerini ayarlamak için).

Ana araç çubuğu. Proje eylemlerini yönetme düğmeleri ve animasyon oynatma paneli buraya taşınır.

Çizim paneli (program penceresinin tüm sol kısmını kaplar). Burada, animasyonunuz için istediğiniz herhangi bir nesneyi oluşturmak için gerekli tüm araçları ve gerekli araçların parametrelerini ayarlamanıza izin veren düğmeleri bulacaksınız.

Storyboard (veya zaman çizelgesi). Çerçeveler ve oluşturulan katmanlar için hücreleri yönetmenize olanak tanır.

Renk kontrol paneli. Yardımı ile önceden oluşturulmuş şekillerin rengini hızla değiştirebilirsiniz. Ayrıca animasyon nesneleriniz için (düz, gradyan, vb.) dolgu tipini seçmenize yarar.

Çalışma alanı. Animasyonlarınızı çizmeye yönelik sanal bir "kağıt" sayfasıdır :).

ActionScript düzenleyicisi. Basit afişler değil, düğmeler ve her türlü etkileşimli nesne dahil olmak üzere daha karmaşık bir şey oluşturmanız gerekiyorsa, bir komut dosyası düzenleyicisi olmadan yapamazsınız.

Klip yapısı paneli. "Çerçevedeki" tüm şekilleri görüntüler ve bunlar arasında hızla geçiş yapmanıza ve sıralarını kontrol etmenize olanak tanır.

Özellikler paneli. Flash'taki her nesnenin belirli özellikleri vardır. Bu panel onları yönetmek için kullanılır.

Dönüşüm paneli. Seçili animasyon öğesini hızla yeniden boyutlandırmanıza ve konumlandırmanıza olanak tanır.

Öğe kitaplığı. Animasyona eklenebilen (ve tekrar tekrar!) Oluşturulan veya içe aktarılan nesnelerin bir listesidir.

İnternette ve televizyon yayınlarında sürekli flash animasyonla karşı karşıya kalıyoruz. Flash teknolojisini kullanarak basit Flash animasyonları oluşturmak oldukça basit bir iştir, çünkü Flash tüm süreci kolaylaştıran birçok kullanışlı araç sunar. 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

Hızlandırılmış animasyonun 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 kareler oynatıldığında, görüntü canlanır. Bu, serbest el animatörleri tarafından kullanılan teknikle aynıdır ve ara doldurmadan daha fazla zaman alır (bir sonraki bölüme bakın).

• Varsayılan olarak Flash, saniyede 24 kare (FPS) oynatır. Bu, bir saniyede 24 karenin gösterileceği, ancak hepsinin farklı olması gerekmediği anlamına gelir. Bu ayarı (isterseniz) saniyede 12 kare olarak değiştirebilirsiniz, ancak saniyede 24 karede animasyon daha yumuşak oynatılacaktır.

1. Flash Professional'ı yükleyin. Piyasada birçok Flash animasyon programı var, ancak en güçlüsü Adobe Flash Professional CC'dir. Bu programı ücretsiz olarak deneyebilir veya başka bir ürün kullanabilirsiniz (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 birden çok 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ör olarak oluşturun. Vektör görüntüleri yeniden boyutlandırıldıklarında kendilerini yeniden çizeceklerdir (yani pikselleşmeyi veya kenar yumuşatmayı önlersiniz). Bitmap'ler, fotoğraflar, elle çizilmiş resimler vb. gibi geleneksel görüntülerdir. Bu tür resimleri büyütmeye çalışırsanız, oldukça bozuk bir resim elde edersiniz.

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

   • Bir resim eklemeden önce animasyonunuz için temel bir arka plan oluşturun. "Katman 1"i "Arka Plan" olarak yeniden adlandırın ve ardından sabitleyin. İkinci bir katman oluşturun ve istediğiniz gibi adlandırın. Bu, animasyonunuzu oluşturacağınız katman olacaktır.
   • Çizimi ilk çerçevenin tuvaline ekleyin. Çizimi bilgisayarınızdan içe aktarabilir veya çizim araçlarını kullanarak çizimi doğrudan program içinde oluşturabilirsiniz.
   • İlk kare "anahtar" karedir. Ana kare, bir görüntü içeren ve bir animasyonun omurgasını 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. Güzel bir animasyon oluşturmak için her dört ila beş karede bir ana kare oluşturun.

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

   • Resmi seçin. Resme sağ tıklayın ve "Simgeye Dönüştür" seçeneğini seçin. Resim kütüphaneye eklenecek ve gelecekte kullanımı daha kolay hale gelecektir.
   • Çizimi silin. Endişelenmeyin - onu kitaplıktan sürükleyip bırakarak çerçevenize ekleyebilirsiniz. Bu şekilde aynı resmi çerçeveye birden çok kez ekleyebilirsiniz.

4. Boş çerçeveler ekleyin.İlk ana kareniz hazır olduğunda, boş kareler ekleyin ve ardından ikinci ana kareyi oluşturmaya devam edin. İ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). Bunu yapmanın iki farklı yolu vardır: Mevcut bir ana kareyi kopyalayıp üzerinde küçük ayarlamalar yapabilir veya boş bir ana kare 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üyü yapıştırıyorsanı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 resmini değiştirmeniz 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 ekliyorsanız, doğru yerde olduğundan emin olun (karelerin mantıksal 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 sorunsuz çalıştığından emin olun.

   • Küçük değişiklikler yapın. Değişiklikler ne kadar küçük (daha incelikli) olursa, animasyon o kadar yumuşak oynatılır. Örneğin, karakterin elini kaldırmasını istiyorsanız, ikinci ana kare, karakteri zaten kaldırılmış olarak gösteren bir çizim içermemelidir. Bunun yerine, koldan yukarıya hareket etmek için birden çok ana kare kullanın. Bu durumda, animasyon daha yumuşak olacaktır.

6. Çizimi dönüştürün. Ana kareleri ve yörüngeyi oluşturduktan sonra, siz ikizin yörüngesinde hareket ederken düzgün 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 parametrelerini değiştirebilirsiniz.

   • Resmin dönüştürüleceği çerçeveyi seçin.
   • Resmin özellikler panelini açın. Bunu yapmak için F3'e basın.
   • Resim özellikleri penceresinde parametre değerlerini değiştirin. Örneğin, tonu veya rengi değiştirebilir, filtreler ekleyebilir, yeniden boyutlandırabilirsiniz.
   • Resmi istediğiniz gibi değiştirmek için Serbest Dönüştürme aracını da kullanabilirsiniz.

7. Son rötuşları ekleyin. Oluşturulan animasyonu Ctrl + Enter tuşlarına basarak test 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'yi azaltın veya ikizin süresini artırın.

   • Varsayılan FPS 24'tür, bu yüzden bu değeri 12'ye düşürmeyi deneyin. Özellik çubuğundaki FPS değerini değiştirin. Ancak FPS = 12'de animasyon yeterince düzgün oynatılamayabilir.
   • İkizin süresini değiştirmek için ikizi içeren katmanı seçin ve ikizin süresini değiştirmek için kaydırıcıyı kullanın. İkiz süresini iki katına çıkarmak istiyorsanız, kaydırıcıyı 48 kare hareket ettirin. Arka planın animasyonun ortasında kaybolmaması için arka planı boş karelere eklemeyi unutmayın. Bunu yapmak için arka plan katmanını seçin, animasyonun son karesine (zaman çizelgesinde) tıklayın ve ardından F5 tuşuna basın.

3. Bölüm

Ses efektleri ve müzik ekleme

1. Ses efektlerini ve müziği kaydedin veya indirin. Animasyonunuzu daha etkili hale getirmek için ses efektleri ekleyebilirsiniz. Müzik, animasyonları daha heyecanlı hale getirecek ve iyi animasyonları harikalara 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 kaliteli sesi garanti eden bir biçim seçin.

   • MP3 formatı, en küçük 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 - Kitaplığa İçe Aktar'a 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 adı 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 eklemek size animasyon film müziği üzerinde daha iyi kontrol sağlayacaktır.

   Sesi çalmaya başlamak için 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 oynatılacak 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 makale, Adobe Flash CS5'i kullanmaya başlamanız için basit adımlarda size yol gösterecektir. Dersin konusu 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 yeni bir ActionScript 3.0 belgesi oluşturun.

Sonraki animasyon için bir nesne çizelim

Şimdi bir daire çizelim. Sağ paneldeki "oval" aracını seçin ve farenin sol tuşunu ve klavyede "shift" tuşunu basılı tutun ve beyaz zemin üzerine bir daire çizin.

Seçim Aracını kullanarak, yeni oluşturulan nesneyi fare ile üzerine tıklayarak veya kare bir seçim içine alarak seçin.

Basit animasyon için bir nesneyi bir sembole dönüştürün

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 içerik menüsünden “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 Ara Nasıl Oluşturulur

Animasyon oluşturmak için bir "ana kare" belirlemeniz gerekir.

Alt panelde bir animasyon ölçeği var, yirmi beşinci kareyi seçin ve farenin sağ tuşuna basın, görünen bağlam 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üleyin

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.

Bu web sayfası, flash animasyon oluşturmak ve düzenlemek için programlar sunar. Onların yardımıyla, siteniz için kendi fikirlerinizi animasyonlu videolara dönüştürebilirsiniz.

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

FLA formatı klibiniz için kaynak belgedir. Açtıktan sonra Macromedia Flash programına girersiniz ve klibi daha fazla düzenleyebilirsiniz.

SWF formatı yürütülebilir bir Flash dosyasıdır, üzerine tıkladığınızda, Macromedia Flash Player'ı kullanarak klibi görüntüleyebilirsiniz.

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 sayesinde en hastalıklı fanteziler bile flaş bir şekilde gerçekleştirilebilir. Genel olarak, profesyonel animasyonlu flash dosyaları oluşturmaya karar verirseniz, Adobe Flash Professional tam olarak onsuz yapamayacağınız programdır.

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

Şu anda, Adobe Flash Professional CS5, animasyon ve multimedya ile çalışmak için programın yeni bir sürümüdür.

İşletim Sistemi: Windows XP / Vista / 7

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

Adobe Flash Professional CS3'ü indirin

Acemi bir web ustası için Adobe Flash Professional kullanarak bir flash animasyon oluşturmak belki de zor ve ulaşılmaz bir şey gibi görünebilir.

Bu durumda, umutsuzluğa kapılmayın ve başladığınız şeyden 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, öncekinden daha az işlevsel olan, ancak aynı zamanda kaliteli bir sonuç elde etmenizi sağlayan alternatif bir programdır. Alttaki flash düzenleyicinin ana avantajı, kullanım kolaylığıdır. Elinde video dersleri olan acemi bir kullanıcı bile, onun yardımıyla kısa sürede profesyonel flash videolar oluşturabilecektir.

Boyut: 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ı

Bir sonraki flash programı, hem işlevsellik hem de arayüzün içeriği açısından daha da basittir. Bu flash düzenleyicinin yetenekleri, bir web sitesi 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 kolayca eklenebilir.

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

Boyut: 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 gerekli olan başka bir program.

Flash kod çözücü 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 bir SWF dosyasından çıkarır ve bunları Flash'ta daha fazla düzenlenebilen 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.

Boyut: 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