MACROMEDİA

FLASH

MACROMEDİA

FLASH

FLASH'A GİRİS Flash, Macromedia firmasının ürettiği vektörel tabanlı

popüler bir animasyon (canlandırma) hazırlama programıdır. Flash’ı iyi kullanmak için hayal gücünüze güvenmeli ve

nesnelerin uzaydaki konum ve hareketlerini kafanızda canlandırdıktan sonra bunların içinde bulunduğu bir senaryoyu tasarlamalısınız.

TEXT - BİTMAP

Web sayfalarında bulunan her karakter, sayfayı oluşturan html dosyasının uzunluğunu bir byte arttıracaktır. Bir sayfada yaklaşık 3000 harf olduğu ve karakter sayısının sayfa uzunluğuna aynen yansıdığı düşünülürse , her sayfa dosya uzunluğunun 3000 byte (3kb) artmasına neden olacaktır.

Web sayfasının içeriğini oluşturan ikinci elemanlar ise, sayfalara esas ağırlığı veren ve sayfaların tarayıcıya yüklenmesini zorlaştıran bitmap (resim) çalışmalardır. Bu durum Bitmap resimlerin çalışma prensipleri nedeniyle HTML dosyası içinde fazla alan kaplamalarından kaynaklanmaktadır.

Bitmap çalışmalarının boyutları pixel (nokta) olarak verilir. 200x300 pixel olarak verilen bir resmin genişliği 200 nokta, yüksekliği ise 300 noktadan oluşur. Resmin toplamda kapladığı alan ise 60.000 noktadır. Tam sayfa bir yazının ekranımıza gelmesi tahmini 1-2 saniye sürerken, resim aracının internet tarayıcımıza yüklenmesi kat kat daha fazla zamanımızı alacaktır. Dolayısıyla, bu da internet kullanıcımızın yavaşlamasına neden olacaktır.

Bitmap'ın yanı sıra başka teknoloji ise, vektör teknolojisidir. Vektör teknolojisinde bütün çizimler ve oluşturulan nesneler, sanki matematiksel bir fonksiyon gibi ele alınır. Bitmap kullanırken çizdiğimiz bir daire bir sürü noktadan oluşurken , vektör çizimi için söz konusu olan sadece bir yarıçap (r) ve dairenin çizileceği x-y koordinatlarıdır.

200x300 piksel boyutlarındaki bir bitmap resimde dairenin yarıçapının değişmesi, resmi oluşturan 60.000 noktanın içerdiği bilgilerin değişmesi anlamına gelir.

Halbuki vektör tabanlı bir resimde aynı daire için hafızada tutulan x,y ve r değerlerinden sadece r'nin değerini değiştirmekle, dairenin yarıçapını değiştirmiş oluruz.

Resim dosyası ile Flash’ta oluşturulan aynı dosyanın hafızada kapladığı yerler aşağıda gösterilmiştir:

Grafikerlerin kullandığı Corel Draw, Adobe Illustrator programlara verilebilecek en iyi örneklerdendir.

Televizyonda seyrettiğimiz filmlerin hepsi aslında fotoğraflardan oluşur. Bir yumurtanın aşağıya düşmesini filme aldığınızda ve film şeridinde baktığınızda, kare kare fotoğraflar görürsünüz. Gerekli ekipmanlarla bu kareleri (Frame) hızlı bir şekilde ekrana aktarırsak, yumurtayı "düşüyormuş gibi" görürüz.

Bununla ilgili bir canlandırmayı görmek için buraya tıklayınız.

(Dosyayı açamıyorsanız “örnekler” klasörü içerisindeki “install_flash_player.exe” dosyasını bilgisayarınıza kurunuz.)

Bu filmi bilgisayar ortamına aktardığınızı düşünün. Saniyede 24 kare olmak üzere 3 saniyelik bir animasyon için 72 tane resim demektir. Oysa ki Flash'ta yumurtanın sadece ilk karede ve son karede nerede olacağını belirtirsiniz. Aradaki görüntüyü Flash sizin için tamamlar. Bütün bunlar için sadece kendi formatında bir iki satır kod yazarak, son derece ufak, Web için mükemmel dosyalar oluşturur (Flash aynı zamanda GIF, MOV, AVI, EXE vs. olarak çıktı verebilir).

Kareler ardarda gösterilirse kelebek "kanat çırpıyormuş gibi" görünür.

Flash'ta açıp, üzerinde değişiklikler yapabileceğiniz dosya formatı “fla”dır.

Default (Varsayılan) çıktı formatları, Web için kullanacağınız, “swf” ve “html”dir. “swf” internet ortamı için hazırlanmıştır ve Browser'da adres satırına yazılarak çalıştırılabilir.

Değişik formatta çıktılaralmak istersiniz, hemen File Publish Settings… menüsünü kullanarak istediğinizformatları işaretleyin. Publishdüğmesine basın. İşte hepsi bu.Çalışmalarınızı tek adımda hayatageçirmenize olanak sağlaması,Flash'ı üstün kılan özelliklerden sadece bir tanesi.

HTML ve FLASH

