Webmaster  Forumu

Geri git   Webmaster Forumu > Webmaster Teknoloji > Adobe > Flash

Cevapla
 
Seçenekler Stil
Alt 12-21-2010, 03:11 PM   #1
Maske
Webmaster
 
Maske - ait Kullanıcı Resmi (Avatar)
 
Üyelik tarihi: Dec 2010
Mesajlar: 4
Tecrübe Puanı: 0
Maske is on a distinguished road
Standart Macromedia Flash Player ( Kısaca Anlatım )


Tools Menüsü
1-Selection Tool: Nesneleri Tutmak ya da sahnede hareket ettirmek için Selection Tool kullanılabilir.

2-SubSelection Tool: Nesnelerin kontrol noktalarını göstermeye ve üzerinde değişiklik yapmaya imkan tanır.

3-Free Transform Tool: Nesnelerin boyutlarını ayarlamamızı sağlar. Seçildiğinde options menüsünde görünen çeşitli seçenekleri vardır.

4-Gradient Transform Tool: Sahnedeki dörtgenlerin renk tonlamasını yapmakta bize imkan sağlar.

5-Line Tool: Sahneye çizgi çizmeyi sağlayan araçtır. Çizdiği çizgileri Ctrl tuşuna basarak, mouse ile eğebiliriz.

6-Lasso Tool: Sahnedeki nesnelerde düzensiz seçim yapmayı sağlar.

7-Pen Tool: Hassaslığı kullanıcı tarafından ayarlanabilen çizgiler oluşturmada kullanılır.

8-Text Tool: Yazı ve yazı alanları oluşturur.

9-Oval Tool: Eliptik şekiller oluşturmaya olanak tanıyan araçtır.

10-Rectangle Tool: Dörtgensel şekiller oluşturmaya yarar. Üzerine basılı tutulup beklendiğinde, açılan sekmeden PolyStar Tool u seçerek, çokgenler oluşturabiliriz.

11-Pencil Tool: Serbest eğriler oluşturmaya yarar.

12-Brush Tool: Seçilen dolgu rengiyle boyama yapar. Seçildiğinde parametreleri options menüsünde çıkar,fırça şekil ve boyutları ayarlanabilir.

13-Ink Bottle Tool: Çizgilerin renk, kalınlık ve stil gibi özelliklerini değiştirmeyi sağlar.

14-Paint Bucket Tool: Kapalı eğrilerin içlerini dolgu rengiyle doldurmayı sağlar....

15-Eyedropper Tool: Sahnenin herhangi bir yerindeki rengi kullanmak üzere dolgu rengi olarak seçmeye yarar.

16-Eraser Tool: Sahnenin herhangi bir yerindeki çizimi silmeye yarar...

Flash Semboller
Çizim için gerekli olan dersleri öğrendiğimize göre artık sembol oluşturmaya başlayabiliriz. Yeni bir sembol oluşturmak için Insert > New Symbol yada CTRL+F8'e basarak symbol properties penceresini açalım. Çizeceğimiz tüm semboller kendi kütüphanemizde toplanacaktır. Kütüphanemizi açmak için Window > Library (CTRL+L) yapalım. Aslında direkt olarak kütüphanenin üstündeki Options kısmından da Symbol properties'i açabiliriz . Burada Name kısmına oluşturacağımız sembolün ismini yazalım ki sembollerimizin sayısı arttıkça karışmasın. Behavior kısmında üç adet seçeneğimiz var. Bunlardan birincisi Graphic, yani sadece bir frame'den oluşan bir sembol; ikincisi Button, yani düğme ki bu da dört frame'den oluşur; üçüncüsü ise Movie Clip, yani bir kaç frame'den oluşan bir animasyondur . Şimdilik birincisini ele alacağız. Graphic seçeneğini işaretleyip OK dediğimiz zaman, program bize boş bir çalışma alanı daha açacaktır.

