Ali Emre Blog

Özellikle kalabalık menü yapımlarında başvurduğumuz açılır menü uygulamasını flash ile bir çok yoldan yapabilirsiniz. İşte size örnek uygulamalardan bir tanesi…
Yukarıda resmini gördüğünüz açılır menüyü yapmak için öncelikle bir movie clip oluşturun.Oluşurduğunuz movie clip aşağıdaki resimde olduğu gibi 3 ayrı bölümden oluşmalıdır. up/over/out bölümleri açılır menünün 3 durumunu belirtmektedir. Normalde gözüken hali (up), üzerine gelince gözüken hali (over) ve üzerinden çıkınca gözüken hali (out)…

Movie clip bu şekilde hazırlandıktan sonra actions katmanındaki 1. anahtar kareye aşağıdaki kodu ekleyin.

var menu:Boolean = false; 

var durum:String = “kapali”; 


onEnterFrame = function(){ 

	if(menu && durum == “kapali”){ 

		durum = “acik”; 

		gotoAndPlay(”over”); 

	} 

	if(!menu && durum == “acik”){ 

		durum = “kapali”; 

		gotoAndPlay(”out”); 

	} 

} 

stop();

Daha sonra 14. anahtar kareye yani menümüzün üzerine gelince gözüken halinin son karesine aşağıdaki kodu ekleyin.

durum = “acik”; 

stop();

DERS–1

Motion Tween kavramı Düzgün Doğrusal Hareket

1 . File – New

2 . Timeline da 1. kareye araç kutusundan oval aracı seçilerek sahneye bir daire çizilir.

3 . Seçim aracı ile bu daire seçilerek Insert - Convert To Symbol bileşeni kullanılarak sembol tipini Graphics olarak belirlenir.

4 . Timeline da 25. kare alanına tıklanarak F6 ile bir anahtar kare eklenir.

5 . Bu 25. karede dairenin konumu değiştirilir.

6 . 1. kare ile 25. kare alanları arasında herhangi bir kareye tıklayarak Properties penceresinden Tween alanını Motion yapılır.

7 . CTRL+ENTER

DERS–2

Flash’ın Temelleri

Uygulamanın kurulması, yeni bir dökümanın yaratılması, dökümanların kapatılması ve dosyaların kaydedilmesi için kullanılan yöntemler standarttır. Flash’ı cd’den kurmak için, kurulum yazılımı gereken tüm adımlar sırasında kılavuzluk eder. Flash’ı çalıştırmak için, Flash simgesine çift tıklamak yeterlidir. Yeni bir doküman yaratmak için, File menüsünden New seçeneği seçilir. Mevcut bir dökümanı açmak için, File menüsünden Open seçilir, açılmak istenen dosya seçilir ve Open tıklanır. Dökümandaki değişiklikleri kaydetmek için, File menüsünden Save seçilir. Çalışılan dosyayı kapatmak için, File menüsünden Close seçilir. Eğer son değişiklikler kaydedilmemişse uyarı kutusu gelir ve iteğe göre onaylanır.Sürekli olarak bir Flash dökümanı tipi üzerinde çalışılacaksa (örneğin belirli bir boyda ve aynı zeminde ya da aynı öğelere sahip bir doküman yaratılacaksa) bu temel doküman bir şablon olarak kaydedilebilir. Bunun için, doküman aç.ılır, File menüsünden Save As Template seçilir. (Save As Template komutu, Flash dökümanlarını tekrar kullanmak üzere kaydetmeyi sağlar. Şablonlar özel kategorilerde kaydedilebilir, onlara isim ve açıklama verilebilir).

DERS–3

Animasyonlu Düğme Oluşturma

1 . File - New

2 . Properties alanından arka plan yeşil ayarlanır.

3 . Timeline de yeni layer eklenir ve iki layer olmuş olur.

4 . İlk layer de çiçeğin koyulacağı bahçe şekli oluşturulur. Bunun için araç kutusundan fırça seçilir ve dolgu rengi değiştirilerek sahneye şekiller çizilir.

5 . Diğer layerde fırça yardımıyla çiçek çizilir. Seçim aracı ile seçilerek Insert – Convert to Symbol ile Buton özelliği verilir.

6 . Çiçek üzerinde çift tıklanır ve açılan pencerede Up kısmında F6 ile anahtar kare eklenir. Over kısmında da F6 ile anahtar kare eklenir ve çiçeğin boyutu ve Alpha özelliği değiştirilir.

7 . Yine Over karesindeyken Text aracı ile çiçeğin yanına bir yazı yazılır.

8 . CTRL+ENTER

