27 Haziran 2007 Çarşamba

Flash File Menüsü

New: Yeni bir proje açmaya yarar.

Open: Önceden yapılmış projeleri açmaya yarar.

Open as Library: Önceden tasarlanmış projelerde kullanılan
kütüphaneleri yeni projelerde de kullanmaya yarar.

Close: O anki projeyi kapatır.

Save: Projeyi saklamaya yarar.

Import: Projelerimize her hangi bir formatta yapılmış bir resim dosyası, daha önceden tasarlanmış bir projeyi, mov dosyalarını vb .

Export Movie: Film olarak çıktı almak için kullanılır.

Export İmage: Resim olarak çıktı almak için kullanılır.

Publish Settings: Burada Flash projemizin ekran görüntüsü için ayar yapmamızı sağlar.

Publish Preview : Yapılan ayarları test etmemizi sağlar.

Publish: Flash projemizi çalıştırır ve swf dosyası haline getirir.

Page Setup: Sayfa ayarları yapmamıza yarar.

Print Priview: Yazıcıdan çıkaracağımız belgenin ön izlenimini verir.

Print: Yazıcıya gönderme işlemine yarar.

Asistans: Çizgilerinizi düzenleştirmede,monitörünüzün çözünürlüğünü ayarlamada size yardımcı olur.

Flash Edit Menüsü

Undo: Yanlışlıkla yapılan işlemi geri almamıza yarar.

Redo: Yapılan işlemi bir ileri alma işlemine yarar.

Cut: İşaretlenmiş kısmı kesmeye yarar.

Copy: İşaretlenen kısmı kopyalamaya yarar.

Paste: Daha önceden copy veya cut işlemleri ile yapılmış işlemi yapıştırmaya yarar.

Paste in Place: Pano’nun içeriğini flash dosyanıza yapıştırır ve orijinal dosyaya bir bağlantı oluşturur.

Paste Special: İletişim kutusunda göreceğiniz seçenekler, panonun içeriğine göre farklılık gösterir.

Clear: Yapıştırılan belgeyi silmeye yarar.

Duplicate: İşaretlenmiş kısmın bir kopyasını yaratır.

Select All: Sayfadaki tüm nesneleri seçebilmemizi sağlar.

Deselect All: Seçili nesnelerin seçimlerini kaldırır.

Copy Frames: Timeline'da seçili olan frame'leri kopyalamanızı sağlar.

Paste Frames: Kopyalanmış frameleri, seçili olan frame'e yapıştırır.

Flash View Menüsü

Goto: İstenilen satıra gitmemize yarar.

Outlines: Çizilen karakterlerin dış çizgilerini verir.

Fast: Outlines’dan çıkmaya yarar.

Anatialias: Görünümde analitikliğini saglar.

Timeline: Timeline’ın görünüp saklanmasını sağlar.

Workarea: Çalışma alanının görünüp saklanmasını sağlar.

Rules: Cetvelini görünüp saklanmasını sağlar.

Grid: Sahnede yardımcı çizgilerin konulmasını sağlar.

Snap: Çizim yaparken bir çizgi ile diğer çizgiyi kolaylıkla birleştirmeye yarar.

Flash Control Menüsü

Play: Sahnemizin oynatılmasını sağlar.

Rewind: Sahnenin ilk frame’ine dönmeye yarar.

Step Forward: Adım adım ileriye götürür.

Step backward: Adım adım geriye götürür.

Test Movie: Fliminizi tüm sahneleriyle beraber test etmenizi sağlar.

Test Scene: Seçili sahneyi test etmenizi sağlar.

Loop Playback: İşletilen harekelerin hiç durmadan devam etmesini sağlar.

Play all Scenes: Bütün sahnelerin oynatılmasını sağlar.

Enable Frame Actions: Actionları aktifleştirir.

Enable buttons: Düğmeleri etkinleştirir.

Mute Sounds: Ses dosyalarını kapatır.

Flash Window Menüsü

New Window: Yeni pencere açmamıza yarar.

Arrange All: Bütün pencereleri tek pencerede gösterir.

Cascade: Pencereleri küçülterek ard arda sıralar.

Toolbar: Araç Kutusunun ayarlanmasını sağlar.

Inspector: Scenelerin müfettişliğini denetlemesini yapar onlar hakkında bilgi verir.

Controller: Kontrol tablosunun çıkmasına yarar.

Colors: Renk ayarlaması yapmaya yarar.

Output: Çıkışta verilerin alınmasına yarar.

Library: Kendi çalıştığımız penceredeki kullandığımız buton, movie vs. burada saklar.

Flashımızı Explorere Göre Ayarlamak

Flash movie'nizi Publish ettiniz. Fakat o da ne . Flash movienizin boyutu örneğin 400x300 piksel. Ve tarayıcı ekranında da bu boyutta gözüküyor. Oysa siz tüm browser ekranıı kaplamasını istiyorsunuz. İki adımda bu işi nasıl yapacağımızı kolayca öğreneceğiz.
BOYUTLAR
File>Publish Settings'i açıyoruz ve burda bulunan "Dimensions" seçeneğini "Percent" yapıyoruz.

Bu şu anlama gelir. Flash movie boyutlarını %100 yap ve tarayıcıyı kapla. Flash movie'nizi Publish ettiğinizde width ve height parametrelerinin %100 olduğuna dikkat edin.

Tabi yine isterseniz sizde bu değeri HTML kodda kendiniz girebilirsiniz.

Gün Isımlerini Türkçe Göstermek

Date.prototype nesnesini kullanark uzun döngü ve fonksiyonlara gerek duymadan gün isimlerini istedigmiiz dilde gösterebiliriz



