smx
🏅Acemi Tasarımcı🏅
öncelikle sitedeki herkese merhabalar... flash bölümünde ilk konumu açmış bulunuyorum. işinize yarayacak derslerde bulunacağım, inş. biraz faydam olur. yardımcı olabilirsem ne mutlu bana..
[( ali emre ve nevermind arkadaşımız için özenle hazırlanmıştır.)]
öncelikle flash web sitesi yapımında önemli noktalardan biriside preloader yapımıdır. standart flash web sitelerinin yapımı 1.mb nin üstündedir ve ziyaretçi sitenin açılmasına ne kadar kaldığını merak eder. bu esnada preloader devreye girer ve ziyaretçi merakını giderip beklemeye devam eder...
dersimize başlıyoruz.
- Öncelikle Flash programında boş bir flash dosyası açalım. Sayfanın çözünürlüğünü ve arkaplan rengini dilediğiniz gibi ayarlayın.
- Sayfamız açıkken yukarıda sadece bir layer bulunmakta... insert layer düğmesine basıyoruz ve 2. bir layer açıyoruz. üstteki layerin adını kod, alttaki layerin adını da icerik diye yazalım yada isterseniz öyle kalsın.
- altta bulunan layerin 2.framesine sağ tıklayıp İnsert Keyframe diyoruz.
- icerik adını verdiğimiz layerin 1. framesi seçiyoruz ve ana sahneye dönüyoruz. Şimdi ise sıra preloaderin şeklini vermekte... dilerseniz uzamakta olan bir çizgi, dilerseniz bir noktadan diğerine giden bir cisim... bizim yapacağımız uzamakta olan bir çizgi olacak.... hadi yapalım
- Oval Tool araç çubuğu ile sahneye ufak bir yuvarlak çizelim (şekil1) ve aynısını biraz uzağına kopyalayalım (şekil2). 1. yuvarlaktan başlayıp 2. yuvarlağa doğru uzayan bir çizgi yapmak için 1. yuvarlağa çok yakın bir yuvarlak daha yapalım (şekil3), isterseniz rengini farklı yapın, daha iyi olacaktır.
- Sahnede 3 yuvarlağımız var ve içerik adını verdiğimiz layerin 1. framesi gri rengi aldı. şimdi yapacağımız işlem ise bu 3 yuvarlağı seçip bir movieclip haline getirmek. sahnedeki 3 yuvarlağı da seçelim ve sağ tıklayıp Convert to Symbol seçeneğine basalım.
çıkan pencerede button movieclip graphic diye 3 seçenekle karşılaşacağız. biz movieclip i seçelim. seçtikten sonra dikkat ederseniz 3 yuvarlak incemavi kenarlı bir dikdörtgenin içindeymiş gibi görünecektir...
- sahnede oluşturduğumuz bu movieclipe çift tıklayalım ve karşımıza yeni bir sahne açılacaktır. bu sahne movieclip içerisindeki sahnedir.
- layer bölümüne baktığımızda sadece bir layer bulunmakta. sadece bir layer içimizi görecektir. layerin 20. framesine çift tıklatıp İnsert Keyframe ye basalım.1. frameden 20. frameye kadar içi gri ile dolu bir şerit bulunmakta. şimdi yapacağımız işlem, 20.frame seçili iken, sahnedeki yuvarlakların şeklini belirlemek, yani 1. frameden başlayıp 20. frameye doğru giderken, ortada bulunan yuvarlak, çizgi şeklini almalı. 20.frameyi seçelim ve ortadaki yuvarlağı en sondaki yuvarlağa doğru sündürelim.
- 1.frame ve 20. frame arasındaki gri şerit üzerinde herhangi birisine tıklıyoruz ve altta buluna Properties bölümünden Tween'in yanında None yazısını Shape yapıyoruz. gri şeridimiz yeşil renk aldı ve arasından bir ok geçmekte. 1. frame seçiliyken Entere basacak olursak 20.frameye doğru ilerlerken ortadaki yuvarlağın uzayıp çizgi şeklini aldığını göreceksiniz. bu uygulamayı şekil değişikliklerinde de uygulayabilirsiniz.
- 20. frame seçili iken Actions penceresini açalım ve oraya stop(); yazalım. böylece preloaderimiz son halini alır ve tekrar başa dönmez.
- preloader uygulamasının büyük bi kısmı bitti ve şimdi sıra kod işlemine geldi. Çalışmanın ana sahnesine dönelim.
- sahnedeki preloader için hazırladığımız movieclipi seçelim ve o seçili iken Actions penceresini açalım ve şu kodları girelim;
onClipEvent (load) {
total = _root.getBytesTotal();
}
onClipEvent (enterFrame) {
loaded = _root.getBytesLoaded();
percent = int(loaded/total*100);
text = percent+"%";
gotoAndStop(percent);
if (loaded == total) {
_root.gotoAndPlay(2);
}
}
- kod adlı layerimizin 1. framesini seçelim ve Actions penceresini açıp stop(); yazalım.
- son olarak da icerik adlı layerimizin 2. framesi seçili iken yine Actions a stop(); yazalım ve sahneye dönüp YÜKLENDİ... yazısı yada sizin belirlediğiniz herhangi bir yazıyı yazalım.
- CTRL ENTER yapıp export şeklinde önizlemesine baktığımızda karşımızda direk, en son yazdığımız yüklendi yazısı çıkacaktır. çünkü yaptığımız çalışma bilgisayarımızda bulunduğundan beklemeden yüklenmiştir. internete attığınızda önce preloader animasyonu oynar ve ardından yükleniyor yazısı karşımızda çıkar..
ayrıntılı bir şekilde basit preloader yapımı böyle.. umarım yardımcı olmuşumdur. hepinize iyi çalışmalar. başka bir flash dersinde buluşmak dileğiyle
sre - smx ....
[( ali emre ve nevermind arkadaşımız için özenle hazırlanmıştır.)]
öncelikle flash web sitesi yapımında önemli noktalardan biriside preloader yapımıdır. standart flash web sitelerinin yapımı 1.mb nin üstündedir ve ziyaretçi sitenin açılmasına ne kadar kaldığını merak eder. bu esnada preloader devreye girer ve ziyaretçi merakını giderip beklemeye devam eder...
dersimize başlıyoruz.
- Öncelikle Flash programında boş bir flash dosyası açalım. Sayfanın çözünürlüğünü ve arkaplan rengini dilediğiniz gibi ayarlayın.
- Sayfamız açıkken yukarıda sadece bir layer bulunmakta... insert layer düğmesine basıyoruz ve 2. bir layer açıyoruz. üstteki layerin adını kod, alttaki layerin adını da icerik diye yazalım yada isterseniz öyle kalsın.
- altta bulunan layerin 2.framesine sağ tıklayıp İnsert Keyframe diyoruz.
- icerik adını verdiğimiz layerin 1. framesi seçiyoruz ve ana sahneye dönüyoruz. Şimdi ise sıra preloaderin şeklini vermekte... dilerseniz uzamakta olan bir çizgi, dilerseniz bir noktadan diğerine giden bir cisim... bizim yapacağımız uzamakta olan bir çizgi olacak.... hadi yapalım
- Oval Tool araç çubuğu ile sahneye ufak bir yuvarlak çizelim (şekil1) ve aynısını biraz uzağına kopyalayalım (şekil2). 1. yuvarlaktan başlayıp 2. yuvarlağa doğru uzayan bir çizgi yapmak için 1. yuvarlağa çok yakın bir yuvarlak daha yapalım (şekil3), isterseniz rengini farklı yapın, daha iyi olacaktır.
- Sahnede 3 yuvarlağımız var ve içerik adını verdiğimiz layerin 1. framesi gri rengi aldı. şimdi yapacağımız işlem ise bu 3 yuvarlağı seçip bir movieclip haline getirmek. sahnedeki 3 yuvarlağı da seçelim ve sağ tıklayıp Convert to Symbol seçeneğine basalım.
çıkan pencerede button movieclip graphic diye 3 seçenekle karşılaşacağız. biz movieclip i seçelim. seçtikten sonra dikkat ederseniz 3 yuvarlak incemavi kenarlı bir dikdörtgenin içindeymiş gibi görünecektir...
- sahnede oluşturduğumuz bu movieclipe çift tıklayalım ve karşımıza yeni bir sahne açılacaktır. bu sahne movieclip içerisindeki sahnedir.
- layer bölümüne baktığımızda sadece bir layer bulunmakta. sadece bir layer içimizi görecektir. layerin 20. framesine çift tıklatıp İnsert Keyframe ye basalım.1. frameden 20. frameye kadar içi gri ile dolu bir şerit bulunmakta. şimdi yapacağımız işlem, 20.frame seçili iken, sahnedeki yuvarlakların şeklini belirlemek, yani 1. frameden başlayıp 20. frameye doğru giderken, ortada bulunan yuvarlak, çizgi şeklini almalı. 20.frameyi seçelim ve ortadaki yuvarlağı en sondaki yuvarlağa doğru sündürelim.
- 1.frame ve 20. frame arasındaki gri şerit üzerinde herhangi birisine tıklıyoruz ve altta buluna Properties bölümünden Tween'in yanında None yazısını Shape yapıyoruz. gri şeridimiz yeşil renk aldı ve arasından bir ok geçmekte. 1. frame seçiliyken Entere basacak olursak 20.frameye doğru ilerlerken ortadaki yuvarlağın uzayıp çizgi şeklini aldığını göreceksiniz. bu uygulamayı şekil değişikliklerinde de uygulayabilirsiniz.
- 20. frame seçili iken Actions penceresini açalım ve oraya stop(); yazalım. böylece preloaderimiz son halini alır ve tekrar başa dönmez.
- preloader uygulamasının büyük bi kısmı bitti ve şimdi sıra kod işlemine geldi. Çalışmanın ana sahnesine dönelim.
- sahnedeki preloader için hazırladığımız movieclipi seçelim ve o seçili iken Actions penceresini açalım ve şu kodları girelim;
onClipEvent (load) {
total = _root.getBytesTotal();
}
onClipEvent (enterFrame) {
loaded = _root.getBytesLoaded();
percent = int(loaded/total*100);
text = percent+"%";
gotoAndStop(percent);
if (loaded == total) {
_root.gotoAndPlay(2);
}
}
- kod adlı layerimizin 1. framesini seçelim ve Actions penceresini açıp stop(); yazalım.
- son olarak da icerik adlı layerimizin 2. framesi seçili iken yine Actions a stop(); yazalım ve sahneye dönüp YÜKLENDİ... yazısı yada sizin belirlediğiniz herhangi bir yazıyı yazalım.
- CTRL ENTER yapıp export şeklinde önizlemesine baktığımızda karşımızda direk, en son yazdığımız yüklendi yazısı çıkacaktır. çünkü yaptığımız çalışma bilgisayarımızda bulunduğundan beklemeden yüklenmiştir. internete attığınızda önce preloader animasyonu oynar ve ardından yükleniyor yazısı karşımızda çıkar..
ayrıntılı bir şekilde basit preloader yapımı böyle.. umarım yardımcı olmuşumdur. hepinize iyi çalışmalar. başka bir flash dersinde buluşmak dileğiyle
sre - smx ....