- Shape Tween kullanarak bir “daire”yi animasyonlu bir şekilde “kutu” haline çevirmek

* Shape tween nedir?
- Genellikle nesneleri birbirine dönüştürmede kullanımı tercih edilir.

Şimdi araçlar panelimizden “rectangle tools” bölümünden oval tool’u seçerek 1. framemizin sahnesine bir tane daire çizelim.

Dairemizi çizdikten sonra “timeline” da 20. frame üzerine gelelim ve bir “F6″ tuşuna basalım, “ya da dilerseniz 20. frame üzerine gelip sağ tıkladığınızda “Insert to keyframe” göreceksiniz bu da aynı işlevi görmektedir.”

F6 tuşuna bastıktan sonra 20. frame’de ki sahnemizde bulunan dairemizi silelim ve onun ortalama 3 cm uzağına bir tane “rectangle tools yardımı ile” kutu çizelim.

Kutumuzu da çizdikten sonra 10. frame’e gelelim ve eğer FLASH CS3 kullanıyorsanız sağ tıklayım Create shape tween seçeneğini tıklayalım, şayet flash6 kullanıyorsanız aşağıda “Properties” bölümünde “Tween” seçeneğinden “Shape” olanı seçelim

Eğer tüm bunları doğru yapmışsanız, timeline’daki 1. ve 20. frame’mimizin ortasında yeşilimsi bir efekt olacaktır. Bu işlemi başarı ile yaptığınızın göstergesidir.

” CTRL+Enter” (Control > Test Movie) ile çalışmanızı görebilirsiniz.

DERS–4

Shape Kavramı Şekil Değişikliği

1 . File - New

2 . Timeline da 1. kareyi seçerek araç kutusundan dikdörtgen (Rectangle Tool) çizim aracıyla beraber sahneye bir tane dikdörtgen çizilir (kenar çizgisi çizilmez)

3 . Timeline da 20. karede F7 (Insert Blank Keyframe) ye basılır. Bu işlemle beraber 20. kareye boş bir anahtar kare eklenmiş olur.

4 . Bu karedeyken sahneye oval aracı ile bir daire çizilir. Dolgu rengi farklı bir renk seçilebilir.

5 . Timeline da 1. ile 20. kare arasında bir kareye tıklayarak Properties den Tween alanı Shape seçilir.

6 . CTRL+ENTER

 Animasyonu Test Etmek

Bir flash dosyasını web üzerinden paylaşmanın en iyi yolu dosyayı Flash Player’ın görüntüleyebileceği bir formatta yayınlamaktır. Dosyanızı web’e göndermeden önce test etmeli ve istediğiniz gibi göründüğünden emin olmalısınız.

Yaptığınız bir animasyonu test etmek için Ctrl + Enter tuş kombinasyonunu kullanabilrsiniz.

Bununla birlikte test ekranı açılır ve projeniz swf’ye çevrilmiş bir şekilde Flash Player ile görüntülenir.

 Çoklu Belgeler Arasında Geçiş 

Birden fazla belge açtığınızda, belgenin üst sol köşesinde belge isimlerini ve bunların tablarını görürsünüz. Bu tablara tıklayarak belgeler arasında geçiş yapabilmeniz mümkündür. Tablar, belge, tam ekran moduna getirildiğinde görüntülenmektedir.

Standart olarak son açılan belge, en son tabta bulunur. Sürükle bırak yöntemiyle bu tabların yerlerini değiştirebilirsiniz.

Sahnenizdeki herhangi bir nesneyi gizleyebilirsiniz. Gizlenen obje aslında vardır fakat görünmez olmaktadır. Objelerin gizlenmesi, render zamanını kısaltmaktadır.

Bir veya birden fazla objeyi gizleyebilirsiniz. Bunun için, gizlemek istediğiniz obje seçili iken, üzerinde Sağ Klik > Hide Selection seçeneğini seçmelisiniz.

Hide Unselected: Seçili olmayan objelerin gizlenmesi söz konusudur.
Unhide All: Görünmez olan tüm objelerin görünebilmesini sağlar.
Unhide by Name: Gizli olan objeler arasından seçim yaparak, objenin görünürlüğünü sağlamak için kullanılır.

Modellenen nesnelere yeni ve farklı görünümler vermek için bu modifierler kullanılır.

Bir objeye istediğiniz kadar modifier ekleyebilirsiniz.

Objeye uygulanmış bir modifieri sildiğinizde, modifierin obje üzerindeki etkiside ortadan kalkacaktır.