Hyper Test Markup Language (html) sayesinde internet ortamındaki sunumlar artık sadece yazı ile değil, resim ilaveli yapılabilmektedir. www protokolü zaman içersinde daha fazla kullanılmaya başlanmış ve sayfalarda ses ve resim kullanımının yoğunlaşmasına neden olmuştur. Ancak buna bağlı olarak da hız ve kalite konusunda problemler ortaya çıkmıştır.

Macromedia firması html'ye Flash ile destek verdi.

Flash ile oluşturulan tüm çalışmalar, html’ye sanki bir resimmiş gibi yerleştirilmekte ve html ile sorunsuz çalışabilmektedir.

Flash, gün geçtikçe vazgeçilmez bir web tasarım aracı haline gelmiştir. Böylece yeni bir standart format oluşmuş oldu: SWF (Shock Wave Flash).

FLASH'I YERLEŞTİRMEK...

     Flash ile animasyonlarınızı yaptınız, File/Export (çıkış) komutuyla swf yaptınız ve  şimdi bunu html sayfanıza yerleştireceksiniz. Bunu bir kaç yoldan yapabiliriz.

1-Object olarak:

2-Gömerek (Embed)

3-Hem Object olarak Hem de Gömerek

4-Otomatik olarak(Önerilen:))

Flash oluşturduğunuz swf dosyasını otomatik olarak html sayfanızın içine koyabilirsiniz. Bu özelliğinden faydalanabilmek için File/Publish komutunu seçmeniz yeterli

Flash Çalışma Ekranı

Çalışma alanı

Araçlar Zaman çizgisi

Timeline (Zaman Çizelgesi)

Sahne içersinde oluşturulan yada dışarıdan programa ithal edilen bir nesnenin, hareketlendirilmesini sağlayan, hareketin hangi zaman aralıklarında gerçekleştirileceğini belirten alandır. Animasyona (canlandırma) ait, temel hareketlendirme işlemlerinin tümü bu bölümde gerçekleştirildiği için, Flash animasyonlarının beynini oluşturur.

Katmanı gizle

Katmanı kilitle Anahat görünümü

Oynatım göstergesi

Timeline

Potansiyel kareler

Kare hızı

Geçerli kare numarasıOnion skin seçenekleri

Oynatım göstergesini kare penceresinde ortala

Katman sil

Katman klasörü ekle

Hareket kılavuzu ekle

katman ekle

katmanlar

Stage (Sahne)Stage (sahne), bir flash filmini oluşturan tüm grafiksel ögeleri içeren

alandır. Tıpkı filmin oynatıldığı perde gibi düşünülebilir. Bu perdenin büyüklüğü ve rengi Document Properties (doküman özellikleri) iletişim kutusundan kontrol edilebilir.

(resimdeki alana çift tıklayarak bu pencereye ulaşabilirsiniz)

Arka plan rengini ayarlar

Sahne ölçülerini ayarlarVarsayılanı geri yükler

Varsayılan haline getirir Ölçü birimi seçimi Kare hızını ayarlar

Arka plan rengini ayarlamak için, Document Properties iletişim kutusundan Background Color (zemin rengi) kısmı seçilir ve renk seçenekleri gelir. Buradan istenilen renk seçilir.

Kare hızını ayarlamak için,Document properties iletişim kutusunun Frame Rate alanına bir değer girilir. Aşağıdaki değer 12’dir, bunun anlamı: saniyede 12 kare ardarda görüntülenecek demektir.

Cetveller ve IzgaralarCetveller sahnede yer alacak nesnelerin boylarının belirlenmesinde

bize kolaylık sağlamaktadır. Nesneleri istenilen uzunlukta çizim yapmamızda yardımcı olur. Çizimlerde kolaylık sağlayacak cetvelleri açmak için View menüsünden Rulers seçeneğine tıklanmalıdır veya çalışma alanında fareyi sağ tıklayarak ulaşabilirsiniz / Ctrl+Alt+Shift+R.

IzgaraNesnelerin tam yerleştirilmesinin sağlanması ve istenilen şekilde

çizilmesinin sağlanması için ızgara bölümüne ihtiyaç duyulmaktadır. Izgara çizgilerini açmak için, View menüsünden Grid seçeneği seçilir veya çalışma alanında fareyi sağ tıklayarak ulaşabilirsiniz. Oluşturduğumuz ekranda ızgara çizgileri görünür hale gelmiştir.

SnapÇizim yaparken, oluşturduğumuz nesnelerin filmin ızgara çizgileri ile

hizalanmasını sağlamaktadır. Snap özelliğini açmak için, araç çubuğundan mıknatıs simgesine sahip tuşa tıklayarak, View menüsünden Snap seçeneği seçilerek yada klavyeden Ctrl+Alt+G kısayol tuşuna basılarak Snap özelliği açılmaktadır.

Araç kutusu (toolbox), Flash’ın çizim araçlarını ve animasyon için grafikleri yaratıp düzenlemekte kullanılacak diğer araçları içerir. Araç kutusunu görmek için, Window menüsünden Tools seçilir. Gizlemek için, tekrar Window menüsünden Tools seçilir. Araç kutusunun yerini değiştirmek için, araç kutusunun üst tarafındaki mavi mavi çubuk tıklanır ve farenin tuşu basılıyken istenilen yere sürüklenir.

