Tutorial: animasyon su yansıması efekti oluşturma
Yorum Yaz Kasım 18th, 2008
Özet
Bu nasıl bir hareket MovieClip uygulamak için bir su yansıması oluşturmak için öğreneceksiniz eğitimle,.
Burada nihai sonucu:
Gereksinimleri
Flash 8, Flash CS3 veya Flash CS4.
Not: Bu eğitimde Flash CS3 yapılır ve ekran görüntüleri. Tam olarak Flash 8 de aynı çalışır. Bu eğitimde ActionScript 2 (Her ne kadar hiç ActionScript) yeterlidir.
Adım 1 - Kurun etkisi bileşeni
Download Su Yansıma Etkisi burada. Lütfen yükleme talimatlarını izleyin ve bileşen panelinden. FLA dosyasının içine kütüphane bileşeni sürükleyin.
Adım 2 - ördek MovieClip oluşturun
İthalat ördek görüntü [Ctrl-R] veya "Dosya" -> "Al" - Sahnesi'nde> "Al ...". Bu ördek şeffaf arka plan ile. Png olduğundan emin olun.
Seçin bu görüntü ve bir MovieClip [F8 tuşuna basın dönüştür] veya sağ tıklayın MovieClip Doğum -> "değiştirmek için Sembol ...". MovieClip "ördek" ad verin.
Adım 3 - Animasyon MovieClip oluşturun
[Ctrl-F8] veya Ekle -> "Yeni Symbol ..." ile yeni bir MovieClip oluşturun. Adı bu MovieClip "animasyon".
Kütüphanenizden zaman çizgisinde ilk kareye ördek MovieClip sürükleyin. Şimdi 60 frame tıklayın ve [F6 tuşuna basın] veya sağ tıklayın ve yeni bir ana kare oluşturmak "Insert Keyframe".
Yeni oluşturulan ana kare tıklayın ve tuval üzerine ördek MovieClip seçin. Şimdi imleç sağa tuşu ile (örneğin 100px) sağlayan bu MovieClip taşıyın. Size bilgi paneli içinde yeni konumunu kontrol edebilirsiniz.
Geri zaman çizelgesinin ilk ana kare gidin. Mülkiyet paneli seçin Tween üzerinde: "Hareket". Zaman çizelgesi içinde herhangi bir yere klikleyin şimdi Eğer, bu ördek MovieClip soldan sağa doğru hareket olduğunu görüyoruz.
Adım 4 - ana zaman çizgisinde koyun animasyon MovieClip
Scene 1 "ana zaman çizelgesini geri almak Şimdi". Eğer ördek MovieClip çıkarın hala orada vardır.
Kütüphanenizden zaman çizelgesinin ilk kareden animasyon MovieClip taşıyın.
"Isterseniz animation_mc" (farklı bir isim seçebilirsiniz için MovieClip bir örnek adı ayarlayın. Bir örnek adı benzersiz olduğundan emin olun). Bir örnek adı olmadan, bileşen MovieClip tespit edemiyor.
Adım 5 - Efekti uygula bileşeni
Yeni bir katman oluşturun, ilk kare seçin ve kütüphaneden animasyon MovieClip üzerine etkisi bileşeni sürükleyin. Bileşeni otomatik olarak ayarlanacaktır.
Ekran gibi bileşen müfettişi paneli iç bileşenin parametresini ayarlayın. Movieclips Tüm bu çerçevede örnek isimlerle "Hedef MovieClip" Seçim listesinde listelenir. Beri yalnızca bir MovieClip varsa, bileşen, bu size etkisi uygulamak istediğiniz varsayar MovieClip "animation_mc.
Not: Bu ayarlar sadece etkisi bileşenin bu bir örneğine uygulanır. Eğer başka bir MovieClip (başka bir yerde. Fla ya da yeni bir proje içinde) yeniden ayarlarını ayarlamak zorunda Doğum bileşeni çizin.
Şu anda ihracat ([Ctrl-ENTER] ya da ...). O ördek başı kesilmiş bir şekilde olduğunu göreceksiniz. Thats çünkü bileşeni ördek MovieClip tam olarak boyutu. Fakat yansıma bu dalga daha fazla uygun değildir boyutunu artırır.
Adım 6 - animasyon MovieClip ayarlayın
Bunu düzeltmek için, ördek MovieClip olan MovieClip Biraz boyutu arka planda görünmez bir şekil ekler.
Geri çift kitaplığınızda tıklayarak ördek MovieClip için al.
Tween katmanı altında yeni bir katman oluşturun.
Seçin dikdörtgen aracı ve ördek ve genişliği ile bir şekil çizin. Yüksekliği birkaç piksel daha sonra ördek (yaklaşık 10 piksel) olmalıdır. O zaman çizelgesindeki anahat simgesini ayarlamak için, ördek görüntünün yalnızca boyutları görmek için yardımcı olabilir.
Ile şekil renk panelini açmak seçilen ve 0 için alfa ayarlayın.
Ne zaman artık film testi, bu yansıma delik ördek uygulanır görürsünüz.
Adım 6 - Fon resim ekle
Animasyon ve bileşeni ile katmanı altında yeni bir katman oluşturun. İthalat bir görüntü eşleşen. Şimdi animasyon MovieClip onu arka plan ile uyum yapmak için konumu değiştirebilirsiniz.
Indirmek
Tıklayın bu yazının FLA indirmek için. Not:. Fla etkisi bileşenin sadece Flash IDE ama tarayıcı olmadığı içinde (Flash 8, Flash CS3 veya Flash CS4) çalışacaktır deneme sürümünü içerir.
Ayrıca burada Su Yansıma Etkisi indirebilirsiniz.






















Yorum Yaz