Graphic Symbol
Çizim derslerinden öğrendiğimiz tekniklerle bir sembol oluşturalım. Sembolümüzü çizdikten sonra artık sahneye geçelim. Bunun için menü çubuğu ile timeline yani zaman ekseni arasında kalan Scene 1 yazılı yere tıklamanız yeterlidir. Yaptığınız sembol sahnede olmayacak çünkü sembol artık kütüphanenin malı oldu. Ancak istediğiniz zaman bu sembolu tutup çekerek sahneye atabilirsiniz. Eğer yanlışlıkla sahnede çizerseniz nesnenizi, onu sembole çevirmek için tümünü seçip F8 (Insert > Convert to Symbol)'e basın. Şimdi buraya kadar sadece bir frame'den oluşan bir sembol yaptık. Peki neden buna ihtiyaç duyduk? Çünkü yaptığımız sembolleri birden fazla yerde kullanmak istediğimizde animasyonumuzun boyutu artmayacaktır. En önemlisi sembollerin animasyon içinde yerini değiştirmek veya rengini değiştirmek isteyebiliriz. Bunu, Flash programının kendisi aniamasyon hazırlayarak yapabilir. Bunun için Tweening olayını öğrenelim hemen.

Motion Tweening
Yaptığımız sembollün, animasyon sırasında yerini değiştirmek veya rengini değiştirmek yada yoktan var etmek isteyebiliriz. Şimdi boş bir sahneye yaptığımız bir sembolü koyalım. Ve istiyoruz ki, sembol sahnede ilk frame'de görünmesin, 10 frame sonra bu sembolün yeri yavaş yavaş değişsin ve tam anlamıyla görünsün. İlk önce sembolün üzerinde sağ tıklayıp Propetiesi açalım. Açılan pencerede Color effect sekmesini tıklayalım. Burada aşağı düşen menüde sırası ile Brightness yani parlaklık, Tint yani renk değişimi, Alpha yani görünürlük ve Special yani renk ve görünürlüğü bir arada yapabilen seçenekler var. Biz bunlardan şimdi Alpha yani görünürlüğü kullanacağız. Alpha seçeneğini tıklayıp, kaydırma çubuğunu sıfır değerine getirelim ve OK deyip çıkalım. Şimdi sembolümüz sahnede görünmeyecektir. Timeline yani zaman ekseni üzerinde 10. frame üzerinde sağ tıklayıp Insert Keyframe diyelim. Sahnedeki sembolümüz seçili olacak ve hala görünmeyecektir. Şimdi de sembolün yerini değiştirip alpha'sını 100 yapalım. Sembolümüzü artık görebiliyoruz. Zaman ekseninde 1. ile 10. keyframe'ler arasında herhangi bir frame'e sağ tıklayıp properties'e girelim. Açılan pencerede Tweening sekmesini seçelim. Ordanda Motion seçeneğini seçelim.

Tween Animasyonları
ENTER'a basarak animasyonu seyredebilirsiniz. Eğer bu hareket etme sırasında sembolünüz bir yada bir kaç kez dönsün siterseniz, ok işaretinin olduğu frame'lerden herhangi birine sağ tıklayarak yukarıda açtığımız tweening penceresindeki Rotate seçeneğini clockwise (saat yönünde) veya counterclockwise (saatin tersi yönünde) olarak işaretleyip hemen yanındaki kutucuğa da kaç kez dönmesi gerektiğini belirtelim. Animasyon hareketleri yavaştan hızlıya doğru olsun derseniz, Easing kaydırma çubuğunu In'e yakın tutun. Tersi için Out'a yakın tutun. Eğer sembolünüzün boyutunu değiştirdiyseniz ve her frame'de değişikliği görmek isterseniz Tween scaling kutusunu işaretleyin. Animasyonu beğendiniz ama sembolün takip ettiği yolu siz belirlemek istiyorsunuz. Öyleyse şimdi sırada Guide dersi var.
Add Motion Guide
Yani rehber katmanı. Yukarıda yaptığımız animasyon duruyordur umarım. Şimdi buna kavisli bir yol çizerek bu yolu takip etmesini söyleyeceğiz. Layerlerin altında bulunan işretlerden soldan ikincisine tıklayarak yada Layer 1 yazısının üstünde sağ tıklayıp Add Motion Guide diyerek Guide Layerimizi açalım. Şimdi bu Guide Layer seçili iken yapacağımız çizimler animasyonda görünmeyecektir. Ve yanında hangi layerin adı yazıyorsa ona sadece yol gösterecektir. Alet kutusundan kalemi alıp kavisli bir yol çizelim. Daha sonra bu yolun tamamını seçip Modifier yada menüdeki Smooth düğmesine basarak yolu yumuşatalım. Daha yumuşamasını istiyorsanız Smooth düğmesine basmaya devam edin. Şimdi de Snap düğmesine basıp Layer 1'deki 1. frame tıklayalım. Sembolü alıp (merkezinden yakalamanız lazım) yolun başlangıcına yapıştıralım (yapışması için Snap seçili olması lazım). Son frame'e gidip sembolü yolun sonuna yapıştıralım. Ve CTRL+ENTER yapalım ki rehber yol görünmeden animasyonu izleyelim.