sahnenin ilk frame ine su kodlari yazariz;

Date.prototype.gunisimleri = function(dizi_olustur ) {
return ["Pazar","Pazartesi","Sali","Çarsamba","Persembe","Cuma","Cumartesi"]
[dizi_olustur]
}
zaman = new Date( );
gun = zaman.getDay( );
goruntule = zaman.gunisimleri(gun );
//sahneye bir dinamik textbox koyalim. degisken degeri; var:yazi olsun
yazi = goruntule;



Buton Yapımı ve Kullanımı

1)
Şimdi ilk olarak rectangle(kare yapma) aracını seçiyoruz ve tool menüsünde options un hemen altındaki raunt rectangle aracını seçip bu değeri 10 yapıyoruz.(estetik görunmesi açısından olmasa da olur:) )

2) sahneye dış çizgisi olmayan iç rengi olan bir buton şekli çiziyoruz


3)Şimdi şeklimizi seçip F8 diyoruz ya da inster menüsünden new sembol diyoruz ve burada button seçeneğini işaretliyoruz name kısmına da buton yazıyoruz.


4)karşımıza bu şekilde bir ekran geliyor


Burada ilk olarak bilmeniz gerekenler timelineda gördüğünüz:

Up= butonun ilk halini gösterir hiç bir şeyle etkileşime girmemiş hali.

Over=imleç butonun sütüne geldiğinde görüneceği şekil

Down= butona basılınca görüneceği şekil yada yapacağı hareket

Hit= imleci butonun üzerinden çektiğimizde yapacağı işlem yada görüneceği şekil

evet şimdi devam edelim timeline da layer simini buton olarak değiştirelim ve sadece over kısmında 1 keyferme (anahtar kare)olan kısmı hit kısmına kadar F6 deyip birer keyferme ekleyelim şimdi over kısmına gelelim ve şeklimize tıklayıp herhangi bir renk verelim down kısmına da aynı rengi verelim bu sefer şeklimizi yukarı ve ileri ok tuşlarıyla 3 er pixel ileri alalım (yani 3 yukarı 3ileri ye basacağız) sonra hit kısmı up ile aynı şekilde duruyor olmalı bırakın ole dursun:)
buraya kadar butona imleç geldiğinde butonun neler yapacağını belirledik şimdi butonumuza bir isim verelim

5)yeni bir layer açalım buna da text diyelim;
burada yazı aracını seçip şeklimizin içine sığacak büyüklükte ana sayfa yazalım ve hit kısmına kadar F6 diyelim burada down kısmına gelelim yazımızı yukarıda yaptığımız gibi 3 er pixel yukarı ileri alalım yazı butonla hareket ediyormuş gibi görünsün diye



6)şimdi yeni bir layer açalım ve buna da ses ismini verelim down kısmına bir F6 ekleyelim


şimdi kütüphanemize bir ses ekleyeceğiz yapacağınız işlem File>import>import to library i seçin ve buton için uygun olan dong ding gibi bir ses seçin yoksa netten edinin. evet ses kütüphanenizde duruyor simdi ses layer ındaki down kısmına tıklatın ve kütüphanenizden sesinizi mouse�unuza basılı tutarak sahnede herhangi bir yere bırakın



7)simidi time line da ses layerında hit kısmına kadar uzanan bir çizgi göreceksiniz burada hit kısmına gelin ve
sağ tıklatıp remove deyin çünkü sesin sadece butona basıldığına çıkmasını istiyorum eğer isterseniz up over kısımlarına da ayrı-ayrı sesler ekleyebilirsiniz.
şimdi sahneniz bu şekilde görünmeli



8)şimdi burada scene1 e tıklayarak ana sahneye dönelim

şu an butonumuz hazır herkese hayırlı olsun :)

8)ama işimiz daha bitmedi şimdi butonumuza action script(a.s) kodu eklemeye geldi
şimdi F9 a basarak a.s panelimizi açalım
eğer çalışmamız da butonu time line üzerinde bir yere herhangi bir frame yönlendireceksek şu kodları yazıyoruz

on(press){

_root.gotoAndPlay(fream);
}




10)eğer herhangi bir siteye yönlendireceksek

a.s kısmına;
on (release){
getURL("site adı");
}



11)eğer bilgisayarımızdaki bir asp ya da html'e yönlendireceksek a.s kısmında;
on (release){
getURL("sss.asp");
}




Umarım anlatabilmişimdir arkadaşlar benden bu kadar hepinize iyi çalışmalar.

Su Efekti

Şimdi su efekti nasıl yaratılır bunu anlatmaya çalışacağım

İlk önce yeni bir documant sayfası açalım buraya aşağı da ki resmimizi (ctrl +r)diyerek import edelim ve propertiesten frame rete kısmını 13 yapalım


Sahnedeki resmimize tıklayaram F8 diyelim ve buradan movie clip butonu nu işaretleyelim



Şimdi kütüphanemizde duran movie clipimize çift tıklayalım ve karşımıza çıkan bardak resmine tıklayıp F8 diyelim name kısmını Picture_gr yapalım ve grafik butonu nu işaretleyelim sahnede yoksa kütüphane den sahneye alıp yapalım.



Şu an sahnede layer 1 isminde ve bir duruyor olmalı burada layer 1 in üstüne gelip sağ klik yapıp inster layer deyin ve 2 tane yeni layer oluşturun ve aşağıdaki gibi isimlendirin.



