Link:INB Home|INB English| INB русский язык|INB العربية|INB Türkiye|INB فارسی|INB Español|INB Français|INB Português|INB 國語|INB 中文|INB 日本语|INB 한국어|INB tiếng Việt Flash Dersleri Shape Tweening
INB forum
[Açık kayıt doğrulamak gerek yok!]Hoşgeldiniz! inbforum.COM Internet No Boundaries Forum, Burada dünyanın tartışmalar etrafında arkadaşlarınızla tartışabilirsiniz gelin ve bize katılın! Daimi ismi: tr-inbforum.forumotion.com
INB forum
[Açık kayıt doğrulamak gerek yok!]Hoşgeldiniz! inbforum.COM Internet No Boundaries Forum, Burada dünyanın tartışmalar etrafında arkadaşlarınızla tartışabilirsiniz gelin ve bize katılın! Daimi ismi: tr-inbforum.forumotion.com
INB forum

Hoşgeldiniz! inbforum.COM Internet No Boundaries Forum, Burada dünyanın tartışmalar etrafında arkadaşlarınızla tartışabilirsiniz gelin ve bize katılın! Daimi ismi: tr-inbforum.forumotion.com


You are not connected. Please login or register

《《《《《《《上一页INBforum   Go down

上一页INBforum》》》》》》》View previous topic View next topic Go down  Message [Page 1 of 1]

1Flash Dersleri Shape Tweening Empty Flash Dersleri Shape Tweening Thu Nov 04, 2010 9:31 pm


Şekil tweeni; döndürme, ölçekleme , eğme gibi dönüşüm işlemlerini kullanarak elde edemediğimiz değişimleri interpole etme tekniğidir. Bu tween işleminin birkaç özelliğinden bahsetmek gereklidir.

1- Şekil tweeni sembollere uygulanmaz. Elimizde sembol varsa Break Apart(CTRL+B) komutu ile kırılmalıdır.
2- Şekil tweenlerinde klavuz katman kullanılmaz.
3- Bir katmanda birden fazla şekil tweeni uygulanabilir. Fakat hareketleri sırasında çakışma gösterirlerse Flash tween işlemini karıştırabilir. Bu nedenle ayrı katman kullanmakta yarar vardır. Ek katman dosya boyutunu arttırmayacağından uygun olan da budur.
Daire şeklinin bir kareye dönüştüğü animasyonu yaptığımızı varsayalım. Bunun için önce 1.frame seçilip oval aracı ile (araç kutusundaki stroke color kısmını kapatıp) bir daire çizin. Sonra 20.frame`e bir keyframe (F6) atayın. Sahnedeki daireyi silin ve bir kare çizin. 1.frame üzerine tıklayıp,properties paneline dönün. Burada tween kısmından tween şekli olarak shape`ı seçin. Animasyon tamamdır. Şayet daire ve kare şekillerini tam üst üste getirmezseniz animasyonunuz da kötü bir görünüm ortaya çıkacaktır. Onion skin ve onion all seçenekleri ile tüm frameleri sahneye getirin. Kayma varsa aşağıdaki gibi bir görünüm çıkar.



[You must be registered and logged in to see this image.]

