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.

gelir.

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 oluruz.

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ş 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 (Dosyayı açamıyorsanız “örnekler” klasörü içerisindeki “install_flash_player.exe” dosyasını bilgisayarınıza kurunuz.)

buraya tıklayınız.

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.

“ fla ”dır. Flash'ta açıp, üzerinde değişiklikler yapabileceğiniz dosya formatı 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ılar almak istersiniz, hemen File  Publish Settings … menüsünü kullanarak istediğiniz formatları işaretleyin. Publish düğmesine basın. İşte hepsi bu.

Çalışmalarınızı tek adımda hayata geçirmenize olanak sağlaması, Flash'ı üstün kılan özelliklerden sadece bir tanesi.

HTML ve FLASH

da Hyper Test Markup Language (html) sayesinde internet 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 hız ve kalite konusunda problemler ortaya çıkmıştır.

ortamındaki 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...

ve Flash ile animasyonlarınızı yaptınız, şimdi bunu

html File/Export

(çıkış) komutuyla

swf

yaptınız 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

Araçlar

Flash Çalışma Ekranı

Zaman çizgisi Çalışma alanı

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ı kilitle Katmanı gizle Anahat görünümü Oynatım göstergesi Timeline Potansiyel kareler katmanlar katman ekle Hareket kılavuzu ekle Katman klasörü ekle Katman sil Onion skin seçenekleri Oynatım göstergesini kare penceresinde ortala Kare hızı Geçerli kare numarası

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 ayarlar Varsayılanı geri yükler Varsayılan haline getirir Ölçü birimi seçimi Kare hızını ayarlar

Arka plan rengini ayarlamak

Background Color

istenilen renk seçilir.

(zemin rengi) için, Document Properties iletişim kutusundan kısmı seçilir ve renk seçenekleri gelir. Buradan 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 Izgaralar

Cetveller 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.

Izgara

Nesnelerin 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 çizgileri görünür hale gelmiştir.

Grid

seçeneği seçilir veya çalışma alanında fareyi sağ tıklayarak ulaşabilirsiniz. Oluşturduğumuz ekranda ızgara

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 açılmaktadır.

Ctrl+Alt+G

kısayol tuşuna basılarak Snap özelliği

Toolbox (Araç Kutusu)

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.

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:

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

Dropper Tool:

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

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:

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

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) Print Preview (Baskı Önizleme) Print (Yazdır) Save (Kaydet) Open (Aç) New (Yeni) Rotate (Döndürme) Straighten (Düzle ş tirme) Smooth (Yumuşatma)

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) Go To End (Son anahtar kareye git) StepForward (Bir sonraki kareye git) Play (Filmi Oynat)

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

Nesneleri gerçek boyunda görmek için

, View Magnification > 100 %

menüsünden 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. yapmayı sağlar.

Color Mixer

gibi bazı paneller, yeni öğeler yaratırken kullanılacak nitelikleri ayarlamayı ya da üzerinde değişiklik Çok sayıda paneli bir veya daha fazla pencerede gruplayarak daha fazla çalışma alanına sahip diğerlerinden bağımsız olarak toparlanabilir veya genişletilebilir. Varsayılan panel grubunu açmak için, olunabilir.

Window

Pencere menüsünden içindeki

Panel Sets

panel

– 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. File  export  export movie yolunu izledikten sonra 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).

açılan pencerede 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?

FİLE MENÜSÜ

New Open

-- -- Boş bir sayfa açar Kayıtlı olan flash sayfasını açar

Open as Library

açar -- Kayıtlı olan flash sayfasının kütüphanesini

Close Save

-- -- Flash dosyasını kapatır Flash dosyasını kaydeder

Save As Revert

-- -- Flash dosyasını başka isimle kaydeder Üzerinde oynadığınız flash dosyasını yeniden yükler I

mport

--- emf, wnf, eps, ai, swf, spl, dxf, bmp,dib, jpg, gif, png, wav, mov uzantılı (formatlarında) ki dosyaları açmamızı sağlar

Export 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)

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ıyor

Publish Preview

-- için kullanacaksınız.

Görmek istediğiniz şeklin önizlemesini yapmak

Publish

---

Page Setup

Hangi şekilde görmek isterseniz buradan seçmeniz yeterli -- Printer için sayfa ayarlarını buradan yapacaksınız

Print 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ğlar

Send

-- Ç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.

EDİT MENÜSÜ

Undo

-- Yaptığınız son işlemi bir geri alır

Redo

---

Cut

-- Geri aldığınız işlemi bir ileri alır İşaretli alanı veya cismi keser

Copy Paste

-- -- İşaretli alanı kopyalar Kopyalanan alanı yapıştırır

Paste in Place

-- İşaretleyip kopyaladığınız cismin veya alanın üzerine bir kopya yaratır

Paste Special

-- İşaretleyip kopyaladığınız cismin veya alanın başka bir formatta yapıştırmanızı sağlar

Clear

-- İşaretli olan cismi veya alanı silmenizi sağlar

Duplicate

-- İşaretleyip kopyaladığınız cismin veya alanın kopyasını yaratır

Select All

-- Sayfadaki her şeyi aynı anda seçmenizi sağlar

Deselect All

---

Copy Frames

Seçmiş olduklarınızı iptal eder -- Frame’i (film karesi) kopyala

Paste Frames

---

Edit Symbols