Toolbox (Araç Kutusu)

Araç ipuçlarını açmak için, Edit menüsünden Preferences (tercihler) seçilir. Preferences iletişim kutusunda General (genel) sekmesi seçilir. Show Tooltips onay kutusu işaretlenir.

Tools Bölümü:  Tools Bölümü:

Arrow Tool:Çalışma alanındaki(sahnedeki) grafikleri editlemek ve özelliklerinde değişiklik yapabilmek için kullanılır.(V)

Subselec Tool: Pencil, Brush, Line, Oval veya Rectangle araçları ile oluşturulmuş grafikleri ve grafiklerin dış çizgilerini editlemek, yeniden şekillendirmek için kullanılır.(A)

Line Tool: Düz çizgi çizmek için kullanılır. Çizginin özelliklerini Stroke paneli (Window>Panels>Stroke) ile istediğiniz gibi ayarlayabilirsiniz.(N)

Lasso Tool: Kement aracı denir. İmajınız üzerinde serbestçe çizerek Arrow aracından farklı olarak değişik şekillerde seçimler yapabilirsiniz.(L)

Pen Tool: Düzgün çizgiler ve yumuşak eğriler çizmek için bu araç kullanılır. Etkili ve denetimli seçim alanları sağlar, yapılacak imajın düzgün kenar rotaları-yönleri çizmemize izin verir. Ayrıca çizgilerin birleşim noktalarını da bu araç ile editleyebilirsiniz.(P)

Text Tool: Yazı yazmak için kullanılır. Yazının özelliklerini değiştirmek için yine panel penceresini açmamız gerekecek. (Window>Panels>Character veya Ctrl-T) Bu panel ile yazının fontunu, rengini, büyüklüğünü ve diğer özelliklerini belirleyebilirsiniz.(T)

Oval Tool: Oval şekiller çizmek için kullanılır. Colors bölümünden dış çerçeve çizgi rengini ve iç dolgu rengini belirtebiliriz.(O)

Rectangle Tool: Kare ve dikdörtgenel şekiller çizmek için kullanılır. Yine colors bölümünden dış çerçeve çizgi rengini ve iç dolgu rengini belirtebiliriz.(R)

Pencil Tool:Kalem aracıdır. Kalem etkisi ile çizgiler çizmeye yarar.(Y)

Brush Tool: Fırça etkisi sağlar ve boyama yapmamıza yarar.(B)

Ink Bottle Tool: Mürekkep etkisi ile boyama sağlar.(S)

Paint Bucket Tool: Boya Kovası ile seçili alanı, Fill Color daki renk ile doldurabilirsiniz.(K)

Dropper Tool: İstenilen rengin üzerine tıklatınca o rengi Fill Color'a ekler. Renk seçim aracıdır.(I)

Eraser Tool: Silgi aracıdır.(E)

 View Bölümü:

Hand Tool: Ekrana sığmayacak şekilde büyültülen imajlarda görünmeyen yerlere ulaşmak için kullanılır.(H)

Zoom Tool: İmajın istenilen bölümüne yakınlaşmayı veya uzaklaşmayı sağlar.(M,Z)

 Colors Bölümü

Stroke Color:İmajın dış çerçeve rengini belirler. Stroke Panelinden (Window>Panels>Stroke) çizginin çeşidini ve kalınlığını ayarlayabilirsiniz.

Fill Color: İmajın iç dolgu rengini belirler.

Default Colors: Kenar rengini siyah, iç dolgu rengini beyaz yapar.

No Colors: Seçiminize göre Stroke Color veya Fill Color'a herhangi bir renk atamaz.

Swap Colors: Dış çerçeve ve iç dolgu rengini birbiriyle değiştirir.

Menubar (Menü Çubuğu)

Üzerine tıklandığında Flash’ın sahip olduğu komutların bulunduğu menüleri gösterir

Main Toolbar ( Ana Araç Paleti)

Paste(Yapıştır)

Copy (Kopyala)

Cut (Kes)

Undo (Geri Al)

Redo (Yinele)Snap (Kapma)

Align (Hizalama)

New (Yeni)Open (Aç)

Save (Kaydet)Print (Yazdır)

Print Preview(Baskı Önizleme)

Smooth (Yumuşatma)

Straighten (Düzleştirme)

Rotate (Döndürme)

Kontrol Araç Çubuğu

Oluşturulan Flash filmini, çalışma ekranında ve test ekranında gösterime sokar. Eğer filmde herhangi bir eylem söz konusu değilse kontroller pasif duruma geçer.

Stop (Filmi Durdur)

Rewind (İlk anahtar kareye git)

StepBack (Bir önceki kareye git)Play (Filmi Oynat)

StepForward (Bir sonraki kareye git)

Go To End (Son anahtar kareye git)

Grafiklerin Çeşitli Büyütme Oranlarıyla İzlenmesi

Nesneleri gerçek boyunda görmek için, View menüsünden Magnification > 100 % seçilir. Veya Satge’in bilgi çubuğunun en sağında yer alan Zoom Control alanlına 100 % değeri girilir ve Enter’a basılır

