- Katılım
- 20 Haz 2009
- Konular
- 3,801
- Mesajlar
- 17,721
- Çözüm
- 15
- Online süresi
- 2mo 12d
- Reaksiyon Skoru
- 2,606
- Altın Konu
- 0
- TM Yaşı
- 16 Yıl 11 Ay 23 Gün
- Başarım Puanı
- 444
- MmoLira
- -2,369
- DevLira
- 0
ROHAN2 WORLD 1-120 TR TİPİ OFFICIAL YOHARA, BALATHOR VE AMON! 80. GÜNÜNDE! +10.000 ONLİNE! HİLE VE BOT %100 ENGELLİ HEMEN TIKLA!
Bir Yol Boyunca Animasyon Oluşturmak
Daha önce bir motion tween uyguladığınızda sembolünüz bir noktadan diğerine düz bir çizgi üzerinde gidiyordu. Bu çoğu iş için yeterlidir fakat bazen de animasyonun dalgalı çizgi gibi daha karmaşık bir yol izlemesini isteyebilirsiniz (sarhoş bir arı animasyonu yaptığınızı düşünün). Bunu motion guide katmanında bir motion guide (hareket kılavuzu) kullanarak çok çabuk ve kolay bir şekilde halledebilirsiniz. Bu özel katmanda Pencil, Pen ya da Line araçlarıyla çizgiyi çizebilir ve motion guide altındaki katmandan bir sembolü bu çizginin iki ucundan birine iliştirebilirsiniz. Bu yolun motion guide katmanında olması gerekir, burada yaptığınız çizimler Flash dosyası tamamlandığında görünmeyecektir. Hareket kılavuzları ile nesneleri çember, kare, düz çizgi, eğri ve çizebildiğiniz her türlü yol üzerinde hareketlendirebilirsiniz (şekliniz bir kenar çizgisi yani bir stroke olduğu sürece). Bu son uygulamamızda, 2. derste hazırladığınız map.fla dosyasında birtakım değişiklikler yapacağız. Hareket kılavuzu kullanarak küçük bir sembolü harita üzerinde gezdireceğiz.
1.
Bu dosyanın ikinci dersimizde çalıştığımız dosyaya benzediğini göreceksiniz. Tek fark bu yeni dosyanın kütüphanedeki iki grafiği kullanıyor olması. Tüm katmanlar ve konumlamalar aynı. Uygulamanın sonunda dosyayı map.fla adıyla kaydedeceğiz. Böyle bu dosya ikinci derste oluşturduğumuz dosyanın yerini alacak.
2. map katmanını seçin ve car adlı yeni bir katman ekleyin. Kütüphaneyi açın ve grafik klasöründe grCar ve grTree`yi bulun. grCar`ı car katmanına, grTree`yi de map katmanına sürükleyin.
Kütüphanedeki grCar sembolünü animasyonumuz için kullanacağız. grTree sembolü Stage`de statik bir grafik olacak. İşe başlamadan önce map katmanının kilidini açın.
grCar`ı Stage`in solundaki Brannan Street`e yerleştirin. Ağacı haritanın sağındaki Macromedia Park`ın sağ alt köşesine koyun. Aşağıdaki şekilden faydalanabilirsiniz.
3. Yeni bir motion guide katmanı oluşturun ve Stage`de bir yol çizin.
map katmanının kilitli olduğundan emin olun. car katmanını seçin ve Insert New Layer düğmesinin yanındaki Add Motion Guide düğmesine tıklayın. car katmanı otomatik olarak içeri alınır ve hareket kılavuzu uygulanır. Bu aynı 2. derste gördüğümüz maske katmanı gibidir. Yeni katmana otomatik olarak Guide: car adı verilir ve car katmanının üzerinde yer alır.
Pencil aracını seçin ve Merge Drawing modelini kullandığınızdan emin olun. Hareket kılavuzu çizmek için Object Drawing modelini kullanamazsınız çünkü teknik olarak grafik gruplanmış olur ve çizdiğiniz yol sembolünüz tarafından kullanılamaz. Tools panelinin Options bölümünden Smooth seçeneğini de seçin.
Smooth seçeneği ile fazla kırıklı olmayan çizgiler çizebilirsiniz ama isterseniz yolunuza birkaç “tümsek“ eklemenize de izin verir. Artık arabamız cetvel gibi bir çizgide gitmek zorunda değil! Eğer yolunuzun çok akıcı olduğunu düşünüyorsanız, Smooth yerine Ink seçeneğini seçin ve yolu baştan çizin. Böylece bir ölçüye kadar yumuşatma olsa da kenar çizgileriniz hiç değiştirilmez.
İpucu: Çizimden önce diğer katmanları kilitleyerek kazara onlara çizim yapılmasını önleyin.
Yeni Guide: car katmanı üzerine Pencil aracı ile bir yol çizin. Yol Stage`in solundaki Brannan Street`ten sağdaki ağacın yanına gidecek. Arabanın ağaca “çarpmasını“ istediğimizden yolu ağacın gövdesinde bitirin. Yolunuz caddeyi takip etmeli ve “We Are Here“ yıldızından dönerek yolun sonundaki ağaca yönelmeli. Yola birkaç kıvrım ve tümsek ekleyin. Yol ağaca ulaştığında çizgiyi aşağıdaki şekildeki gibi yukarı bükün.
Çizim bitince motion guide katmanını (Guide: car) kilitleyin.
4. car katmanında kare 70`e bir anahtar kare ekleyin. motion guide, map star ve map katmanlarında da kare 70`e kareler ekleyin. grCar`ı yolun her iki ucuna kenetleyin.
car katmanını seçin ve 70`teki boş kareyi seçip F6 tuşuna basarak yeni bir anahtar kare ekleyin. Sonra map katmanında 70. kareyi seçin ve F5`e basarak bir kare ekleyin. Aynı adımı motion guide ve map star katmanları için tekrarlayın.
Tools panelinden Selection aracını seçin ve Snap to Objects`in açık olduğundan emin olun. car katmanında 1. karede grCar`ı tutarak Stage`in soluna, yolun bitimine sürükleyin. Nesneyi merkezinden tutarak taşımanız daha kolay olabilir.
car katmanında kare 70`e tıklayın ve grCar`ı ortasındaki kayıt noktasından tutarak yolun sonuna iliştirin.
5. car katmanında 1. kareyi seçin ve Properties denetçisinden bir motion tween ekleyin.
car katmanında kare 1`i seçin ve Properties denetçisini açın. Properties denetçisindeki Tween listesinden Motion`ı seçin. Katmandaki kareler seçildiğinde, Snap kutusu seçili ve Orient to path seçilmemiş olsun. car katmanı mor renk alacak ve motion tween`i gösteren ok animasyon karelerini
belirtecektir.
Not: Properties denetçisinde hareket kılavuzları ve tween`leri ilgilendiren üç seçenek bulunmaktadır: Orient to path, Sync ve Snap. Orient to path ile nesnenin yolun istikametine göre yön değiştirmesi sağlanır. Nesne yoldaki kıvrıma göre döner. Sync ile kopyanın animasyonu ana Timeline`a senkronize edilir. Snap ile de nesneyi kayıt noktasından tutup hareket kılavuzu yoluna ekleyebilirsiniz.
İpucu: Araba kılavuza doğru şekilde kenetlenmezse, başlangıç noktasından hareketlenip düz bir çizgi izleyerek bitiş noktasına gidecektir. Bu durumda arabanın kılavuza hem başlangıç hem de bitiş anahtar karelerinde doğru şekilde iliştirildiğinden emin olun.
6. Animasyonun sonuna Ease değeri ekleyerek arabanın tween sırasında hızlanmasını sağlayın.
Animasyonun ilk karesini seçin ve Properties denetçisini açın. Ease kutusuna -100 değerini girin, böylece Flash Player`da animasyon oynatılırken iki anahtar kare arasında arabanın hızlanmasını sağlarsınız. Control > Test Movie`yi seçerek animasyonu izleyin. Animasyon bu aşamada sürekli tekrar edecektir.
7. Timeline üzerinde gezinerek animasyonu izleyin ve sonra motion tween üzerinde bir değişiklik yapın.
Oynatım kafasını tıklayıp hareket ettirerek çizmiş olduğunuz yol boyunca motion tween`i görebilirsiniz. Eğer araba yolu izlemiyorsa arabanın, motion guide katmanında oluşturduğunuz çizginin her iki ucuna da iliştirildiğinden emin olun.
Hareket yolunun arabanın çarpacağı ağacın yanında istediğiniz gibi olmadığını ve arabanın ağaca çarpmadığını göreceksiniz. İstediğimiz sonucu almak için arabayı döndürmemiz gerekiyor. car katmanında iken, Timeline üzerinde 65 no`lu kare civarında arabanın dönmeye başlayabileceği uygun bir nokta bulun ve F6 ile yeni bir anahtar kare ekleyin. burası animasyonun yeni bölümünün başlayacağı yer olacak.
Animasyonun sonunda 70 no`lu kareyi seçin ve ardından Tools panelinden Free Transform aracını seçin. grCar etrafında tutacaklar belirir. Fareyi grCar`ın sağ üst köşesine getirin ve döndürme imlecinin belirmesini sağlayın.
Arabayı döndürmek için grCar`ın köşesine tıklayın ve araba ağaca doğru yönelene dek sürükleyin. İşiniz bittiğinde Timeline üzerinde oynatım kafasını hareket ettirerek animasyonun son halini izleyin
8. actions adlı yeni bir katmanda en son kareye bir stop eylemi ekleyin.
Animasyonu bir SWF dosyası olarak izlerseniz sürekli tekrar ettiğini göreceksiniz. Bunu engellemek ve animasyonu durdurmak için son kareye bir stop eylemi eklemeniz gerekir.
map star katmanını seçin ve Insert New Layer düğmesine tıklayın. Yeni katmana çift tıklayın ve actions adını verin. 70 no`lu kareye (veya animasyonunuzdaki son kareye) tıklayın ve F6 ile yeni bir anahtar kare ekleyin. Yeni anahtar kareyi seçin ve Actions panelini açın. Script Assist hâlâ açıksa Script Assist düğmesine basarak onu kapatın. Script paneline aşağıdaki ActionScript kodunu yazın:
stop();
İşiniz bittiğinde Ctrl+Enter (veya Mac`lerde Command+Enter) ile animasyonunuzu test ortamında izleyin.
9. Dosyanızı map.fla olarak kaydedin.
Dosyanızı map.fla adıyla kaydettiğinizde bu kayıt ikinci derste oluşturduğumuz dosyanın yerini alacaktır. Dosyanızı kaydedin ve kapatın.
Bu derste şunları öğrendiniz:
• Kare kare animasyonlar, motion tween`ler ve shape tween`ler arasındaki farkları öğrendik.
• Bir klibe motion tween ekledik.
• Alfa değerini zamana bağlı olarak değiştirmek için bir sembol kopyası efektine motion tween uyguladık.
• Parlaklığı zamana bağlı olarak değiştirmek için bir sembol kopyası efektine motion tween uyguladık.
• Sayfa çevirme animasyonu için bir shape tween uyguladık.
• Bir kare kare animasyon oluşturma çalışması yaptık.
• Merge Drawing Model ile çizilmiş vektörel bir yol boyunca bir sembolü hareket ettirdik.
• Bir animasyonun sürekli tekrarlanmasını önlemek için bir stop() eylemi kullandık.
Daha önce bir motion tween uyguladığınızda sembolünüz bir noktadan diğerine düz bir çizgi üzerinde gidiyordu. Bu çoğu iş için yeterlidir fakat bazen de animasyonun dalgalı çizgi gibi daha karmaşık bir yol izlemesini isteyebilirsiniz (sarhoş bir arı animasyonu yaptığınızı düşünün). Bunu motion guide katmanında bir motion guide (hareket kılavuzu) kullanarak çok çabuk ve kolay bir şekilde halledebilirsiniz. Bu özel katmanda Pencil, Pen ya da Line araçlarıyla çizgiyi çizebilir ve motion guide altındaki katmandan bir sembolü bu çizginin iki ucundan birine iliştirebilirsiniz. Bu yolun motion guide katmanında olması gerekir, burada yaptığınız çizimler Flash dosyası tamamlandığında görünmeyecektir. Hareket kılavuzları ile nesneleri çember, kare, düz çizgi, eğri ve çizebildiğiniz her türlü yol üzerinde hareketlendirebilirsiniz (şekliniz bir kenar çizgisi yani bir stroke olduğu sürece). Bu son uygulamamızda, 2. derste hazırladığınız map.fla dosyasında birtakım değişiklikler yapacağız. Hareket kılavuzu kullanarak küçük bir sembolü harita üzerinde gezdireceğiz.
1.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
dosyasını açın ve onu sabit diskinizdeki TechBookstore klasörüne kaydedin.Bu dosyanın ikinci dersimizde çalıştığımız dosyaya benzediğini göreceksiniz. Tek fark bu yeni dosyanın kütüphanedeki iki grafiği kullanıyor olması. Tüm katmanlar ve konumlamalar aynı. Uygulamanın sonunda dosyayı map.fla adıyla kaydedeceğiz. Böyle bu dosya ikinci derste oluşturduğumuz dosyanın yerini alacak.
2. map katmanını seçin ve car adlı yeni bir katman ekleyin. Kütüphaneyi açın ve grafik klasöründe grCar ve grTree`yi bulun. grCar`ı car katmanına, grTree`yi de map katmanına sürükleyin.
Kütüphanedeki grCar sembolünü animasyonumuz için kullanacağız. grTree sembolü Stage`de statik bir grafik olacak. İşe başlamadan önce map katmanının kilidini açın.
grCar`ı Stage`in solundaki Brannan Street`e yerleştirin. Ağacı haritanın sağındaki Macromedia Park`ın sağ alt köşesine koyun. Aşağıdaki şekilden faydalanabilirsiniz.
3. Yeni bir motion guide katmanı oluşturun ve Stage`de bir yol çizin.
map katmanının kilitli olduğundan emin olun. car katmanını seçin ve Insert New Layer düğmesinin yanındaki Add Motion Guide düğmesine tıklayın. car katmanı otomatik olarak içeri alınır ve hareket kılavuzu uygulanır. Bu aynı 2. derste gördüğümüz maske katmanı gibidir. Yeni katmana otomatik olarak Guide: car adı verilir ve car katmanının üzerinde yer alır.
Pencil aracını seçin ve Merge Drawing modelini kullandığınızdan emin olun. Hareket kılavuzu çizmek için Object Drawing modelini kullanamazsınız çünkü teknik olarak grafik gruplanmış olur ve çizdiğiniz yol sembolünüz tarafından kullanılamaz. Tools panelinin Options bölümünden Smooth seçeneğini de seçin.
Smooth seçeneği ile fazla kırıklı olmayan çizgiler çizebilirsiniz ama isterseniz yolunuza birkaç “tümsek“ eklemenize de izin verir. Artık arabamız cetvel gibi bir çizgide gitmek zorunda değil! Eğer yolunuzun çok akıcı olduğunu düşünüyorsanız, Smooth yerine Ink seçeneğini seçin ve yolu baştan çizin. Böylece bir ölçüye kadar yumuşatma olsa da kenar çizgileriniz hiç değiştirilmez.
İpucu: Çizimden önce diğer katmanları kilitleyerek kazara onlara çizim yapılmasını önleyin.
Yeni Guide: car katmanı üzerine Pencil aracı ile bir yol çizin. Yol Stage`in solundaki Brannan Street`ten sağdaki ağacın yanına gidecek. Arabanın ağaca “çarpmasını“ istediğimizden yolu ağacın gövdesinde bitirin. Yolunuz caddeyi takip etmeli ve “We Are Here“ yıldızından dönerek yolun sonundaki ağaca yönelmeli. Yola birkaç kıvrım ve tümsek ekleyin. Yol ağaca ulaştığında çizgiyi aşağıdaki şekildeki gibi yukarı bükün.
Çizim bitince motion guide katmanını (Guide: car) kilitleyin.
4. car katmanında kare 70`e bir anahtar kare ekleyin. motion guide, map star ve map katmanlarında da kare 70`e kareler ekleyin. grCar`ı yolun her iki ucuna kenetleyin.
car katmanını seçin ve 70`teki boş kareyi seçip F6 tuşuna basarak yeni bir anahtar kare ekleyin. Sonra map katmanında 70. kareyi seçin ve F5`e basarak bir kare ekleyin. Aynı adımı motion guide ve map star katmanları için tekrarlayın.
Tools panelinden Selection aracını seçin ve Snap to Objects`in açık olduğundan emin olun. car katmanında 1. karede grCar`ı tutarak Stage`in soluna, yolun bitimine sürükleyin. Nesneyi merkezinden tutarak taşımanız daha kolay olabilir.
car katmanında kare 70`e tıklayın ve grCar`ı ortasındaki kayıt noktasından tutarak yolun sonuna iliştirin.
5. car katmanında 1. kareyi seçin ve Properties denetçisinden bir motion tween ekleyin.
car katmanında kare 1`i seçin ve Properties denetçisini açın. Properties denetçisindeki Tween listesinden Motion`ı seçin. Katmandaki kareler seçildiğinde, Snap kutusu seçili ve Orient to path seçilmemiş olsun. car katmanı mor renk alacak ve motion tween`i gösteren ok animasyon karelerini
belirtecektir.
Not: Properties denetçisinde hareket kılavuzları ve tween`leri ilgilendiren üç seçenek bulunmaktadır: Orient to path, Sync ve Snap. Orient to path ile nesnenin yolun istikametine göre yön değiştirmesi sağlanır. Nesne yoldaki kıvrıma göre döner. Sync ile kopyanın animasyonu ana Timeline`a senkronize edilir. Snap ile de nesneyi kayıt noktasından tutup hareket kılavuzu yoluna ekleyebilirsiniz.
İpucu: Araba kılavuza doğru şekilde kenetlenmezse, başlangıç noktasından hareketlenip düz bir çizgi izleyerek bitiş noktasına gidecektir. Bu durumda arabanın kılavuza hem başlangıç hem de bitiş anahtar karelerinde doğru şekilde iliştirildiğinden emin olun.
6. Animasyonun sonuna Ease değeri ekleyerek arabanın tween sırasında hızlanmasını sağlayın.
Animasyonun ilk karesini seçin ve Properties denetçisini açın. Ease kutusuna -100 değerini girin, böylece Flash Player`da animasyon oynatılırken iki anahtar kare arasında arabanın hızlanmasını sağlarsınız. Control > Test Movie`yi seçerek animasyonu izleyin. Animasyon bu aşamada sürekli tekrar edecektir.
7. Timeline üzerinde gezinerek animasyonu izleyin ve sonra motion tween üzerinde bir değişiklik yapın.
Oynatım kafasını tıklayıp hareket ettirerek çizmiş olduğunuz yol boyunca motion tween`i görebilirsiniz. Eğer araba yolu izlemiyorsa arabanın, motion guide katmanında oluşturduğunuz çizginin her iki ucuna da iliştirildiğinden emin olun.
Hareket yolunun arabanın çarpacağı ağacın yanında istediğiniz gibi olmadığını ve arabanın ağaca çarpmadığını göreceksiniz. İstediğimiz sonucu almak için arabayı döndürmemiz gerekiyor. car katmanında iken, Timeline üzerinde 65 no`lu kare civarında arabanın dönmeye başlayabileceği uygun bir nokta bulun ve F6 ile yeni bir anahtar kare ekleyin. burası animasyonun yeni bölümünün başlayacağı yer olacak.
Animasyonun sonunda 70 no`lu kareyi seçin ve ardından Tools panelinden Free Transform aracını seçin. grCar etrafında tutacaklar belirir. Fareyi grCar`ın sağ üst köşesine getirin ve döndürme imlecinin belirmesini sağlayın.
Arabayı döndürmek için grCar`ın köşesine tıklayın ve araba ağaca doğru yönelene dek sürükleyin. İşiniz bittiğinde Timeline üzerinde oynatım kafasını hareket ettirerek animasyonun son halini izleyin
8. actions adlı yeni bir katmanda en son kareye bir stop eylemi ekleyin.
Animasyonu bir SWF dosyası olarak izlerseniz sürekli tekrar ettiğini göreceksiniz. Bunu engellemek ve animasyonu durdurmak için son kareye bir stop eylemi eklemeniz gerekir.
map star katmanını seçin ve Insert New Layer düğmesine tıklayın. Yeni katmana çift tıklayın ve actions adını verin. 70 no`lu kareye (veya animasyonunuzdaki son kareye) tıklayın ve F6 ile yeni bir anahtar kare ekleyin. Yeni anahtar kareyi seçin ve Actions panelini açın. Script Assist hâlâ açıksa Script Assist düğmesine basarak onu kapatın. Script paneline aşağıdaki ActionScript kodunu yazın:
stop();
İşiniz bittiğinde Ctrl+Enter (veya Mac`lerde Command+Enter) ile animasyonunuzu test ortamında izleyin.
9. Dosyanızı map.fla olarak kaydedin.
Dosyanızı map.fla adıyla kaydettiğinizde bu kayıt ikinci derste oluşturduğumuz dosyanın yerini alacaktır. Dosyanızı kaydedin ve kapatın.
Bu derste şunları öğrendiniz:
• Kare kare animasyonlar, motion tween`ler ve shape tween`ler arasındaki farkları öğrendik.
• Bir klibe motion tween ekledik.
• Alfa değerini zamana bağlı olarak değiştirmek için bir sembol kopyası efektine motion tween uyguladık.
• Parlaklığı zamana bağlı olarak değiştirmek için bir sembol kopyası efektine motion tween uyguladık.
• Sayfa çevirme animasyonu için bir shape tween uyguladık.
• Bir kare kare animasyon oluşturma çalışması yaptık.
• Merge Drawing Model ile çizilmiş vektörel bir yol boyunca bir sembolü hareket ettirdik.
• Bir animasyonun sürekli tekrarlanmasını önlemek için bir stop() eylemi kullandık.
