Flash Actionscript 3.0 Preloader uygulaması ve Siteye bağlantısı

Ebat: px

Şu sayfadan göstermeyi başlat:

Download "Flash Actionscript 3.0 Preloader uygulaması ve Siteye bağlantısı"

Aysun Günaydın
8 yıl önce
İzleme sayısı:

Flash /preloader-site / / Turan Asan 1 Flash Actionscript 3.0 Preloader uygulaması ve Siteye bağlantısı 1. Flashta actionscript 3.0 tercihli yeni sayfa açınız. 2.

1 Flash /preloader-site / / Turan Asan 1 Flash Actionscript 3.0 Preloader uygulaması ve Siteye bağlantısı 1. Flashta actionscript 3.0 tercihli yeni sayfa açınız. 2. Type tool alın ve yazı alanı açın, içerisine PRELOADER kelimesini yazınız frame seçin. insert menu-timeline ve frame seçeneğini seçiniz. 3. Yeni Layer ekle. Dikdörgen toolla preloader yazısı boyunca dikdörgen şerit oluştur frame ı seç keyframe ver. Sonra 1. frame seç insert menuden Classic Tween ver frame seç dikdorgen şeridi Preloader yazısını tamamen örtecek kadar shifte basarak yukarı taşı.

Flash /preloader-site / Turan Asan 2 4. En alttaki PRELOADER yazısını seç ve copyala. En üste yeni layer aç. Ve layer seçili iken edit-menuden paste in place seç.

2 Flash /preloader-site / Turan Asan 2 4. En alttaki PRELOADER yazısını seç ve copyala. En üste yeni layer aç. Ve layer seçili iken edit-menuden paste in place seç. Daha sonra Layer adının üzerine gel, sağ click ve ondan mask ı seç. Test movie yaptığımızda kırmızı zeminin yazının içini doldurduğu görülecektir. 5. Sahnedeki PRELOADER yazısının sağ üst köşesine yazı alanı açın. İçerisine 100% yazınız. Yazı seçili haldeyken Properties panel-instance name- kutusuna ekran_txt yazınız. Ve altaki metin biçimlerinden Dynamic Text ı seçiniz

Flash /preloader-site / Turan Asan 3 6. En üste yeni layer aç. Yeni açılan layer seçili durumdayken window menu - actionscript panelini aç. ve aşağıdaki kodları yaz.

3 Flash /preloader-site / Turan Asan 3 6. En üste yeni layer aç. Yeni açılan layer seçili durumdayken window menu - actionscript panelini aç. ve aşağıdaki kodları yaz. stop(); var yuklenen:number; var yuzde:int; //ondalık değerleri gösterir //ondalık değerleri göstermez loaderinfo.addeventlistener(progressevent.progress, yukleniyor); loaderinfo.addeventlistener(event.complete, yuklendi); function yukleniyor(e:progressevent){ yuklenen = e.bytesloaded / e.bytestotal; yuzde = yuklenen * 100; ekran_txt.text = yuzde + % ; gotoandstop(yuzde); } function yuklendi(event:event){ nextscene(); }

4 Flash /preloader-site / Turan Asan 4 Flash site uygulaması (actionscrip 3.0) Butonlarla movieclip açmak 1. Window menu - other panel - SCENE panelini aç.soldaki sahne ekle ikonuna tıkla. Scene2 eklendiğini göreceksiniz. 2. Aşağıda görüldüğü şekilde basit arayüz uygulaması yapınız.

5 Flash /preloader-site / Turan Asan 5 3. Insert menu- NewSymbol- seçiniz. Gelen diyalog pencesinde name kısmına buton adını yazın. Type:Button seçin. Buton sembol modunda açılan sayfada aşağıda resimde görüldüğü gibi siyah bir kare çizin. over, down, hit karelerine sağ click yapın ve keyframe seç. Hit karesinindeki kareyi sağa doğru uzatın.

6 Flash /preloader-site / Turan Asan 6 4. Library panelden aşağıdaki 2 adet buton sahneye yerleştirin. Yanlarına anasyfa ve biyografi yazın. 5.Anasayfa butonunu seç properties panelde instance name kutusuna anasayfa yazınız. Aynı şekilde Biyografi butonunu seç, properties panelde instance name kutusuna biyografi yazınız. 6.Anasayfa butonunu seç properties panelde instance name kutusuna anasayfa yazınız. Aynı şekilde Biyografi butonunu seç, properties panelde instance name kutusuna biyografi yazınız. 7. Insert menu- NewSymbol- seçiniz. Gelen diyalog pencesinde name kısmına anasayfa adını yazın. Type:Button MovieClip seçin. Yandaki gördüğünüz şekilde sayfanın ortasındaki + işaretinden aşağı ve sağa doğru dikdörtgen çiziniz. 20. Frameyi seç sağ click ve keyframe verin. Sonra 1. frame seç. insert-classic Tween uygulayınız. Tekrar 1. frame seç dikdortgeni free transform tool ile 10 piksele kadar küçültün. sonra 40. frame yı seç insert-timeline- Frame seç