Stage’deki Belirli Nesnelere veya Alanlara Zoom Yapmak

Enlarge (büyüt) seçeneği

Reduce (küçült) seçeneği

Paneller Hakkında

Paneller, masaüstünde açık kalarak çalışırken kolay erişim sağlayan pencerelerdir. Color Mixer gibi bazı paneller, yeni öğeler yaratırken kullanılacak nitelikleri ayarlamayı ya da üzerinde değişiklik yapmayı sağlar.

Çok sayıda paneli bir veya daha fazla pencerede gruplayarak daha fazla çalışma alanına sahip olunabilir. Pencere içindeki panel diğerlerinden bağımsız olarak toparlanabilir veya genişletilebilir. Varsayılan panel grubunu açmak için, Window menüsünden Panel Sets – Default Layout seçilir.

Property Inspector Hakkında

Propety Inspector (Özellik Denetçisi), bağlama duyarlıdır ve seçimi yansıtacak şekilde sürekli değişir. Aktif Flash dökümanı, seçilen bir grafiksel öge (şekil, gruplanmış şekil, sembol, metin bloğu, Bitmap veya video klip) veya seçilen bir kare hakkında bilgi gösterir. Aynı zamanda pek çok araç parametresinin ayarlandığı ve seçilen ögelerin niteliklerinin değiştirildiği yerdir.

Library (Kütüphane)

Film içerisinde kullanılan sembol, ses, grafik, film gibi materyallerin saklandığı paneldir. Kütüphane içerisinde yer alan materyallerin oluşturulma tarihleri, boyutları ve çeşitleri kontrol edilebilir. Library (Kütüphane) içinde bu sembollerden başka, dışarıdan import edilen resim ve ses dosyaları da bulunur.

Object Actions (Nesne Eylemleri)

Bu panel ile eylem komutlarını nesneler ve kareler için kullanabilme imkanı sağlar. Geliştirilmiş eylem komutları ile interaktif filmler oluşturulabilir.

SHOCKWAVE nedir?

Var sayalım FLASH ta bir uygulama yaptınız.Bu uygulamayı saklarken FLASH kendi formatını (*.FLA) kullanır. Biz internet sayfasına yerleştireceğimiz uygulamayı (*.SWF) olarak export ederiz. Başka bir deyişle derleriz.

Eğer çalışmanızı “swf” formatında saklayacaksanız, Flash size şifreleme imkanı da sunmaktadır. Fileexportexport movie yolunu izledikten sonra açılan pencerede kaydedeceğimiz yeri belirttikten sonra ikinci bir pencere açılacaktır. Bu pencerede “Protect from inport” kısmını aktif hale getirip oraya şifrenizi girmelisiniz (sakın unutmayın, çünkü bu dosya “swf” formatındaki hali üzerinde yapacağınız değişiklikler için bu şifre sizden her seferinde istenecektir).

Simdi internet sayfasına yerleştireceğimiz dosyamız (*.SWF) formatı ile elimizde olduğunu var sayarak devam edelim. Bu uygulamayı herhangi bir web sayfası editörü ile sayfaya yerleştirdiğimizi var sayalım. Ardından sayfamızı internet Explorer, Netscape Communicator (diğerleri de olabilir en çok bu ikisi kullanıldığı için bunları örnek olarak yazdım.) ile açmaya çalısalım. İşte eğer bilgisayarınızda SHOCKWAVE denilen plugin yüklü değil ise internet Explorer veya Netscape Communicator veya diğerleri ile göremeyeceksiniz.

İnternet sayfasında ki FLASH uygulaması ne kadar yer kaplar? Başka bir deyişle yüklenmesi uzun sürer mi?

New --- Boş bir sayfa açarOpen --- Kayıtlı olan flash sayfasını açarOpen as Library --- Kayıtlı olan flash sayfasının kütüphanesini açarClose --- Flash dosyasını kapatırSave --- Flash dosyasını kaydederSave As --- Flash dosyasını başka isimle kaydederRevert --- Üzerinde oynadığınız flash dosyasını yeniden yüklerImport --- emf, wnf, eps, ai, swf, spl, dxf, bmp,dib, jpg, gif, png, wav, mov uzantılı (formatlarında) ki dosyaları açmamızı sağlarExport Movie --- Flash uygulamamızı yukarıdaki grafik formatlarında kaydetmemizi sağlar (sadece hareketli olarak)Export Image --- Flash uygulamamızı yukarıdaki grafik formatlarında kaydetmemizi sağlar (sadece hareketsiz olarak)

FİLE MENÜSÜ