Şimdi main Picture yazan layer daki resmi mizi seçip ctrl+c diyelim ve üstünde bulunan Picture layerına tıklayarak 1 fream ı seçin ve buraya ctrl+v deyip yapıştırın şimdi bu kısım çok önemli bu işlemi yapmazsanız istediğimiz dalgalanma efektini veremeyiz Picture layerndaki resmimizi seçin 2 pixel ileri 2 pixel yukarı hareket ettirin(ok tuşlarına 2 ileri 2 yukarı diyerek yapabilirsiniz)

Şimdi geldik resmimizi maskelemeye water efeckt layer ına gelelim araçlardan rectangle tool aracını seçelim bununla resmimizi aşağıda ki şekilde kaplayacak uzun ince ve SIK(ne kadar sık ve ince o kadar iyi ) aralıklarla çizgiler çizeyim.


Resmimizin son hali


Şimdi bu işlemden sonra water efect katmanında 10. 20. ve 30. framelere F6 deyin


ve
1�10 arasında herhangi bir yere tıklayıp properties denetçisinden tween yazan yeri shape yapın uzayan yeşil bi ok göreceksiniz şimdi bunu 20. ve 30. framelereda uygulayın


Şimdi waterefect katmanına sağ klik yapıp mask ı seçin




Son olarak ta Picture ve mainPicture katmanlarını 30. freame gelerek F5 yapın



Ewet artık CTRL+ETER deyip çalışmamızın son halini

Açılır Menü

ilk olarak flash sayfamızı açalım rectrangle(kare yapım ®)aracını seçelim tools menüsünde options un hemen altında duran set corner radius�a tıklayalım ve bu değeri 12 yapalım Sahneye dış çizgisi olmayan bir kare çizelim text aracını seçip üzerine menü yazalım ve karemizi tamamen seçip F8 diyerek movie clip yapalım Şimdi menü movie clip imize çift tıklayarak içine girelim sahnede demin oluşturmuş olduğumuz menü karesi duruyor sahnedeki layerın ismini menü olarak değiştirelim bunun üzerine 2 tane daha layer ekleyelim ve sahnedeki layerların sıralaması aşağıdaki gibi olsun Şimdi mask katmanını seçelim ve buraya biraz sonra ekleyeceğimiz ana sayfa, galeri vs.. gibi butonları koyacağımız büyüklükte bir kare çizelim rengi önemli değildir çünkü bunu maskelemek için kullanacağız bunu f8 diyerek grafik yapalım şimdi geldik butonları yerleştirmeye ne kadar buton oluşturacaksanız o kadar layer oluşturun ve bu layerları mask katmanını altına çekin ben 3 tane buton oluşturacağım ve isimleri sırasıyla ana sayfa ,linkler ve galeri olacak son olarak en alta da bir layer eleyelim ve adına fon diyelim bu butonların arkasında bulunan zemin olacak buraya kadar yapılan işlem ve layerların sıralaması aşağıdaki gibi olmalı. Şimdi fon layer�ını seçip mask layerında çizdiğimiz kareden biraz daha ufak bir kare çizelim ama menü ile uyumlu bir renge sahip olsun ve bu çizdiğimiz kareyi menü yazısının üstüne taşıyalım aşağıdaki gibi olmalı Şimdi daha öncede yapmış olduğumuz butonları sahnedeki layerlarına yani ana sayfa butonunu ana sayfa layerına, linkler butonunu linkler layırına ama fon katmanın uzerinde bir yere yerleştiriyoruz(buton yapımı için daha önceki buton yapımı ve kullanımı adlı dersi inceleyin ) aşağıdaki gibi olmalı son şekli Şimdi gizli menüyü hareketlendirmeye geldi menü layerı hariç bütün layerlara F6 deyin menü layerın da ise 10 frame F5 deyin time line aşşaıdaki gibi olmalı Şimdi mask layerına gelin ve sağ kilik yapı mask seçeneğini seçin altındaki butonların bulunduğu layerları ve fon layer ını Mouse un sol tuşuyla çift tıklayın ve karşınıza gelen menüden masked seçenegini seçin Şimdi time line dan 5. frame geliyoruz sahnedeki action, Ana sayfa ve mask katmanını kilitliyoruz ve Mouse ile sahneyi tamamen seçip klavyeden aşağı ok tuşu ile seçtiğimiz butonlar ve fon katmanını aşağı indiriyoruz bunu yaparken sahneden kaybolduğunu göreceksiniz seçtiğiniz layerların şimdi mask katmanın üzerindeki kilitli işratinin yanındaki nokta yani gizli/ göster düğmesine tıklayın bi çarpı olmalı tıkladığınızda. Ve şimdi ana sayfa layer ına gelin ve timeline da sag klikleyin karşınıza gelen menüde en bastaki create motion tween e tılatın karşınıza pembemsi bir renkte ok gelecek bu işlemi diğer linkler, galerive fon katmanında da uygulayın --------------------------------------------------------- Şimdi time line çizgisini 0 ile 5 arasında oynatınca yukardan aşağıya inen menümüzü görüyoruz şimdi 10. freme gelelim menü layer'ı hariç bütün layerlara F6 diyelim ve demin yaptığımız gibi aşağıya taşıdığımız bütün layerları tekrara menü çubuğunun üstüne taşıylaım ve hepsine birer create motion tween ekleyin Şimdi geldi actionscript eklemeye acrions paneline gelelim 1. frame e tıklayalım F9 a basalım actions paneline stop(); komutunu ekleyelim 5. frame e de stop(); ekleyelim ve 10.frame gotoAndPlay(1); komutunu ekleyelim ve secene deyip ana sahneye dönelim şimdi işlemimiz daha bitmedi sahnede öylece çalışmayı bekleyen bir movie clip imiz var şimdi menümüzün bulunduğu layer ın üzerine bir layer daha oluşturalım ve adına da buton diyelim ve bir kare çizelim ve F8 le buton yapalım şekli şemali önemli değil sadece yaptığımız movie clip'i kaplasın yeter şimdi düğmemize tıklıyoruz ve properties denetçisin den color yazan yere tıklayın ve alpha değerini 0 yapın böylece buton sahnede görünmeyecek şimdi butonumuzu menü movie clip inin üzerine koyalım movie clip i tamamen kaplasın şimdi buton seçiliyken Actions panelini açalım (F9 ile ) ve şu kodları ekleyelim bu kısımda buton ve menü movi klip ini karıştırmamaya dikkat edin anlamak için propertiesten kontrol edin evet butona şu kodları yazalım on(release){ menü_mc.gotoAndPlay(5); }şimdi menü movi clip ini seçelim ve instance name ine menü_mc yazalım bunu yapmaz isek buton bu komutu hangi moviclipe uygulayacağını bilemez ve yaptığımız menü çalışmaz