Flash /preloader-site / Turan Asan 7 8. Yeni layer ekle. 20 Frame ı seç sağ click ve keyframe verin. İçerisine metin ve resim ekleyin. sonra 40. frame yı seç insert-timeline-frame seç. Sonra 1.

7 Flash /preloader-site / Turan Asan 7 8. Yeni layer ekle. 20 Frame ı seç sağ click ve keyframe verin. İçerisine metin ve resim ekleyin. sonra 40. frame yı seç insert-timeline-frame seç. Sonra 1. frame seç. insert-classic Tween uygulayınız. Sonra 20. Frame seç. properties panelden rotate 5 times ver. Layer 2 de 40. frame ı seç properties panel - frame- action ikona tıkla açılan panelde stop() yazın. 9. Insert menu- NewSymbol- seçiniz. Gelen diyalog pencesinde name kısmına biyografi adını yazın. Type:Button MovieClip seçin.yandaki gördüğünüz şekilde sayfanın ortasındaki + işaretinden aşağı ve sağa doğru dikdörtgen çiziniz.( anasayfa sembolünden aynı dikdörtgen form ve tasarımı copy-paste in place yapabilirsiniz. Çünkü aynı ölçüler ve tasarım olacak) 20. Frameyi seç sağ click ve keyframe verin. Sonra 1. frame seç. insert-classic Tween uygulayınız. Tekrar 1. frame seç dikdortgeni free transform tool ile 10 piksele kadar küçültün. sonra 40. frame yı seç insert-timeline-frame seç 10. Yeni layer ekle. 20 Frame ı seç sağ click ve keyframe verin. İçerisine metin ve resim ekleyin. sonra 40. frame yı seç insert-timeline-frame seç. Sonra 1. frame seç. insert-classic Tween uygulayınız. Sonra 20. Frame seç, sora sahneden görseli seç properties panelden color-alpya 5e kadar düşürün. Layer 2 de 40. frame ı seç properties panel - frame- action ikona tıkla açılan panelde stop() yazın.

Flash /preloader-site / Turan Asan 8 11. Insert menu- NewSymbol- seçiniz. Gelen diyalog pencesinde name kısmına sitem adını yazın. Type:Button MovieClip seçin sora OK. tıkla. 1. Frame seç Library den anasayfa clibini sahneye sürükle bırak.

8 Flash /preloader-site / Turan Asan Insert menu- NewSymbol- seçiniz. Gelen diyalog pencesinde name kısmına sitem adını yazın. Type:Button MovieClip seçin sora OK. tıkla. 1. Frame seç Library den anasayfa clibini sahneye sürükle bırak. Clip seçili iken properties panelde X ve Y nin değerini 0 yapın Frame seç sağ click gelen menüden Blank keyframe seç, sonra Library den biyografi clibini sahneye sürükle bırak. Clip seçili iken properties panelde X ve Y nin değerini 0 yapın.

Flash /preloader-site / Turan Asan 9 13. Sahne 2 dön. Yeni Layer ekle adını sitem olarak değiştir. Sitem layer ı seçili iken kütüphaneyı aç ve sahneye sitem movieclibi i sürükle bırak.

9 Flash /preloader-site / Turan Asan Sahne 2 dön. Yeni Layer ekle adını sitem olarak değiştir. Sitem layer ı seçili iken kütüphaneyı aç ve sahneye sitem movieclibi i sürükle bırak. Clip seçili iken properties panelde X değerini 0 ve Y nin ise 100 yapın.daha sonra sitem Clibi seçili iken properties panelde instancename kutusuna sitem adını yazın. 13. Yeni bir Layer daha ekle adını action olarak değiştir. action layer ı seçili iken action panelini aç ve aşağıdaki kodları yaz.

10 Flash /preloader-site / Turan Asan 10 stop() anasayfa.addeventlistener(mouseevent.click,sitem1); biyografi.addeventlistener(mouseevent.click,sitem2); function sitem1 ( evt ){ sitem.gotoandstop(1); } function sitem2 ( evt ){ sitem.gotoandstop(2); } 14. Control menu- test movie yapınız.preloader ı görmek için test movie pencereside viev menüden simulate download ı seçin. 15. File menuden Publish Preview ve Defaul (HTML) seç. Böylece site yayına hazır hale gelmiş olacak.

Benzer belgeler

Sayfa Bölümleri. Dosyanın kaydedilmesi

Sayfa Bölümleri. Dosyanın kaydedilmesi Sayfa Bölümleri 1- Tools:Gösteri için kullanılacak nesnelerin olduğu araç kutusudur 2- Scene (Sahne) : Tasarımın yapıldığı bölümdür. 3- Properties: Seçili nesnenin ya da sahnenin özelliklerinin değiştirildiği