Publish Settings --- Export ederken kullanacağımız grafik formatının setting ayarlarını buradan yapacağız. Eğer ileri düzey kullanıcı değilseniz bu setting ayarları ile oynamayın. Zaten flash’ı bilgisayara kurarken flash otomatik olarak en sağlıklı şekilde bu ayarları yapıyorPublish Preview --- Görmek istediğiniz şeklin önizlemesini yapmak için kullanacaksınız.Publish --- Hangi şekilde görmek isterseniz buradan seçmeniz yeterliPage Setup --- Printer için sayfa ayarlarını buradan yapacaksınızPrint Preview --- Ekranda gözüken çalışmanızı, yazıcıdan kağıda nasıl çıkacağını görmenize yarar.Print --- Çalışmanızı yazıcıya gönderen kağıda çıkarmanızı sağlarSend --- Çalışmanızı herhangi bir dosya yöneticisi kullanmadan sisteminizde bulunan yerlere göndermenizi sağlar. Mesela posta alıcısı, evrak çantası gibi...Preferences --- Flash programının dosya uzunluğu hafıza gibi ayarlarını yapmanızı sağlar.Assistant --- Flash programı içinde kullanılan yardımcı aletlerin ayarlarını yapmanızı sağlar.Exit --- Flash programından çıkmanızı sağlar.

Undo --- Yaptığınız son işlemi bir geri alırRedo --- Geri aldığınız işlemi bir ileri alırCut --- İşaretli alanı veya cismi keserCopy --- İşaretli alanı kopyalarPaste --- Kopyalanan alanı yapıştırırPaste in Place --- İşaretleyip kopyaladığınız cismin veya alanın üzerine bir kopya yaratırPaste Special --- İşaretleyip kopyaladığınız cismin veya alanın başka bir formatta yapıştırmanızı sağlarClear --- İşaretli olan cismi veya alanı silmenizi sağlarDuplicate --- İşaretleyip kopyaladığınız cismin veya alanın kopyasını yaratır

EDİT MENÜSÜ

Select All --- Sayfadaki her şeyi aynı anda seçmenizi sağlarDeselect All --- Seçmiş olduklarınızı iptal ederCopy Frames --- Frame’i (film karesi) kopyalaPaste Frames --- Frame’i yapıştır Edit Symbols --- Seçmiş olduğunuz cismin üzerinde oynamanızı sağlarEdit Selected --- Seçili olan alanın üzerinde oynamanızı sağlarEdit All --- Bütün hepsini seçip aynı işi yaparInsert Object --- Nesne eklemek için bunu kullanacaksınızLinks --- Bağlantı (köprü/link) eklemek için kullanılır.Nesne --- Nesne eklemek için kullanılır.

Goto --- Scene(sahne)’ler arasında dolaşmanızı sağlar.100% --- Çalışmanızı orijinal boyutlarına getirir.Show Frame --- Frame’yi tam sayfa yapar.Show All --- Tümünü tam sayfa yapar.Outlines --- Renkleri ve regrade’leri yok ederek sadece şekillerin konturlarını görmenizi sağlar.Fast --- Renkleri görürsünüz. Fakat yakından bakarsanız. dönüşlerin keskin olmadığını görürüsünüz.Antialias --- Normal görüntüdür. Kalite mükemmeldir. Fakat çok yoğun resimlerde makineniz yavaş ise biraz sabırlı olmanız gerekir.Antialias Text --- En hassas olanı budur. Ama dediğim gibi makine hızlı olmalıdır. Yoksa biraz bekleyerek işinizi yapmanız gerekir.

WİEV MENÜSÜ

Timeline --- Framelerin olduğu bölümü yok ederWork Area --- Çalışma sayfanızı flash programına göre ortalarRulers --- Sayfanızı düşey ve yatay kenarlarına cetvel getirerek ölçeklendirirGrid --- Kullandığınız alanı sanal olarak karelere bölerek ölçeklendirir. Böylece kullandığınız alanı dahaiyi kullanırsınız.Snap --- Mıknatısı aktif hale getirir veya kaldırır. Bir önceki sayfada daha kapsamlı olarak anlatıldı

Covert to Symbol --- İşaretlediğiniz çizimi veya çizimleri sembol olarak kaydetmenizi sağlar. Böylece açtığını sayfanın kütüphanesine ilave eder.New Symbol --- Yeni bir sembol sayfası açar. Siz bu sayfada çiziminizi yaparsınız. Yaptığınız çizim kütüphaneye direkt olarak ilave edilir.Layer --- Yeni layer açarMotion Guide --- İşaretli olan layer’a kılavuz ilave ederFrame --- O an kullandığını layer’da işaretli olan frame’nin soluna frame ilave ederDelete Frame --- İşaretli olan içi boş frame’yi siler.Keyframe --- İçi dolu frame’yi silerBlank Keyframe --- Layer’da istediğiniz bir yere içi boş frame açarClear Keyframe --- Frame’yi silerCreate Motion Tween --- Layer’daki en son frame’ye giderScene --- Yapmış olduğunuz çizimi büyütüp küçültmenizi sağlarRemote Scene --- Büyütüp küçülttüğünüz çiziminizi eski haline getirir.

İNSERT MENÜSÜ

