A
B
C
Ç
D
E
F
G
Ğ
H
I
İ
J
K
L
M
N
O
P
R
S
Ş
T
U
Ü
V
Y
Z
Q
W
X
+ İçerik Ekle
Gösterisli, preloader, yapımı
Gösterisli preloader yapımı

Gösterisli preloader yapımı Selamun aleyküm

Bu dersde gösterisli preloader yapımını gösterecem uzun bir ders olacak sanırım

İlk olarak BURDAAAN
bir tane loader seciyoruz tasarlıyoruz ve kaydediyoruz masa üstüne

RESİM ASAĞIDA




Simdi masaüstüne aldığım loader ı flash’a aktaracaz.

Aşağıdaki resimde gösterildiği gibi bos bir sayfa açıp İNSERT/NEW SYMBOL’e tıklayıp name kısmını (preloader) yapıyoruz








Bu islemi yaptıktan sonra asağıdaki resimdeki gibi "FİLE/import/import to stage" seceneğinden loader’ı sayfaya ekliyoruz







Asağıdaki resimde görüldüğü gibi loader eklendi layer’a bakılırsa göründüğü gibi loader gif olduğu için tek tek hareketler framelere dağılmıs durumda.










Simdi resimdeki gibi bir tane layer açıyoruz ve yine "FİLE/import/import to stage" den aynı loader’ı ekliyoruz







Resimden görüldüğü gibi diğer loaderımız yüklendi ve hemen üstteki loaderın alt kısmına yerlestirildi








Asağıdaki resimdeki gibi gölgelik olusturmamız için altta kalan layerdaki frameleri symbol haline getirip resimdeki isaretli kısımları uyguluyoruz




ve resimdeki gibi yine framelere efektleri veriyoruz




Simdi yapılacak olan ayarlamasını yaptığımız frameleri symbol haline getirmistik tek tek tıklıyarak içine giriyoruz ve resimdeki gibi CTRL+B tusuyla parcalıyarak tek tek ileri gidecek sekilde seçip siliyoruz





Tek tek islemleri yaptıktan sonra sayfaya dönüyoruz ve preloader symbolüne resimdeki gibi efekt veriyoruzw






Simdi asağıdaki resimdeki gibi 3 layerımız olacak ortada bulunan layerda loaderımız ve text alanımız olacak text alanının name kısmına Ttext olarak ekliyoruz ve türü dynamic text olacak ve en üstteki layer’a


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;
     }
};

Kodunu ekliyoruz

en alttaki layerdada ilk frame bos ikinci frame içerik eklenecek







ve çalıstığında elde edilen sonuc asağıda








ÖNİZLEME










  Ad Soyad
  Yorum