1 Flash Dersleri Flashta Shape Tween İle Animasyon Thu Nov 04, 2010 10:40 pm
Merhaba uzun bir zamandan sonra İsmail TOPARLI tekrar sizlerle
İnşAllah bundan sonra daha sık görüşeceğiz. Orta derece flash derslerinden başlayıp ileri seviye derslerine kadar ekleyeceğim. Bu dersimizde Shape Tween ile çok güzel ve her yerde kullanabileceğiniz bir animasyon tekniğini göstereceğim.
-İlk olarak sahnemize 1. karede herhangi bir grafik çiziyoruz ben Rectangle Tool ile bir kare çizdim
[You must be registered and logged in to see this image.]
daha sonra 2. kareyi olşturuyorum f7 ile ve 2. karemizde bir grafik yada yazı yazıyoruz ben yazı yazmayı tercih ediyorum çünkü yazı için yapacağımız bazı ayarlamalar var
[You must be registered and logged in to see this image.]
Daha sonra onion skine tıklıyorum ve 1. karede ne olduğunu saydam şekilde görebiliyorum.
[You must be registered and logged in to see this image.]
2. karede bir yazı yazdım şimdi Shape Tween uygulanamaz çünkü yazımız herhangi bir grafik değil. Önce yazıyı grafik objesi haline getireceğiz bunun içinde Üst menüde Modify>Break Apart yapacağız ilk yaptığımızda harfleri birbirinden ayıracaktır 2. defa tekrar yapacağız bu defa grafik obje olacaktır. Fakat bunun yerine kısa yolu olan (Ctll+B)'yi 2 defa yapmanız yeterlidir.
[You must be registered and logged in to see this image.]
Yazımızı grafik objesi haline getirdik
Şimdi ise aşağıda ki gibi Shape Tween Uygulamamızı yapacağız
İlk Kareye sağ tıklıyoruz ve "Create Shape Tween" i tıklıyoruz
[You must be registered and logged in to see this image.]
İlk karemiz yeşile dönüşecektir katman üzerindeki karemiz. Ve şimdide 2. karemizi tutup 30. kareye kadar uzatıyoruz ( Unutmayın 2. Karemizi tutup sürüklüyoruz)
[You must be registered and logged in to see this image.]
Şimdi animasyonumuz hazır Ctrl+Enter dediğinizde oynayacaktır fakat hızlı olduğu için ve hemen başa döndüğü için pek birşey anlamayacaksınız o yüzden son satırda ben durmasını istiyorum ve onun için bir "Stop();" Actionu atacağım
[You must be registered and logged in to see this image.]
Yeni katmanın son satırında action panelimi açıyorum ve animasyonun son karesinde durması için bir kod yazacağım
[You must be registered and logged in to see this image.]
Evet arkadaşlar bu kadar şimdi Ctrl+Enter yapıp ön izlediğinizde çok güzel bir animasyon elde etmiş olacaksınız anlamayan arkadaşlar için Kaynak dosyasını gönderiyorum indirebilirsiniz.
Allah kolaylık versin.]
İnşAllah bundan sonra daha sık görüşeceğiz. Orta derece flash derslerinden başlayıp ileri seviye derslerine kadar ekleyeceğim. Bu dersimizde Shape Tween ile çok güzel ve her yerde kullanabileceğiniz bir animasyon tekniğini göstereceğim.
-İlk olarak sahnemize 1. karede herhangi bir grafik çiziyoruz ben Rectangle Tool ile bir kare çizdim
[You must be registered and logged in to see this image.]
daha sonra 2. kareyi olşturuyorum f7 ile ve 2. karemizde bir grafik yada yazı yazıyoruz ben yazı yazmayı tercih ediyorum çünkü yazı için yapacağımız bazı ayarlamalar var
[You must be registered and logged in to see this image.]
Daha sonra onion skine tıklıyorum ve 1. karede ne olduğunu saydam şekilde görebiliyorum.
[You must be registered and logged in to see this image.]
2. karede bir yazı yazdım şimdi Shape Tween uygulanamaz çünkü yazımız herhangi bir grafik değil. Önce yazıyı grafik objesi haline getireceğiz bunun içinde Üst menüde Modify>Break Apart yapacağız ilk yaptığımızda harfleri birbirinden ayıracaktır 2. defa tekrar yapacağız bu defa grafik obje olacaktır. Fakat bunun yerine kısa yolu olan (Ctll+B)'yi 2 defa yapmanız yeterlidir.
[You must be registered and logged in to see this image.]
Yazımızı grafik objesi haline getirdik
Şimdi ise aşağıda ki gibi Shape Tween Uygulamamızı yapacağız
İlk Kareye sağ tıklıyoruz ve "Create Shape Tween" i tıklıyoruz
[You must be registered and logged in to see this image.]
İlk karemiz yeşile dönüşecektir katman üzerindeki karemiz. Ve şimdide 2. karemizi tutup 30. kareye kadar uzatıyoruz ( Unutmayın 2. Karemizi tutup sürüklüyoruz)
[You must be registered and logged in to see this image.]
Şimdi animasyonumuz hazır Ctrl+Enter dediğinizde oynayacaktır fakat hızlı olduğu için ve hemen başa döndüğü için pek birşey anlamayacaksınız o yüzden son satırda ben durmasını istiyorum ve onun için bir "Stop();" Actionu atacağım
[You must be registered and logged in to see this image.]
Yeni katmanın son satırında action panelimi açıyorum ve animasyonun son karesinde durması için bir kod yazacağım
[You must be registered and logged in to see this image.]
Evet arkadaşlar bu kadar şimdi Ctrl+Enter yapıp ön izlediğinizde çok güzel bir animasyon elde etmiş olacaksınız anlamayan arkadaşlar için Kaynak dosyasını gönderiyorum indirebilirsiniz.
Allah kolaylık versin.]