-- oynamanızı sağlar Frame’i yapıştır Seçmiş olduğunuz cismin üzerinde

Edit Selected Edit All

-- -- Seçili olan alanın üzerinde oynamanızı sağlar Bütün hepsini seçip aynı işi yapar

Insert Object Links

-- -- Nesne eklemek için bunu kullanacaksınız Bağlantı (köprü/link) eklemek için kullanılır.

Nesne

-- Nesne eklemek için kullanılır.

WİEV MENÜSÜ

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.

Timeline

-- Framelerin olduğu bölümü yok eder

Work Area

-- Çalışma sayfanızı flash programına göre ortalar

Rulers

-- Sayfanızı düşey ve yatay kenarlarına cetvel getirerek ölçeklendirir

Grid

-- Kullandığınız alanı sanal olarak karelere bölerek ölçeklendirir. Böylece kullandığınız alanı daha iyi kullanırsınız.

Snap

-- Mıknatısı aktif hale getirir veya kaldırır. Bir önceki sayfada daha kapsamlı olarak anlatıldı

İNSERT MENÜSÜ 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çar

Motion Guide Frame

-- -- İşaretli olan layer’a kılavuz ilave eder O an kullandığını layer’da işaretli olan frame’nin soluna frame ilave eder

Delete Frame

-- İşaretli olan içi boş frame’yi siler.

Keyframe

-- İçi dolu frame’yi siler

Blank Keyframe

-- Layer’da istediğiniz bir yere içi boş frame açar

Clear Keyframe

-- Frame’yi siler

Create Motion Tween Scene

-- -- Layer’daki en son frame’ye gider Yapmış olduğunuz çizimi büyütüp küçültmenizi sağlar

Remote Scene

-- Büyütüp küçülttüğünüz çiziminizi eski haline getirir.

MODİFY MENÜSÜ

Instance

-- Örnekler

Frame

-- Frame’ler hakkındaki bilgilere buradan ulaşabilirsiniz. Her frame’nin bilgisi ayrıdır

Layer Scene

-- -- Layer ismini değiştirmenizi sağlar Kullandığınız scene’nin adını buradan değistirebilirsiniz

Movie

-- Sayfanızın enini ve boyunu buradan ayarlayabilirsiniz

Font

-- İstediğiniz fontu buradan seçebilirsiniz

Paragraph

-- Parağraf ayarlarını buradan yapabilirsiniz

Style

-- Yazınızın bold, italik gibi ayarlarını da buradan yapabilirsiniz

Kerning

-- Konu başlıgı ile ilgili ayarları buradan yapabilirsiniz

Text Field Transform

-- -- Konu başlığı ile ilgili ayarları buradan yapabilirsiniz Transform ile ilgili ayarları buradan yapabilirsiniz

Arrange Curver

-- --- Arrange ile ilgili ayarları buradan yapabilirsiniz Curver ile ilgili ayarları buradan yapabilirsiniz

Frames

-- Frame ile ilgili ayarları buradan yapabilirsiniz

Trace Bitmap

-- Trace Bitmat ile ilgili ayarları buradan yapabilirsiniz

Align

-- Yaptığınız çizimi sayfaya göre ortalamanızı sağlar

Group

-- Yaptığınız çizimleri gruplamanızı sağlar

Ungroup

---

Break Apart

Grupladığınız çizimlerin grubunu bozar -- Seçimleri eski haline getirir

CONTROL MENÜSÜ

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

Step Forward

koymuşlar -- Play komutunu tek kare tek kare ileriye doğru yapar

Step Backward

-- Play komutunu tek kare tek kare geriye doğru yapar

Test Movie Test Scene

-- -- Movie’nizi test eder Scene’nizi test eder

Loop Playback

-- Yaptığınız uygulamaya döngü ilave eder

Play All Scenes

-- Bütün scene’i çalıştırır

Enable Frame Action

-- Frame’yi çalıştırılarak görmenizi sağlar

Enable Buttons Mute Sounds

-- -- Butonları çalıştırarak görmenizi sağlar Sesleri kapatır.

LİBRARİES MENÜSÜ Buttons

-- Buton kütüphanesini açar

Buttons-Advanced Graphics

-- -- Buton kütüphanesini açar Grafik kütüphanesini açar

Movie Clips Sounds

-- -- Hareketli klip kütüphanesini açar Ses kütüphanesini açar

WİNDOW MENÜSÜ

New Window Arrange All

-- -- Yeni pencere açar.

Bütün pencereleri sayfaya dizer. (pencereler halinde)

Cascade Toolbar

-- -- Açık olan pencereleri alt alta koyarak dizer 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.

HELP 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ğlar

Flash Developers Center

-- Flash’ın sitesine bağlanır

Lessons

--- Flash dersleri

Samples

-- Flashla yapılmış örneklere buradan ulaşabilirisiniz

About Flash

-- Makinenizde yüklü olan flash’ın kimin üzerine register olduğu, serial numarası,versiyonu gibi bilgileri verir

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 Control  Play tekerleğinizin döndüğünü görürsünüz.

Control  Test 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 File  Export  Export 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: window “swf”si için tıklayınız.

 color 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

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 window  color 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 resim kullanabilirsiniz. Ç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 “Hit” “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

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 window  actions 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.

Window  Library 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 File  Inport 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 herhangi bir görüntü göremezsiniz. Eklediğiniz ses katmanlar kısmındaki frame’lerde görünür.

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.

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.

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.