Flash Dersleri 4

CS4'te Araç Çubuğu ve Özellikleri


Evet arkadaşlar bu dersimizde CS4'te kullanılan araçları ve özelliklerini göstereceğim. Aşağıda duran resimde araçların karşısında hangi amaçla kullanıldıkları yazıyor. Ön bilgi olması açısından sizlerle paylaşmak istedim.

İşte özellikler;

http://img.sanalkurs.net/uploads/arakutusu.jpg

Bunları ileride uygulamalarımızda kullanacağız.

İyi çalışmalar.Görüşmek Üzere...
 


---

Flash CS4 ve Yenilikleri

Bilenler vardır, ama bilmeyenler için yeni bir haber: Flash CS4 piyasada... Daha CS3'e alışamadan CS4 çıkması değişik bir duygu. Evet, şimdi soracaksınız, "CS4'te neler var?" diye...

Bence CS4 Flash kullanıcılarını bir adım öne çıkaracak ve Flash'ta bir hayli ilerleme kaydettirecek bir program. Çoğu Flash kullanıcısının, "hani şu eklenti de olsa ne güzel olurdu" tarzında yakınmalarına biraz merhem olacak bir program diye düşünüyorum.

http://img.sanalkurs.net/uploads/1_374.jpg

Kullanmaya başlayınca siz de anlayacaksızınız. Ben şimdiden memnunum. Flash CS4, ActionScript 2.0 ve 3.0'ı destekliyor. Alışılagelmiş timeline özelliklerinden biraz farklı, bunları ilerleyen derslerimizde anlatacağım. 

Size bir iki örnek göstermek istiyorum. Öncelikle CS4'ü ön plana çıkaran yepyeni bir özellik; 3D ile cisimlere hakim olabilirsiniz. 

http://img.sanalkurs.net/uploads/2_318.jpg

3D özelliğini kullanarak cismin x,y,z değerlerini değiştirip ayarlamalamar yapabilirsiniz. Diğer özelliklerden bir tanesi ise Bonetool.

http://img.sanalkurs.net/uploads/3_265.jpg

Bonetool ile cisimleri, örneğin insanlarda olan kol dirsek açma kapama yapısına benzeyen bir sistemi var. Resimlerden anlayacağınız üzere çok yararlı bir araç.

http://img.sanalkurs.net/uploads/4_214.jpg

Diğer bir özellik de Motion Editör. Bu editör sayesinde ister cismin üzerinden, istersek de Motion Editör üzerinden değişimler yapabiliriz.

http://img.sanalkurs.net/uploads/5_175.jpg

Evet arkadaşlar şimdilik bu kadar. Bir uyarı: Özellikle bu programla bir şeyler yapmak istiyorsanız ve sitenize bir şeyler yapıp kullanıcı çekmek istiyorsanız, bildiğiniz üzere Flash CS4, Flash Player 10 ile çalışıyor. Kullanmak isteyip de sitenize eklerseniz, uyarılarınızı ona göre yapmanızda fayda var.

---

Yaklaşık 1 Dakikada Preloader Oluşturmak

1 dakikada preloader nasıl oluşturulur diyorsanız, çok kolay bir yöntemi sizlerle paylaşmak istedim.

Burada pek çok preloader örneği mevcut, onlardan beğendiğiniz birisini bilgisayarınıza kaydetmeniz gerekiyor.

http://img.sanalkurs.net/images/1_4.jpg

İlk olarak buradan GIF animasyonlu preloader'imizi yaratıyoruz. Binlerce renk ve form olarak preloader animasyonu oluşturmak mümkün. 

Yalnız birşeyi gözden uzak tutmamak gerekir: Arkaplan ve yapılacak olan preloader'un renklerinin seçilebilir olması lazım.

http://img.sanalkurs.net/images/2_3.jpg

Ajaxload.info sitesinden yukarıdaki resimde belirtildiği gibi hazırlıyoruz. 

Indicator Type: yazan açılır menüden tercihimizi yapıyoruz. Preloader'umuzun şeklini belirliyoruz. Daha sonra arkaplan rengini ayarlıyoruz. "Generate it!"e basıyoruz ve aşağısında "Download it!" yazan yere basıyoruz. GIF'imizi bu sayede tamamlamış oluyoruz yani, buradan masaüstünde boş bir dosyaya alıyoruz. Daha sonra Flash'ta yapmamız gereken işlemlere başlıyoruz.

http://img.sanalkurs.net/images/3_4.jpg

http://img.sanalkurs.net/images/4_3.jpg

http://img.sanalkurs.net/images/5_3.jpg

Menu başlığında Insert > New Symbol diyoruz gelen pencerenin içine preloader yazıyoruz.

http://img.sanalkurs.net/images/6_1.jpg

Dışarıda dosya içine aldığımız Ajax-loader'umuzu File > Import > Import Stage diyerek açılan hazırladığımız boş preloader (yani az önce hazırladığımız Insert > New Symbol preloader) içine (stage) import ediyoruz. Preloader resimleri sıralı olarak frame içerisinde yerlerini alacaklardır. 

http://img.sanalkurs.net/images/7.jpg

Ana sahneye dönüyoruz kütüphaneden Preloader movie klibini sahneye alıyoruz, bar kısmında preloader ve text'imiz yer almakta. 

http://img.sanalkurs.net/images/10_1.jpg

http://img.sanalkurs.net/images/8_1.jpg

Sonra text için "Dynamic Text" yapıyoruz ve Instance Name olarak Ttext yazıyoruz. Aşağıdaki resme bakıp yapabilirsiniz.

http://img.sanalkurs.net/images/11_2.jpg

Daha sonra resim layerımızda 1. frame boş, 2'nci frame'mize dışardan kütüphaneye resim alıp onu 2. framede sahneye koyuyoruz. 

Actions layer'ının 1. frame'ine tıklıyoruz aşağıdaki kodları oraya yapıştırıyoruz. 

onEnterFrame = function () {
var preloader = this.getBytesLoaded();
var total = this.getBytesTotal();
var yuzde = preloader/total;
Ttext.text = Math.round(yuzde*100)+"%";
if (preloader>=total && total>4) {
this.gotoAndStop(2);
delete onEnterFrame;
}
};


Hepsi bu. Kolay gelsin.

Kaynak dosyayı indirmek için tıklayın

 
 
Tripkolic Fan | Html Kodları | Conquer Online | Html Kodları| Webmaster   Sstasarim | Şanişer Fan
 
bugün 14 ziyaretçi (18 klik) kişi burdaydı!
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol