Gelin Hep Beraber Preloader Yapalım.....

Flash - Gelin Hep Beraber Preloader Yapalım..... Sponsorlu Bağlantılar ö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 ...

Cevapla
Gelin Hep Beraber Preloader Yapalım.....
smx isimli Üye şimdilik offline konumundadır

smx

Öğrenci (Diğer) / Kayseri

Standart

Gelin Hep Beraber Preloader Yapalım.....

Alt 02-08-2008 #1
Sponsorlu Bağlantılar

ö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... [COLOR="Red"]insert layer [/COLOR]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.
Gelin Hep Beraber Preloader Yapalım.....





- altta bulunan layerin 2.framesine sağ tıklayıp [COLOR="Red"]İnsert Keyframe[/COLOR] diyoruz.
Gelin Hep Beraber Preloader Yapalım.....




- 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

- [COLOR="Red"]Oval Tool[/COLOR] 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.
Gelin Hep Beraber Preloader Yapalım.....





- 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 [COLOR="Red"]Convert to Symbol[/COLOR] seçeneğine basalım.
Gelin Hep Beraber Preloader Yapalı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 [COLOR="Red"]İnsert Keyframe[/COLOR] 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.
Gelin Hep Beraber Preloader Yapalım.....





- 1.frame ve 20. frame arasındaki gri şerit üzerinde herhangi birisine tıklıyoruz ve altta buluna [COLOR="Red"]Properties[/COLOR] bölümünden [COLOR="Red"]Tween[/COLOR]'in yanında [COLOR="Red"]None [/COLOR]yazısını [COLOR="Red"]Shape [/COLOR]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.
Gelin Hep Beraber Preloader Yapalım.....





- 20. frame seçili iken [COLOR="Red"]Actions [/COLOR]penceresini açalım ve oraya [COLOR="DimGray"] stop(); [/COLOR] 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 [COLOR="Red"]Actions [/COLOR]penceresini açalım ve şu kodları girelim;

[COLOR="DimGray"]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);
}
} [/COLOR]

Gelin Hep Beraber Preloader Yapalım.....





- kod adlı layerimizin 1. framesini seçelim ve Actions penceresini açıp [COLOR="DimGray"]stop();[/COLOR] yazalım.
- son olarak da icerik adlı layerimizin 2. framesi seçili iken yine Actions a [COLOR="DimGray"]stop();[/COLOR] yazalım ve sahneye dönüp [COLOR="Red"]YÜKLENDİ...[/COLOR] 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 ....
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Ali Emre isimli Üye şimdilik offline konumundadır

Ali Emre(27)

Webmaster / İzmir

Standart
Alt 02-08-2008 #2
                             Sponsorlu Bağlantılar
Eline sağlık smx.Ders için çok teşekkür ederim.:artipuan:

Birşey soracağım.Yaptığımız swf dosyasını index.html ye mi koyacağız?
Bu mesajdan alıntı yap
smx isimli Üye şimdilik offline konumundadır

smx

Öğrenci (Diğer) / Kayseri

Standart
Alt 03-08-2008 #3
preloaderi hazırladıktan sonra, istersen swfi htmlye koyarsın o sana kalmış
Bu mesajdan alıntı yap
Ali Emre isimli Üye şimdilik offline konumundadır

Ali Emre(27)

Webmaster / İzmir

Standart
Alt 03-08-2008 #4
teşkkür ederim
Bu mesajdan alıntı yap
asit isimli Üye şimdilik offline konumundadır

asit

Webmaster / Ankara

Standart
Alt 03-08-2008 #5
eline sağlık teşekkürler
Bu mesajdan alıntı yap
smx isimli Üye şimdilik offline konumundadır

smx

Öğrenci (Diğer) / Kayseri

Standart
Alt 05-08-2008 #6
ilgilenen yok galiba... Gelin Hep Beraber Preloader Yapalım.....
Bu mesajdan alıntı yap
Selim MERCANO isimli Üye şimdilik offline konumundadır

Selim MERCANO(38)

Grafiker / İstanbul

Standart
Alt 13-08-2008 #7
ben ilgilendim arkdasım Gelin Hep Beraber Preloader Yapalım.....) flash 5' le başlayıp mx de bırakmıstım Gelin Hep Beraber Preloader Yapalım..... tanıdık geldi flasha yönelmek geldi icimden yeniden Gelin Hep Beraber Preloader Yapalım..... ancak yeni başlıyanlar kodları anlayamaz kopyacılık olur. Ama Normalde ingilizce bilenler daha anlasılır bulucaktır cünkü komutlarla kodlar birbirine yakın ingilizce olunca.. ufaktan bir bilgide benden olsun dedim Gelin Hep Beraber Preloader Yapalım.....
emeğine sağlık güzel bilgi vermissin.
Bu mesajdan alıntı yap
smx isimli Üye şimdilik offline konumundadır

smx

Öğrenci (Diğer) / Kayseri

Standart
Alt 15-08-2008 #8
biraz mantıklı düşününce ve ingilizce olunca, kod kısmını halletmek kolay olabiliyor tabi...
Bu mesajdan alıntı yap
Ömer DEMİRBAŞ isimli Üye şimdilik offline konumundadır

Ömer DEMİRBAŞ

Hiç Biri / Kocaeli

Standart
Alt 15-08-2008 #9
eline sağlık arkadaşım güzel bir anlatım olmuş tebrikler
Bu mesajdan alıntı yap
Hande DEMİR isimli Üye şimdilik offline konumundadır

Hande DEMİR(43)

Grafiker

Standart
Alt 15-08-2008 #10
anlatımınız yalın ve akıcı...
flash bilmediğim halde ilgimi çekti, okudum ve gayet anlaşılır olmuş.
bir önerim var size. zaman ayırıp, emek verip hazırladığınız derslerinize,
emek hırsızlığından korumak için. grafikerler.net logosunu koyabilirsiniz.
ali emre ve nevermind için hazırlamışsınız ama biz de okuduk Gelin Hep Beraber Preloader Yapalım.....
benden size bir rep ödülü Gelin Hep Beraber Preloader Yapalım.....
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Cevapla

Tags
beraber, gelin, hep, preloader, yapalım

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Gelin-Damat Psd Localbilisim Psd Dosyaları 12 15-06-2013 11:04:36
Gelin ve Damat BY KARMA Fotoğraf - Resim 24 01-02-2011 15:05:17
Illustrator'da karenin opacity'si çerçeveyle beraber düşüyor. hhtekin81 Illustrator 3 25-07-2008 19:31:26
gelin arabası you-went Fotoğraf - Resim 4 02-05-2008 22:17:43

Kapat
Şifremi Unuttum?