Instance --- ÖrneklerFrame --- Frame’ler hakkındaki bilgilere buradan ulaşabilirsiniz. Her frame’nin bilgisi ayrıdırLayer --- Layer ismini değiştirmenizi sağlarScene --- Kullandığınız scene’nin adını buradan değistirebilirsinizMovie --- Sayfanızın enini ve boyunu buradan ayarlayabilirsinizFont --- İstediğiniz fontu buradan seçebilirsinizParagraph --- Parağraf ayarlarını buradan yapabilirsinizStyle --- Yazınızın bold, italik gibi ayarlarını da buradan yapabilirsinizKerning --- Konu başlıgı ile ilgili ayarları buradan yapabilirsinizText Field --- Konu başlığı ile ilgili ayarları buradan yapabilirsinizTransform --- Transform ile ilgili ayarları buradan yapabilirsiniz

MODİFY MENÜSÜ

Arrange --- Arrange ile ilgili ayarları buradan yapabilirsinizCurver --- Curver ile ilgili ayarları buradan yapabilirsinizFrames --- Frame ile ilgili ayarları buradan yapabilirsinizTrace Bitmap --- Trace Bitmat ile ilgili ayarları buradan yapabilirsinizAlign --- Yaptığınız çizimi sayfaya göre ortalamanızı sağlarGroup --- Yaptığınız çizimleri gruplamanızı sağlarUngroup --- Grupladığınız çizimlerin grubunu bozarBreak Apart --- Seçimleri eski haline getirir

Play --- Uygulamayı derlemeden seyretmenizi sağlar. Fakat movie, sesleri buradan takip edemezsiniz.Rewind --- Play ile çalıştırdığınızı ve uygulama bitmeden play ile stop ettiğinizi var sayalım. Şimdi uygulama yarım kaldı, işte başa almak için de bu komutu koymuşlarStep Forward --- Play komutunu tek kare tek kare ileriye doğru yaparStep Backward --- Play komutunu tek kare tek kare geriye doğru yaparTest Movie --- Movie’nizi test ederTest Scene --- Scene’nizi test ederLoop Playback --- Yaptığınız uygulamaya döngü ilave ederPlay All Scenes --- Bütün scene’i çalıştırırEnable Frame Action --- Frame’yi çalıştırılarak görmenizi sağlarEnable Buttons --- Butonları çalıştırarak görmenizi sağlarMute Sounds --- Sesleri kapatır.

CONTROL MENÜSÜ

Buttons --- Buton kütüphanesini açarButtons-Advanced --- Buton kütüphanesini açarGraphics --- Grafik kütüphanesini açarMovie Clips --- Hareketli klip kütüphanesini açarSounds --- Ses kütüphanesini açar

LİBRARİES MENÜSÜ

New Window --- Yeni pencere açar.Arrange All --- Bütün pencereleri sayfaya dizer. (pencereler halinde)Cascade --- Açık olan pencereleri alt alta koyarak dizerToolbar --- Toolbar ayarları buradan yapılır.Inspectors --- Flash’ın bence kalbi bu olmasa çoğu şeyi kontrol etmek zorlaşırdı.Controller --- Kontrol menüsünü açar.Color --- Renk paletinizi buradan yükleyebilir ve istediğiniz rengi buradan seçebilirsiniz.Output --- Yapmış olduğunuz uygulamadaki bağlantıları kontrol etmeye yarar.Library --- Kullandığınız sayfadaki grafiklerin olduğu (yani sizin tanımladığınız) kütüphaneye buradan ulaşılır.

WİNDOW MENÜSÜ

Flash Help Topics --- Flash’ın help (yardım)’ını açar.Register Flash --- Flash’ı register yapmak için Macromedia’nın sitesine bağlanmanızı sağlarFlash Developers Center --- Flash’ın sitesine bağlanırLessons --- Flash dersleriSamples --- Flashla yapılmış örneklere buradan ulaşabilirisinizAbout Flash --- Makinenizde yüklü olan flash’ın kimin üzerine register olduğu, serial numarası,versiyonu gibi bilgileri verir

HELP MENÜSÜ

SAKIN UNUTMAYIN !...

Bir şeyi öğrenmek başka, uygulamak başka bir şeydir.

Bizler FLASH’ı size sadece öğretebiliriz; yapacağınız uygulamalar sizin yeteneğinize ve hayal gücünüze bağlıdır.

Gelin birlikte birkaç uygulama yapalımİlk çalışmamız, bir tekerleği döndürmek olsun

Oval Tool ile bir daire çizip Line tool ile bir çentik atalım.

Sağda olduğu gibi ilk frame üzerine fare ile sağ tıklayıp Create Motion Tween’ seçiniz.

Sağda olduğu gibi, 30. frame üzerine gelip fare ile sağ tıklayıp Insert Keyframe’yi tıklayalım.

1.film karesini (frame) farenin sol

tuşu ile işaretleyip, Properties kısmını

sağda olduğu gibi ayarlayınız (CW, 1

bu saat yönüne 1 tur attırması anlamına

gelir)

Sonrasında 30. kareyi seçtikten sonra çizmiş olduğumuz dairenin yerini değiştireceğiz.

İşte bu kadar. Son olarak çalışma alanında iken “enter” tıklanırsa veya ControlPlay tekerleğinizin döndüğünü görürsünüz.

ControlTest Movie veya “Ctrl+enter” ile swf formatında çalıştırırız. Çalışmayı kaydettiğimiz yere swf olarak her çalıştırdığımızda kayıt eder. Aşağıda FileExportExport Movie yolundan animatedGIF formatında kayıt edilmiş hali vardır. Swf’sine ulaşmak için tıklayınız.