Modifier uygulanacak objenin segment sayısnın çokluğu ile modifier kalitesi doğru orantılıdır. Objede ne kadar çok segment varsa, modifier uygulandığından o derecede pürüzsüz olur. (Buna render süresinin artmasına neden olacaktır.)

Bir objeye modifier eklemek için öncelikle objeyi seçin ve modifier panelinde istediğiniz modifieri ekleyin.

1. Sahnemize bir Plane atıyoruz. ( Standart Primitives > Plane ). Segment Sayılarını arttırıyoruz ne kadar çok arttırırsak görüntü kalitesi o kadar artar.

2. Şimdi ise Modify > Noise Değiştiricisini Seçiyoruz ve aşşağıdaki ayarları veriyoruz. Bu Yükselti oluşumunu sağlayacaktır.

3. Modify > MeshSmooth Değiştiricisini seçiyoruz ve Aşağıdaki ayarları veriyoruz. Bu belli miktarda düzgünlük sağlayacaktır.Keskin cizgileri yumuşatacaktır.

3. Gökyüzü için 8 tuşuna Basıyoruz ve karşımıza Environment and Effect bölümü açılıyor. Environment Map yazısının altındaki üzerinde “None” yazan kutucuğa tıklıyoruz ve karşımıza çıkacak olan pencereden Bitmap i seciyoruz ve kendi bilgisayarımızın içinde bulunan bir gökyüzü resmi atıyoruz.

4. Render Aldıktan Sonraki Sonraki Bu Şekilde Bir Görünüm Oluşmalıdır.

İlk önce;
Arrange > Transformations > Size tıklıyoruz. Penceremizin sağ köşesinde Transformation menüsü çıkmakta.

Şimdi ,kare çizim aracını kullanarak uzun bir dikdörtgen çizelim ve Transformation menüsünde Size kısmından aşağıdaki resimde verilen değerleri verin ve “Apply” tıklayın.

Tekrar küçük bir kare çiziyoruz ve alttaki resimdeki değerleri veriyoruz.

Şeklimizin değerlerini verdikten sonra seçili hale getiriyoruz,Toolbox kısmında üstten ikinci sırada bulunan ’shape tool’u tıklıyoruz ve shift i basılı tutarak şeklimizin bir köşesinden ileri itip yuvarlıyoruz,otomatik olarak diğer kenarlarda yuvarlanıyor.

Daha sonra şeklimizi çizdiğimiz büyük dikdörtgenin kenarına yerleştiriyoruz,alttaki resimde de görüldüğü gibi

Transformation menüsünden Position kısmını(menüdeki ilk işaret,artı şeklindeki),seçiyoruz ve alttaki resimde ki değerleri girip ” Apply To Duplicate” tıklıyoruz ve eşit aralıklarla şeklimizi alt alta çoğaltıyor.

Apply To Duplicate” e dikdörtgenin sona kadar basmayı sürdürüyoruz.Resimdeki gibi çalışmamız olmakta.

NOTosition ‘da eğer sol ve alt taraflara çoğaltma yapacaksak verdiğimiz değerin başına -(eksi) koyuyoruz.

Çoğaltığımız küçük şekilleri hepsini grup yapıp(Ctrl+g) ,dikdörtgenimizin diğer köşesine kopyalıyoruz.Kopyaladıktan sonra film şeridimizin ortadaki kare alanlarını yapıyoruz.Kare çiziyoruz.Ve “Size” kısmından karemize resimdeki değerleri giriyoruz.

Şeklimizin değerlerini verdikten sonra Position dan alttaki resimde ki değerleri girip ” Apply To Duplicate” tıklıyoruz,şeklimiz dikdörtgenin sonuna kadar kopyalanana kadar basıyoruz.

Film şeridimizin çizimi bittikten sonra renklerini ayarlıyorsunuz,ister siyah isterseniz koyu kahverengi kullanabilirsiniz

Ortadaki karelere isterseniz resim ekleyebilirsiniz.Resim eklemek içinde;

“İmport” tan sayfamıza kullanacağımız resimleri alıyoruz.Kareye koyacağımız resmimizi seçili hale getirdikten sonra Effects > Power Clip > Place Inside Container tıklıyoruz ve çıkan oku koyacağımız karenin köşesine tıklıyoruz.Koyacağınız bütün resimleri böyle yerleştirdikten sonra film şeridiniz hazır (İsterseniz,film şeridimizi resimle birlikte grup yapıp,Rotation’u kullanarak yan çevirin).

SONUÇ;

Öncelikle bu adrese geldiğiniz için size teşekkür ederim.Adım kadar eminim ki geldiğinize pişman olmayacaksınız.En güzel ve en iyi grafik dersleri yakında hizmetinize sunulacaktır…..