Shape Tweening
Bu metodla da sembol olmayan şekil yada şekil gruplarını başka şekil yada şekil gruplarına dönüştürürüz. Eğer bu şekillerin içinde yazı karakterleri var ise bu karakterleri Modify > Break Apart (CTRL+B) veya bir grup sembolü dönüştürmek istiyorsak Modify > Ungroup (CTRL+SHIFT+G) yapmamız gerekir. Aynı şekilde Motion Tweening yapmak içinde hepsini bir adet sembole dönüştürmemiz gerekir. Demek ki Motion Tween sadece bir sembolle yapılabilir. Shape Tween teknolojisini kullanmak için nesnelerin kesinlikle sembol olmamaları lazımdır. Aynı zamanda birden fazla şekil üzerinde oynayabiliriz. Şimdi sahnede bir kare çizin ve 10. frame'e bir keyframe yerleştirelim. Sahnede seçili olan kareyi silip bir daire çizelim. Ve yine arada kalan frame'lerden herhangi birine sağ tıklayarak properties'i açın. Tween sekmesindeki seçeneklerden bu sefer Shape seçeneğine basın. Hemen karşımıza gelen ekrandakileri açıklayalım. Blend Type, yani karıştırma tipi; Distributive yani dağıtarak, Angular yani açısal. Distributive ara şekilleri daha yumuşak fakat daha daha düzensiz hesaplar. Angular ise çizgi açılarını ve köşeleri daha sabit tutarak hesaplar. Köşeli nesneleri "angular" blend ile yapmanız tavsiye edilir. Easing'i zaten biliyorsunuz. Seçiminizi yaptıktan sonra basın CTRL+ENTER'a basın ve seyredin animasyonunuzu. Eğer şekilleriniz çok karmaşıksa animasyon çok bozuk çıkacaktır. Bunun önüne geçmek için 1. frame gelin ve Modify > Transform > Add Shape Hints yapın. Bu size animasyonunuzun bir köşesine yerleştirmeniz için, içinde bir harf olan ve daireden oluşan bir ipucu verecektir. CTRL+H'ye basarak ipuçlarını çoğaltın ve herbirini bir köşeye yerleştirin. Ardından son frame'e gidin ve hangi köşenin nerde olmasını istiyorsanız o harfi oraya koyun. Sırası ile tüm harfleri yerleştirin. Eğer bunu yaparken zorlanıyorsanız zaman ekseninin altındaki Onion Skin düğmelerine basarak tüm frame'leri üstüste görebilirsiniz.

Flash Katmanlar