İkinci çalışmamız bir dairenin kareye dönüşmesini sağlayalım. Bunun için ilk olarak 1.framede bir daire oluşturalım, sonra örneğin 30.

frameye gelip sağ tıklayıp “Insert Blank Keyframe”i tıklayıp boş olan sayfada dairenin olduğu yere veya başka yere bir kare çizelim.

Daireden kareye dönüşüm yaptıracak aracımızı 1.frame’ye gelip Properties’ten “Tween” seçeneğini “shape” olarak seçelim ve çalıştıralım.

Çalışmamız bu kadar basit ve aşağıda gördüğünüz gibi olacaktır. Swf formatındaki hali için buraya tıklayınız.

Üçüncü çalışmamızda, bir boru içerisinden geçen oyuncak bir araba yapalım.Bunun için sahneye bir araba çizelim.

Arabanın tekerleğini çizelim ve bu tekerleği Fare ile seçtikten sonra “F8” tuşuna tıklayıp gelen pencereden “Movie clip” seçeneğini seçtikten sonra adını tekerlek koyalım ve “ok” tuşu ile kapatalım. Tekerleğimiz mavi bir çerçeve içerisinde görünecektir.

Şimdi bunu fare ile iki kez tıklayarak tekerleğin sağa dönmesini sağlayacağız burada son frameyi 4 alıp dönme sayısını 1 veya deneme yanılma ile değişik değerler verebilirsiniz (1. etkinlikte yapılanları hatırlayınız). İşinizi bitirdikten sonra boş alana iki kez tıklayarak ana sahneye ulaşıp, tekerleğin bir kopyasını oluşturarak arabaya tekerlekleri yerleştirelim.

Şimdi de tünel işlevi görecek nesnemizi çizelim. Bunun için tünelin dışı ve içini ayrı pencerelerde

çizeceğiz. Bunlar da diğer sayfadaki nesneler olacak.

Aşağıdaki şekiller ve arabamızdan oluşan toplam 3 nesnemiz var

elimizde. Aşağıdaki gibi “Insert Layer” ile yeni tünel içi ve dışı için iki farklı

layer ekleyeceğiz. Ve bu üç layer’e “araba”, “tüneliçi” ve “tüneldışı” şeklinde adlandıralım Adlandırmak için iki kez Layer1,2,3 yazan yere tıklamalı ve ismi oraya yazmalıyız. Her layer ismine göre nesneleri yerleştirelim. En üstte “tüneldış” layer’i olacak ve tünelin dışını temsil eden nesnemiz buraya eklenecek, ikinci sırada “araba” ve üçüncüde “tüneliç” olacak.

Arabamızı sahnenin dışına alalım ve “araba” layerini “motion” özelliği ile 1. ve 40. frame arasında hareket ettirelim; “tüneliç” ve “tüneldış”ı yerinde bırakalım. 1.frame’de aracımız sol uçta, 45. frame’de sağ uçta olacak.

Artık çalıştırabiliriz. Çalışmanın “swf”si için buraya tıklayınız.

3. etkinlikteki tüneli saydam yapıp içindeki aracı görmek istiyorsak şu yolu takip etmeliyiz: windowcolor mixer den “tüneldış” nesnesinin alpha değerini örneğin 70 yaparsak tünelimizin dış yüzeyi saydamlaşacak ve araç görünecektir. Çalışmanın “swf”si için tıklayınız.

Dördüncü çalışmamızda yukarıdan düşerken gittikçe hızlanan bir top örneğini oluşturalım. Top için bir daire ve topun gölgesi için bir elips oluşturalım.

Üçüncü etkinlikteki katman (layer) kavramını burada da kullanacağız. Top için “top” layerı, gölge için “gölge” layerı oluşturalım.

Top ve gölgenin 1. karelerini (frame) “motion” özelliği atamamız gerekir. Bunun için 1. framede

iken fareyi sağ tıklatyıp “create motion tween” özelliğini seçmemiz veya aşağıdaki resimde olduğu gibi Properties ten Tween özelliğini motion yapmamız gerekir. 1.framede topu yukarıda bir yerde, gölgeyi de aşağıda ve topa göre

daha büyük yapalım.Her iki layer(katman) için de 40. frameye

gelip fareyi sağ tıklayarak “Insert keyframe”i işaretleyelim.Topu bu framede gölgeye

değdirelim, bunu yaparken gölgenin boyutunu da küçültelim.

Yalnız burada önemli olan, top ilk harekete başlarken yavaş, yere çarptığında hızlı olması gerekir. Bunun için top ve gölgenin 1. ve 40. framesi fare ile seçili iken “Properties”teki “Ease” değerleriyle oynamak lazım. Ease değeri 100 ile -100 arasında

değer almaktadır. Bu değer -100 ise durma durumu, 100 ise en hızlı olma durumunu belirtir. 1. frame seçili iken Ease değerini -100, 40. framede ise 100 alırsak, top yukarıdan yere düşerken gittikçe hızlanacaktır. Aynı şekilde topun