Bu durumda kareyi mouse ile tutarak dairenin tam ortasına getirmek gereklidir. Bunun için pratik başka bir yol daha vardır. Her çizilen şekili önce seçin, sağ klik ile Cut komutunu verin. Tekrar Sağ klik > Paste komutunu verdiğinizde flash bunu daima tam merkeze yapıştıracaktır. Böylece "üst üste geldi mi" sorunu hallolmuş olur.
Şimdi properties panelinde shape tween uygulamasının parametrelerine bakalım.
Easing`den motion tweende bahsedilmişti. Blend seçeneğindeki Angular parametresi dönüşüm sırasında keskin köşe ve düz kenarları korumak için kullanılır. Daha yumuşak bir dönüşüm için ise Distributive parametresi seçilmelidir.
Flash bir şekil tweeninde en kısa ve kolay yol hangisi ise onu tercih eder. Bu herzaman iyi sonuç vermez. Flasha bu konuda yardımcı olmak için "Shape Hints" komutunu kullanmak gereklidir.
Shape Hints (Şekil İpuçları) nasıl kullanılır?
1- Yukarıda anlatılan yöntemle animasyonu oluşturun. Animasyon tamamlanmadan şekil ipuçları aktifleşmez. Timelineda şu görüntü oluşturulmuş olmalıdır:

[You must be registered and logged in to see this image.]
2- Animasyon tamamsa birinci şekili seçip menüden Modify > Shape> Add Shape Hints (CTRL+Shift+H) komutunu verin. Şeklinizin içinde kırmızı bir daire için de bir harf göreceksiniz.
Bunu mouse ile tutarak değişmenin başlayacağı bir kenara yerleştirin.Bu işlemi birkaç kez uygulayın.Snap modifier mutlaka açık olmalıdır.
3- Şimdi son frame`i seçin. Kırmızı daireyi ikinci şekildeki dönüşümün tamamlanmasını istediğiniz kenara getirin. İşlemi uygun yapmışsanız renk hemen yeşile dönecektir. İlk framedeki karşılığı ise sarıya döner.
Şekilde gördüğünüz gibi g ve h ipuçları dönüşümünü tamamlamıştır.
4- İyi bir animasyon için ipuçları sayısını arttırın.
Kurallar
1- İpuçları daima şeklin kenar ve köşelerine yerleştirilir. Dolgu kısmındaki ipuçları gözardı edilir.
2- İpuçlarını saat yönünde veya ters yönde yerleştirirseniz flashın bunu anlaması daha kolay olur.
3- En fazla 26 ipucu kullanabilirsiniz.
4- Bir şekil ipucunu silmek için mouse ile tutarak sahne dışına sürükleyin.
5- Tüm şekil ipuçlarını silmek için Modify > Shape> Remote All Hints komutunu uygulayın.
6- Şekil ipucları yerleştirilmiş bir animasyonda tüm frameleri seçip kopyalayarak başka bir sahneye yerleştirdiğinizde ipuçlarının taşınamadığını göreceksiniz. Bu nedenle ipuçlarını yeniden hazırlamanız gerekecektir.
7- Şekil ipuçları ile hazırladığınız bir animasyonun ipuçları olmadan nasıl çalıştığını görmeyi düşünüyorsanız: View > Show Shape Hints komutundaki işareti kaldırın.
Uygulamalar:

[You must be registered and logged in to see this image.] Örnek 1 Görünüm ve Açıklamalar [You must be registered and logged in to see this image.] Download


<BLOCKQUOTE>
Aynı şekilde hazırlanmış iki şekil tween örneği. İlkinde şekil ipuçları kullanılmış, diğerinde ise herşey flasha bırakılmıştır. Dönüşüm sırasında ikinci animasyonda gördüğünüz gibi flash gereksiz değişim hareketleri göstermektedir. Şekil ipuçlarının faydasını görme açısından iyi bir örnek.
</BLOCKQUOTE>
[You must be registered and logged in to see this image.] Örnek 2 Görünüm ve Açıklamalar [You must be registered and logged in to see this image.] Download

<BLOCKQUOTE>
Birden fazla katman kullanılarak yapılan tween örneği ile tek katmanla yapılan aynı örneğin arasında ki farka dikkat edin. 2.animasyonda F harfinin D harfine dönüşümü sırasında harfin ortasındaki beyaz delik ayrı bir katmana alınarak ikinci bir tween uygulanmıştır. Bileşik tween ile ne kadar iyi bir sonuç alındığını görüyorsunuz.
</BLOCKQUOTE>
[You must be registered and logged in to see this image.] Örnek 3 Görünüm ve Açıklamalar [You must be registered and logged in to see this image.] Download


<BLOCKQUOTE>
İlerleyen bir çizgi animasyonu. Olduktça basit hazırlanmakla birlikte yaratıcılık gücünüze bağlı olarak hoş etkiler elde edebilirsiniz.
</BLOCKQUOTE>
[You must be registered and logged in to see this image.] Örnek 4 Görünüm ve Açıklamalar [You must be registered and logged in to see this image.] Download


<BLOCKQUOTE>
Motion ve shape tweening işlemlerinin aynı animasyonda kullanılma sına bir örnek. Bu örnekte bazı pratik bilgileri de öğreneceksiniz.
</BLOCKQUOTE>
]

上一页INBforum   Go down

上一页INBforumView previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum

Copyright ©2009-2010 LTD Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

IT:SINGLESERVGoogle谷歌翻译TranslateFORUMSOFTLAYERGoogle谷歌广告联盟AdSenseAsia

 

Create a forum on Forumotion | ©phpBB | Free forum support | Report an abuse | Forumotion.com