Ö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.

Kütüphaneye 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.

İthalat görüntü

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.

Ördek MovieClip oluşturun

Adım 3 - Animasyon MovieClip oluşturun

[Ctrl-F8] veya Ekle -> "Yeni Symbol ..." ile yeni bir MovieClip oluşturun. Adı bu MovieClip "animasyon".

Yeni MovieClip oluşturun

Yeni MovieClip oluşturun

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 bir ana kare oluşturun

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.

MovieClip Taşı

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.

Set hareket Tween

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.

Geri ana zaman çizelgesi git

Kütüphanenizden zaman çizelgesinin ilk kareden animasyon MovieClip taşıyın.

Zaman çizelgesi giy MovieClip

"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.

Set örnek adı

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.

MovieClip üzerine bileşen Drag

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.

Set parametre

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.

Yansıması kesiliyor

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.

Değiştir ördek MovieClip

Tween katmanı altında yeni bir katman oluşturun.

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.

Beraberlik dikdörtgen şekli

Ile şekil renk panelini açmak seçilen ve 0 için alfa ayarlayın.

Şeklin Set alfa

Ne zaman artık film testi, bu yansıma delik ördek uygulanır görürsünüz.

No more kesme

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.

Final sonucu

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.

  • Share / Bookmark