yere çarpıp tekrar yükselmesi için 70. frame, alçalması için 100. frame (burada yükseliş ve alçalış aynı sürede gerçekleşeceğinden bu aradaki frame sayısının aynı olmasına dikkat ediniz), tekrarı için 120. ve 140. frame, tekrarı için 150. ve 160. frame ve en son olarak 165. ve 170. frameleri kullanalım. 170. frame ile 200. frame arasında da top yerde dursun.

Tabii ki bunları yaparken Ease değerlerini uygun kullanmanız gerekir, top nerede hızlanır (-100 ile 0 arası), nerede yavaşlar (100 ile 0 arası) bu tür hareketleri iyi kestirmek gerekir.

Topa küre özelliğini renklerle verdik. Bunun için windowcolor mixer veya Shift+F9 kısayolu ile açtığımız “Colur mixer”i kullanırız.

Burada Type kısmından dairesel renk, çizgisel renk veya kaplama olarak resimkullanabilirsiniz. Çizdiğimiz daireyi küre

gibi göstermek için Radial özelliğini kullandık.

Yaptığımız çalışmanın swf dosyasına ulaşmak için buraya tıklayınız.

Beşinci olarak, düğmeler yardımıyla 3. etkinlikte yaptığımız aracımızın hareketini kontrol edelim. Bunun için iki düğme oluşturacağız. “oynat” ve “durdur” düğmeleri. Düğmeler için ayrı bir “düğme” layer’i oluşturalım. İki tane “oynat” ve

“durdur” adındaki nesneyi ayrı ayrı seçip F8 kısayolu ile “button” özelliği verelim. Düğmelerin üzerine gelindiğinde, tıklandığında renk ve şekil değiştirmek için şu yolu izleyelim: örneğin “oynat”

düğmesini iki kez tıkladığımızda aşağıdaki resimle karşılaşırız. “Up”, “Over”, Down” ve “Hit” bölümlerini doldurmak için “F6” kısayolunu kullanmalı ve içeriği değiştirmeliyiz.

Şimdi çalışma alanından boş bir yere iki kez tıklayarak düğme özelliklerinin dışına çıkalım. Düğmeyi fare ile seçtikten sonra windowactions veya F9 kısayolu ile aşağıdaki açılan kod penceresinden “play”i seçelim ve iki kez tıklayalım. Bu işlemle düğmeye her tıkladığımızda “oynat” eylemi gerçekleşecektir.

Framelerden “düğme” framesinin 1.layer’ini seçip Actions penceresinden “stop” komutunu kullanalım. Aynı komutu “durdur” düğmesi İçin de gerçekleştirelim ve çalışmamızı test edelim.

Bu çalışma ile de düğmelerin mantığını ve yönlendirmeyi öğrenmiş olduk.

Altıncı olarak ses eklemeyi ve düğmelerde veya canlandırmalarda (animasyonlarda) ses kullanma ile ilgili bir örnek çalışma yapalım.

WindowLibrary veya Ctrl+L tuşu ile kütüphaneye (library) ulaşıp, Flash içerisindeki veya sizin “inport” (aldığınız) ettiğiniz düğme (button), film (movie) veya seslere (sound) ulaşabilirsiniz.

Kütüphanenize dışardan ses almak için FileInport yolunu kullanmanız yeterlidir. Bu yöntemle sadece ses değil, diğer dökümanları da alabilirsiniz.

Soldaki resimde yukarıda anlatıldığı şekilde alınan bir ses dosyasının “Library”e alınmış hali gözükmektedir. Bu ses dosyasını farenin sol tuşuna basılı tutarak çalışma alanına götürür

ve bırakırsak ses eklemiş oluruz. Ancak çalışma alanında herhangibir görüntü göremezsiniz. Eklediğiniz ses katmanlar kısmındaki frame’lerde görünür.

Soldaki resimde Tiny, Small, Normal… seçenekleri zaman çizgisinin daha büyük/küçük görünmesi için kullanılır. Framedeki ses şekildeki gibi görünür, çizgilerin yoğunlaştığı bölgeler sesle doğru orantılı olarak artar.

Ses üzerinde düzenleme yapmak için “Properties”ten “edit” düğmesine tıklamalıyız. Bundan sonra karşımıza bir sonraki sayfada bulunan pencere karşımıza çıkacaktır. Bu penceredeki araçları kullanarak sesin alçalması, yükselmesi, sol/sağ hoparlörden gelmesi/durdurulması, Soldan sağa veya sağdan sola sesin geçiş yapması gibi işlemler yapılabilmektedir.

Sesi düzenledikten sonra (bu zorunlu değildir, isteğe bağlıdır) bu sesi senaryo içerisinde mi yoksa düğmede mi kullanacağınıza karar vermeniz gerekir. Eğer sesi düğmede kullanacaksanız, örneğin fare ile düğme üzerine geldiğinizde ses çıkmasını istiyorsanız düğmenin “over” özelliğine sahip karesine eklemeniz gerekir.

Sonuç olarak Flash’la hayal gücünüz ölçüsünde aklınıza gelen çoğu şeyi yapabilme şansınız vardır.