Mauseyi Takip Eden Nesne

Flashta hazırlamış olduğunuz bir grafiğin,butonun veya animasyonun mouse'u takip etmesini istiyorsanız;

  • Macromedia Flash'ı Açın
  • Sonra Mouse u Takip Etmesini İstediğiniz Objeyi Çiziniz Örneğin Ben Bunu Çizdim
  • Çizdiğinizi Seçin Ve "F8" Tuşuna Basın.

    Burda Movie Clip i Seçip "Ok" a Basın.
  • Sonra Movie Clipinizi Seçip "İnstance Name" Kısmına "Flash" Yazın.

  • Framenizi Seçin



  • Ve Action Script Kısmına Aşağıdaki Kodları Yazın.

    function changeCursor(movieclip) {
    Mouse.show();
    _root.attachMovie(movieclip, "customCursor", 9999);
    _root.customCursor.startDrag(true);
    }
    startDrag("flash", true); changeCursor("flash");





  • Son Olarak ; "Mouse.show();" Burdaki Kodu "Mouse.hide();" İle Değiştirdiğinizde Mouse un İmleci Yok Olur Sadece Sizin Objeniz Kalır...
  • Saat Yapmak

  • Macromedia Flash'ı Açın
  • Text Tool u Seçin

  • İstediğiniz Büyüklükte Text Alanınızı Oluşturun
  • Text inizi Seçin
  • Properties Bölümünden Static Text i Dynamic Text İle Değiştirin


  • Sonra Var Kutusuna "Saat" yazın.


  • Textinizi Seçin Ve "F8" Tuşuna Basın


    Burda Movie Clip i Seçip "Ok" a Basın.
  • Movie Clip inizi Seçip Action Script Kısmına Aşağıdaki Kodları Yazın

    onClipEvent (enterFrame) {
    Tarih = new Date();
    FASaat = Tarih.getHours();
    FADakika = Tarih.getMinutes();
    FASaniye = Tarih.getSeconds();
    Saat = (((((FASaat)+":" )+FADakika)+":" )+FASaniye);
    }


  • Taşınan Nesneler

  • Macromedia Flash'ı Açın
  • Sonra Nesnenizi Çiziniz Örneğin Ben Bunu Çizdim


  • Çizdiğinizi Seçin Ve "F8" Tuşuna Basın.


    Burda Movie Clip i Seçip "Ok" a Basın.
  • Sonra Movie Clipinizi Seçip "İnstance Name" Kısmına "Flash" Yazın.


  • Movie Clip inizi Çift Tıklayıp İçine Girin Burda Çizmiş Olduğunuz Nesneyi Seçin Ve Yine "F8" Basın Burdan Yine Movie Clip i Seçip "Ok" a Basın.
  • Son Oluşturduğunuz Movide Clipi Seçin
  • Ve Action Script Kısmına Aşağıdaki Kodları Yazın.

    on (press) {
    startDrag("/flash");
    }
    on (release) {
    stopDrag();
    }




  • Drag ve hitText Kullanımı

    drag ve hitTest kullanımı:


    daire_mc.onPress = function() {
    daire_mc.startDrag();
    }
    daire_mc.onRelease = function() {
    daire_mc.stopDrag();
    if (daire_mc.hitTest(kutu_mc) == true) {
    daire_mc._x = kutu_mc._x;
    daire_mc._y = kutu_mc._y;
    kutu_mc.gotoAndPlay("kutu1_mc " ) ;
    }
    }




    öncelikle buradaki amaç kutu_mc içerisine daire_mc'yi mouse ile sürükleyip bırakmak.Eğer daire_mc'yi kutu içierisine bırakırsanız işleminizin doğru olduğunu belirten "içinde" yazısı çıkacaktır.Yukardaki koları ilk frame'e ekleyiniz.

    şimdi sahneye daire_mc adında bir tane daire çizin ve yanında kutu_mc adında bir kare veya çizebiliyorsanız bir kutu çizin. Yalnız bunları isimlendirmeden önce F8'e basıp movie clip yapmanız gerekmektedir.Daha sonra kutu_mc içerisine girin ve bu sahneye bir tane daha layer açın daha sonra ismine actions deyin.Actions layerına 3 tane keyframe atayın ve kutunun bulunduğu layer1'ide 3 frame yani actions layerı kadar srükleyip bırakın.

    Daha sonra actions layerındaki 1. ve 3. framelere gelip stop(); komutunu ekleyelim.2.frame ise kutuici diye isim verelim.Aşağıda kalan diğer layer 1'e gelelim ve ordaki 3. frame'e F6'ya basarak keyframe atayalım.

    3. frame içindeyken kutunun yanına bir text açıp "içinde" yazalım. daha sonra layer1 deki 2. frame'e gelip aşağıdaki properties panelinden shape seçeneğini işaretleyelim.

    Böylece daire_mc'yi kutu_mc içine sürüklediğimiz zaman "içinde" yazılı küçük texti yanında görebileceğiz.

    Text Okutma İşlemi

    lk önce flash sayfanıza iki tane dynamic text oluşturunuz.Birinin var değerine "ust", diğerine ise "alt" yazın.ust ismini verdiğimiz texti properties panelinden singleline işlemi uygulayalım.alt ismini verdiğimiz texte de yine properties panelinden multiline yapalım.Bunları yapmamızın sebebi eğer fazla satırlı bir text yükleteceksek multiline yaparak karakterlerin uzayıp gitmesini önlemiş oluyoruz yani dynamic text kutumuz büyüklüğünde bir satır oluşturuyor olmasıdır.

    Daha sonra iki textimizide seçip F8'e basalım ve bir movie clip'e çevirelim.İsminede "mc_oku" diyelim.daha sonra bu mc'nin içine girerek ilk frame'e aşağıdaki kodu ekleyelim:


    loadVariables("deneme.txt", "_root.mc_oku" ) ;



    Bu kodu girdikten sonra çalışmayı bir klasöre kayıt edelim ve aynı klasör içine bir tane metin dosyası oluşturup isminede "deneme.txt" ismini verelim.Bu metin dosyası içerisinede şunları ekleyelim:

    &ust=Merhaba
    &alt=Selam deneme calisiyor.



    Bu şekilde metin dosyamızı kaydedelim.Böylece ctrl+enter yaptığımızda metin dosyası içindeki bilgilerin ust ve alt var değerleri bulunan dynaimc textlerimize yerleştiğini göreceksiniz.Burada LoadVariables komutu ile dışarıdan flash içerisine yükleme yapmış oluyoruz.

    Not:Burada textlerimize aşağıdaki properties panelinden "show border around text" özelliği uygularsak daha belirgin gözükeceklerdir.

    Ard Arda Resimler

    peş peşe resimler koyup butonlarla bunları yönetin

    uzun olduğu için zor gibi görünebilir.ama deneyin arkadaşlar
    HER BUTONA TIKLADIĞINIZDA BİR SONRAKİ RESMİ AÇIN

  • öncelikle kütüphaneye 4 tane resim almamız gerekiyor.bunu file>imort to file>resimlerim diyerek yapabilirsiniz.
  • kütüphaneniz açık değilse window>library'e tıklamanız gerekiyor.sağda açılacaktır böylece.attığınız 4 resim burada kayıtlı kalacaktır
  • şimdi butonumuzu çizelim.çi
    zgisi olmayan dolgusu olan bir dikdörtgen çizin
  • yeni bir layer daha açın
  • şimdi resimleri tek tek frame lere F7 diyerek sahneye alacağız
  • ilk frame f7 diyin ve kütüphaneden birinci resmi mause ile sürüyerek sahneye alın
  • aynı işlemi 2.3. ve 4. resim içinde diğer framelere sırayla uygulayın
  • NOT:BİRİNCİ FRAME BOŞ KALACAK
  • şimdi kodları yazalım.1.frame tıklayın ve stop(); kodunu yazın
  • sonra butonu seçin ve

    on (release){
    nextFrame()
    }


    kodunu girin
    (kodu check syntax ile kontrol etmeyi unutmayın)
    İŞLEM TAMAMLANDI.BÖYLECE HER BUTONA TIKLADIĞINIZDA TEK TEK BİR SONRAKİ RESİM AÇILACAK
  • From Mail Hazırmak

    Öncelikle phpden biraz bahsedeyim.Bu çalışmayı bilgisayarınızda çalıştırabilmeniz için yani bilgisayardan kontrolünü sağlamak için php server(apache vb...) yüklü olması gereklidir.Daha sonra bu çalışmayı yüklediğiniz php server'in root klasörü içine atarak çalışıp çalışmadığını kontrol edebilirsiniz.

    Dersin Başlangıcı:Şimdi flash sayfanyza 3 tane input text açın ve var değerlerine isim, e-mail ve mesaj yazın.Yalnız burada dikkat edilmesi gereken nokta şu.Mesaj olan textinizi biraz büyük tutun ve propertiesten Multiline olarak ayarlama yapın.Bu satır sonuna geldiğinizde bi alt satıra geçmeniz için yardımcı olacak.Diğerleri singleline olması gerekiyor.

    Daha sonra bir tanede gönder butonu yapın. Daha sonra butona bir kere tyklayın ve actions panelini açın içerisine aşağıdaki kodları yazın:


    on(release){
    _root.form.loadVariables("emailformu.php","POST");
    }



    Yalnız buradaki form ismi şuradan geliyor.Daha önce yaptığımız 3 tane inputtextin hepsini seçin ve F8'e basarak movie clip'e çevirin.instancename'ine de form yazın.Burada gönder butonunu bu form mc'sinden ayrı tutuyoruz ki zaten _root komutunuda o yüzden ekledik.form mcsinden okuması gerekiyor.

    Şimdi flashtaki işimiz bitti o yüzden çalışmayı bir klasör içerisine kayıt edin.Şimdi aynı klasör içerisine bir tane metin doyası açın ve içerisine aşağıdaki kodları yazın.

    \r\n";
    $headers .= "Reply-To: " . $_POST["e-mail"];
    $message = "From: " . $_POST["isim"] ."\n";
    $message .= "Email: " . $_POST["e-mail"] ."\n";
    $message .= "Message: " . $_POST["mesaj"];
    mail($sendTo, $subject, $message, $headers);
    ?>



    Yukarıdaki php kodlarında $sendTo kısmyna kendi eposta adresinizi yazmanyz gerekiyor ki postalar size gelsin :) Daha sonra $subject kısmında ise gönderilen epostanın konusu geçiyor.Bu ayarları kendinize göre yapabilirsiniz.

    Şimdi bu kodları metin dosyasına kaydedin ve çıkın.Uzantısını .txt'den .php'ye çevirin.Yapılması gereken bu.

    Çalışmayı php destekleyen bir hostunuz varsa oraya atıpta bakabilirsiniz.İşlemler bu şekilde. Herkese kolay gelsin.

    Butonlara Verilebilecek Komutlar

    Bildiginiz gibi butonlar bir işlemi bir eylemi tetiklemek için kullanılan araçlardır.Şimdi size butonlara verilebilecek komutlar hakkında işinize yarayacagını düşündügüm action script kodları ve işlevleri ile ilgili bilgi verecegim.


    on (press) =
    adından da anlaşılacagı gibi "press"yani baskı,basınç,temas etmek anlamına gelir bu komut:imleç bir düğmenin ya da movieclip örneginin uzerine getirilip farenin düğmesine basıldıgında belli bir script'i(olayı) tetiklemek için kullanılır.


    on (release) =
    buda dugmeye basma işlemini kestiginizde yani bıraktıgınızda işlem harekete geçmeye hazır olur.farenin dugmesini bırakıgınızda işlem gerçekleşir.

    on (releaseOutside) =
    çekme, göturme de diyebiliriz
    bir masanın ustunde 1 deste kagıt oldugunu dusunun ve en üstteki kagıda parmagınızla bastırdığnızı,destenin dışına çektiginizi ve sonra parmagınızı çektiginizi düşünün.Flash'ta bu kagıt destesi;kullanıcının bastıgı,uzaga surukledigi ve sonrada bıraktıgı dugmeyi temsil eder.yani çekme ve götume işlemini taklit eder.

    on (keyPress) =
    bu olayı ;kullanıcı bir harf sayı,noktalama işareti,yada bir ok tuşuna kısaca klavyede bir tuşa basıldıgında bir scripti tetiklemek için kullanabilirsiniz.


    on (rollOver) =
    uzerinde ama dokunmuyor diyede biliriz;
    bu olay işleyiciyi ayrıca,kullanıcı kendisine basmadan önce bir dugme yada movie clip örneginin yapacagı işlem hakkında bilgi göruntulemek içinde kullanabilirsiniz.bu olay işleyişi fare imlecini bir dugme yada movie clip ör uzerine geldiginde belli bir script i tetiklemek için kullanabilirsiniz.

    on (rollOut) =
    artık üzerinde değil.
    kullanıcı fare imlecini daha önce üzerinde bulundugu bir dugme yada bir movie clip örneginden uzaklaştırdıgında belli bir scripti tetikler.

    on (dragOver) =
    üzerinden geçirmek ovalamak ;
    bu işlem bir alan botunca bir ileri bir geri hareket ettirmeyi gerektirir.bu olay farenin dugmesi basılıyken fare imlecinin aynı dügme yada movie clip ör uzerinden her geçişinde scripti tetikleyerek filminize bu tür bir işlemi taklit etmenizi saglar.bilardo sopasını duşunebilirsiniz.

    on (dragOut) =
    Bu olay işleyiciyi,kullanıcı fare imlecini bir dügme yada movieclip ör uzagına suruklediginde belli bir scripti tetiklemek için kullanılır.


    şimdi diyeceksiniz be kardeşim bi dügme için bukadar komut olurmu ne gerenkvar:) benim içi bi tıklasın yeter fazla bişeye gerennkk yoq ama flashta oyun yada başka işlemler daha komplike çalısmalar yapacaksanız bu ayrıntılara mutlaka ihtiyacınız olacaktır.

    butonlar için kullanılan a.s kodları hakkında elimden geldigince bilgi vermeye çalıştım işinize yarayacagını duşunuyorum.İyi çalışmalar.

    Yön Tuşları İle Hareket

  • İlk başka hareket ettirmek istediğiniz cizmi çizin.

  • Çiziminizi seçip F8 e basarak Movie Clip yapın.

  • Movie Clip'inizi seçip action script kısmına aşağıdaki kodları yazın;



    on(keyPress "") {
    _x = (_x+5);
    }
    on(keyPress "") {
    _x = (_x-5);
    }
    on(keyPress "") {
    _y = (_y-5);
    }
    on(keyPress "") {
    _y = (_y+5);
    }




    Burada Right sağ,Left sol,Up yukarı,Down ise aşağı tuşun görevini görüyor...Bu kısımlarda _x = (_x+5); veya _y = (_y-5); kodlarındaki 5 değerini istediğiniz gibi değiştirebilirsiniz...
    x, x eksenini yani yukarı ve aşağıyı,y ise y eksenini yani sağı ve solu simgeler...
  • Shape Tween

    1. Frame'e bir dikdörtgen çizin.

    15. frame'e boş bir frame koyun(sağ tıkla/insert blank keyframe) ve farklı bir şekli farklı bir konuma ekleyin

    Aradaki framelerden birine gelip propertiesdeki tween seçeneğini shape yapın.

    Not:Şekillerin sembol özelliği olmaması gerekmektedir.Sembol özelliğini kaldırmak için şekli seçip Ctrl+B basın.

    Bitti.Artık Control/Test Movie ile test edin

    Daktilo Yazı

  • Önce Text tool ile Text alanısnızı çizin..
  • Textinizi seçip Properties bölümünden Dynamic Text yapın.
  • Yine Propersies bölümünden Var değerine deneme yazın.

  • 1.frameinize şu kodları yazın;


    y = 0;
    onEnterFrame = function () {
    yazilar = "Bu Bir Denemedir.";
    yazdir = yazilar.slice(0, y += 1);
    deneme= yazdir;
    };




    Burda yazilar.slice(0, y += 1);kodundaki 1 yazının yazılma hızını belirtiyor ne kadar artırırsanız o kadar hızlı yazar...

    0 ise başlayacağı karakteri belirliyor..
    örneğin 4 yazarsanız "Bu Bir Denemedir." yazısındaki ilk 4 karakteri atlar ve "Bu Bir Denemedir." yazar...
  • Maskeleme

    İlk Önce Yazı Adlı Bir Layer Açılır. Uygulanması İstenilen Text Eklenir.
    Yeni Bir Layer Daha Açılır. Bu Layerda Yazı Büyüklüğü Kadar Top Çizilir.Topa Çift Tıklanır. Ve F8 Tuşuna Basılır.Graphic Yapılması İstenilir.
    Sonra Topu Çizdiğimiz Layerda Sağ Tıklarız Ve Mask Deriz Sonra Tüm Kilitleri Kaldırırız.İki Layerdada 60. Frame Gelinir. F6 Yapılır(İnsert Keyframe)Yazı Layerindede 60.Frame F6 Yapılır.Sonra Top Layerına Tıklanır Ve Top Yazı Üstünde Sürüklenir.İki Layerdada 30.Frame Create Motion Tween Denir.Ve Ctrl Enterle Web Gözükecek Hal Çıktı Alınır.....

    Flash 8 Yazılara Efekt Vermek

    Text tool (A) karakterini seçiniz..
    yazınızı yazınız..
    windows butonu tıklayınız properties bölümüne girip
    filters seciyoruz ve filters açılmış durumdadır.
    "+" işaretine tılayıp karsımıza şuna benzer elemanlar çıkar.
    glow = yazımızı parlatır istediğimiz renkte..
    blur =yazımızı bulantılı bir şekil verir
    drop shadow = yazıya gölge verir
    bevel = yazı rengi söndürme

    bu ögeleri iptal etmek için; remove all basarsınız

    Flash Çalışma Ekranı

    Flash uygulamaları yaparken karşımıza çıkan ekranı ayrıntılı olarak tanırsak işlemlerimizi daha kolay ve kısa sürede halletmiş oluruz.

    Titlebar : alışmakta olduğumuz dosyamızın ismini gösterir.

    Menubar: Flash çalışmalarımızda bize bir çok konuda yardımcı olacak olan komutların bulunduğu menü çubuğumuz.

    Main Toolbar : Bir çok programda da gördüğümüz en çok kullanılan ana araçların bulunduğu ekrandır. (kes, kopyala, yapıştır, ileri al, geri al vb.)

    Tools: Yine çalışmalarımızda kullanacağımız ve flash programının olmazsa olmaz araçlarının bulunduğu ekran. Araç kutusunda işlerimizi kolaylaştıracak bir çok araç bulunmaktadır.

    Edit Bar: Çalışmakta olduğumuz sahneyi gösteren çubuk.

    Timeline : Kısaca Zaman çizelgemiz diyebilirim. Hareketleri oluşturan şekillerin hareketlerinin sıralandırıldığı ekran.

    Stage : Çalışmalarımızı oluşturan tüm grafiksel öğeleri içeren alandır. Bu sahne bizim ekranda görüntülenecek olan öğeleri içerir.

    Working Area : Stage alanı dışında kalan alandır. Bu alanda bulunan hiçbir öğe flash ekranımızda görünmeyecektir. Bu alanı çalışmalarımızı özgür şekilde yapabilmek için kullanacağız. Yani bu alana istediğimiz öğe yerleştirebiliriz. Buraya yerleştirdiğimiz öğelerden istediklerimizi seçip Stage ekranına (sahnemize) taşıyarak kullanabiliriz.

    Flash Araç Kutusu

    Tools

    1. Selection tool (V) : Çalışma alanımızdaki şekilleri düzenlemek, yerini değiştirmek, değişiklikler yapmak vb. için kullanılır.

    2. Subselection Tool (A) : Herhangi bir araçla oluşturduğumuz şekilleri ve şekillerin dış çizgilerini değiştirmek için kullanılır.

    3. Free Transform Tool (Q) : Oluşturduğumuz şekillerin boyutlarını, duruşlarını vb. değiştirmek için kullanılır.

    4. Gradient Transform Tool (F) : iki ya da daha çok renkli (geçişli renkler) şekiller oluşturduğumuzda renklerin yerlerini ayarlamak için kullanılır.

    5. Line Tool (N) : Düz çizgiler çizmek için kullanılır.

    6. Losso Tool (L) : Bu araçla özgürce çizim yaparak nesne üzerinde seçim oluşturabiliriz.

    7. Pen Tool (Y) : Düzgün bir şekilde çizimyapmak ve tumuşak eğriler oluşturmak için kullanılır.

    8. Text Tool (B) : Yazı yazmak için kullanılır.

    9. Oval Tool (O) : Oval şekiller oluşturmak için kullanılır. Bu şekillerin iç dolgu ve dış çizgi renklerini colors bölümünden seçiyoruz.

    10. Rectangle Tool (R) : Kare ve dikdörtgen şekiller oluşturmak için kullanılır. Bu şekillerin renklerini yine colors bölümünden seçiyoruz.

    11. Pencil Tool (Y) : Kalem olarak kullanılır. İstediğimiz gibi şekil vb. çizebiliriz.

    12. Brush Tool (B) : Fırça gibi kullanarak boyama ve çizim yapmamıza yardımcı olur.

    13. Ink Bottle Tool (S) : Mürekkep etkisi ile boyama yapmamıza yardımcı olur.

    14. Paint Bucket Tool (K) : Seçtiğimiz alanı seçtiğimiz renkle bu boya kovası yardımıyla doldurabiliriz.

    15. Eyedropper Tool (I): Renk seçim aracıdır. İstediğimiz rengin üzerine bu aracı getirirsek o rengin color bölümünde seçildiğini görürüz.

    16. Eraser Tool (E) : Silgi olarak istediğimiz gibi kullanabiliriz.



    View

    17. Hand Tool (H) : ekran boyutundan büyük olan şekilleri, yani ekranın dışına kayan bölgeleri görebilmek için kullanılır. Bu araçla ekranı tutup istediğimiz yönde gezdirebiliriz.

    18. Zoom Tool (M, Z): ekrandaki şeklimizi yakınlaştırıp uzaklaştırmak için kullanırız. Zumlama yani.


    Colors

    19. Stroke Color: Oluşturduğumuz şekillerin dış çerçeve rengini belirlemek için kullanılır.

    20. Fill Color: Oluşturduğumuz ya da oluşturacağımız şekillerin iç dolgu rengini belirlemek için kullanılır.

    21. Black end White: Bu da şekillerimizin rengini siyah & beyaz yapar.

    22. No Color: Seçimimize göre Fill color veya Stroce Color'a renk vermez. Renksiz bir uygulma için kullanılır. Mesela bir kare şekil çizeceksiniz ancak bu şeklin dış çerçevesi olmasın istiyorsanız stroce color aracını seçip buradan no color olarak ayarlamanız gerekecek.

    23. Swap Colors: Seçtiğimiz şeklin iç dolgu ve dış çerçeve renklerinin yerini değiştirir. Yani dış çerçeve rengi iç dolgu rengi olur, iç dolgu rengi de dış çerçeve rengi olur.

    24. Options: Tools bölümünden herhangi bir aracı seçtiğimizde options bölümünün değiştiğini göreceksiniz. Yani her seçtiğimiz aracın da kendi içinde özellikleri var. Bunları options bölümünden düzenleyeceğiz. Bu bölümün özelliklerini araçları kullanırken deneme yanılma yoluyla kolaylıkla öğrenebiliriz. Bu alanı ayrıntılı olarak anlatma ihtiyacı duymadım.
    elimden geldiği kadar öz ve anlaşılır şekilde anlatmaya çalıştım. Faydalı olması dileğiyle..

    Macromedia Flash Player ' i Nereden Indirebilirim ?

    http://www.adobe.com/downloads/ Adresinden Deneme Sürümlerini İndirebilirsiniz. En Son Sürümü 8 yani CS3 Professional Tercihimizdir.

    Flash

    Flash Macromedia nın 1997 yılında Future Splash Animator firmasını satın alarak sahip olduğu arayüz programının adıdır.Bu program sayesinde çok küçük yer tutan ve kaliteli görünen vektör tabanlı animasyonlar yapılır. Ayrıca ses dosyalarını sıkıştırması ile bir çok uygulamada büyük avantajlar sağlanır.HTML içine kolay yerleştirilmesi FLASH ı internetin kaçınılmaz bir parçası haline getirmiştir.

    Animasyon temel olarak canlandırma anlamına gelmektedir. Flash animasyonlarını web siteleri ve mutimedia cd lerde kullanmak için hazırlayabilirsiniz. Orneğin bir web sitesindeki düğmeleri reklam bannerlerini flash ile yaptığınızda animasyonların üzerinde kullanıcı etkileşimi cok daha fazla olucaktır.İnternet üzerinde kullanılan grafiklerin coğu jpeg yada gif tipindeki bit işlem pigzel tabanlı dosyalardır. Bu dosyaların boyutları ıle goruntulenme surelerı dogru orantılıdır. Yani büyük boyuttaki dosyaların internet üzerinden görüntülenmeside uzun sürer. Vektör tabanlı grafikler cok daha az yer kaplarlar. Görüntülemeleri daha hızlı gerçekleşir. Dosya boyutları resımlerde oldugu gibi en ve boy değişkenlerine bağlı değildir. Aksine cok yoğun grafikler içeren dosya az yer kaplayabilir. Dosya boyutunu vektor tabanlı dosyada kullanılan karmasıklık ve ıcındekı teknıkler belırler . Vertor tabanlı dosyaları kullanmak internet üzerinden görüntü transferi yapmanın en verimli yollarındandır.Flash vektör tabanlı dosyalar olusturma yeteneğine sahip popüler bir programdır . Flash cok sayıdaki aracı ile size komplex yada basit calışmalar yapma olanağı sağlar. Flashın bu nedenli yaygın kullanılmasının bir diğer nedeni ise sahip oldugu animayon araclarıdır. Animasyon aracları size flash yada başka bir grafik programı ıle hazırladıgınız grafikleri canlandırma olanagı sunar. Bunların yanındada Flash ses ekleme ve duzenleme gıbı yeteneklere sahıptır. Animasyonlarınızı ses yada müzik ekleyerek daha dikkat cekiçi bir hale getirebilirsinizİnteraktif web sayfalarının etkileşimini Flash ile oluşturmanız mümkündür. Kullanıcı sayfanız üzerinde yer alan bir öğenin üzerine geldiğinde ortaya çıkıcak olan hareket ve seslerle etkileşimi daha çekiçi hale getirebilirsiniz