Layer
Flash'ın kafa karıştıran sebeplerinden biride objelerin üst üste gelebilmesi, üstelik bütün bunların birde aynı zamana bağlı olarak frame'lerle değişmesi. Flash'ın genel kuralı, hareket ettirmeyi planladığınız her nesneyi ayrı bir layere yerleştirmek. Böylece tweening işlemleri daha doğru yapılabilir. Ayrıca ayrı katmanlara koyduğunuz objeler birbirine karışmıyor (aynı katmanda iki objeyi üst üste koyduğunuz zaman birleşiyorlar). Yeni bir layer yaratmak için, varolan layerin menüsünü açıp ( layer isminin yanındaki minik ikona tıklayarak) ınsert layer'ı seçin. Yada Insert > Layer komutunu kullanın.Layer'lerın altında bulunan en soldaki düğme de yeni bir layer ekler. Yeni layerin üstüne çift tıklayıp ismini değiştirin. Flash Photoshop gibi değildir. Her layerin ne içerdiğini göstermiyor ve keşfetmek için layerleri gizleyip yeniden gösterme işlemini yapmaya kalkışırsanız bir klikle kurtulamıyorsunuz. Bu yüzden kullandığınız her layere içerdiği nesne hakkında bir isim vermeniz size daha kolaylık sağlayacaktır.Bir Layerin özelliklerini görmek veya değiştirmek için, üzerinde sağ tıklayıp properties'ine girmek lazımdır. Burada Name kısmına layerin ismi yazılır. Show seçeneği layeri sahnede gizler. Bu işi layer'ların olduğu bölümün üstündeki göz ikonu da yapar. Lock seçeneği sahnedeki nesneyi kilitleyerek müdahele etmenize engel olur. Type yani layer'in tipi bu seçeneklerle belli olur. Animasyonu yaparken dikkat edeceğiniz bir konuda hangi layer'in üstte hangisinin altta olacağıdır. Çünkü nesnelerimiz buna göre birbirinin üstüne gelecektir. Herhangi bir layer'i alta almak veya üste taşımak için tutup çekmeniz yeterlidir. Bir layer'in üstüne iki kez tıklarsanız ismini değiştirebilirsiniz.

Guide Layer
Motion Tween dersini anlatırken dedik ki hareket eden nesnelerimize istediğimiz yoldan gitmesini sağlayabiliriz. Bunu da hangi layer'a yol göstermek istiyorsak o layer aktifken Add Guide Layer düğmesine basarak yapabileceğimizi anlattık. Ve bu layer aslında sadece bir yol çiziyor, animasyonda görünmüyordu. Eğer nesnelerimiz karmakarışık ortamlarda yer değiştiriyor ise bunlara bir rehber lazım ise işte o rehber Guide layer'dır. Yani aslında hiç bir işlevi olmayan sadece Grid'ler gibi fonda duran bir layer'dır. Ancak ileri derslerde göreceğimiz Actions menüsünden bir aksiyon verebiliriz.

Mask Layer
Karanlık bir oda düşünün. Bu odadaki bir tabloya bir fener tuttunuz ve sadece fenerin aydınlattığı yeri görebiliyorsunuz. Bu tür bir animasyon için üç tane layer olacak. Biri, karanlık odayı tasvir eden bir layer. Diğeri, el feneriniz. Sonuncusu ise fenerin aydınlattığı yeri gösteren bir layer. Şimdi ilk önce iki layer oluşturalım. Üsttekine sağ tıklayıp Mask seçeneğini işaretliyelim. Üstteki layer'ın ikonu aşağı doğru bir ok iken alttakinin ikonu sağ tarafı gösteren bir ok oldu. Sonra yine bir layer yapalım ve onu da en alta sürükleyerek atalım. Şimdi en alttaki layerimiz karanlık oda. Ortadaki fenerin aydınlattığı yerler. En üstteki ise fenerimiz oldu. En üstteki layer'i aktif yapıp 1. frame'e bir daire çizelim. Bu daireyi isteğimize göre Shape tween'lerle hareket ettirelim. Daha sonra alttaki layer'a herhangi bir fotoğraf koyalım. En alttaki layer'a tüm sahneyi kaplayacak, siyah bir dörtgen çizelim. Şimdi alttaki iki layer bir frame'den oluştu. Bunları, üstteki layer'in son frame'ine kadar uzatalım. Bunu, CTRL tuşuna basarak, fare ile tuttuğunuz frame'i istediğiniz kadar uzatabilirsiniz. ( yada Insert Keyframe). CTRL+ENTER yapıp izleyelim.

Konu Maske tarafından (12-21-2010 Saat 03:16 PM ) değiştirilmiştir. Sebep: düzenleme
Maske isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Cevapla


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı

Hizli Erisim


WEZ Format +3. Şuan Saat: 02:17 AM.


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
webmaster