Tiivistelmän

Tässä opetusohjelmassa opit, miten luoda veden harkinta sovelletaan liikkuviin MovieClip.

Tässä lopputulos:


Vaatimukset

Flash 8, Flash CS3 ja Flash CS4.

Huom screenshots tässä opetusohjelmassa tehdään Flash CS3. Se toimii aivan Flash 8. Tämä opetusohjelma ei ActionScript 2 (Vaikka ei ActionScript vaaditaan).

Vaihe 1 - Asenna vaikutus komponentin

Lataa Water Reflection Effect täällä. Ole hyvä ja seuraa asennusohjeita ja vedä komponentin osa paneelin osaksi kirjaston sinun. FLA-tiedoston.

Vedä osa tulee kirjastoon

Vaihe 2 - Luo ankka MovieClip

Tuo ankka kuva [painamalla Ctrl-R] tai "Tiedosto" -> "Tuo" -> "Tuo vaihe ...". Varmista, että ankka kuva on. Png avoimia tausta.

Tuo kuva

Valitse kuva ja muuntaa sen MovieClip [paina F8] tai oikealle klikkaa MovieClip -> "Convert to Symbol ...". Anna MovieClip nimi "ankka".

Luo ankka MovieClip

Vaihe 3 - Luo Animaatio MovieClip

Luo uusi MovieClip kanssa [painamalla Ctrl-F8] tai Lisää -> "New Symbol ...". Nimeä tämä MovieClip "animaatio".

Luo uusi MovieClip

Luo uusi MovieClip

Vedä ankka MovieClip kirjastosta ensimmäiseen ruutuun aikajanalla. Nyt sitten rungosta 60 ja luoda uuden keyframe [painamalla F6] tai klikkaa oikealla napilla ja "Lisää avainkehystehostehallinta".

Luo uusi keyframe

Klikkaa uusille avainruutu ja valitse ankka MovieClip kankaalle. Siirrymme tämän MovieClip kanssa kohdistin avain oikealle (Sanotaan 100px). Voit tarkistaa uuden aseman tiedot-osiossa.

Siirrä MovieClip

Mene takaisin ensimmäinen keyframe on aikajanalla. Kiinteistöstä paneeli valitse Tween: "Motion". Jos valitset jossain aikajanalla nyt, näet, että ankka MovieClip siirtyy vasemmalta oikealle.

Aseta motion Tween

Vaihe 4 - Laita animaatio MovieClip tärkeimmistä aikajanalla

Nyt klikkaa "Scene 1" palata tärkeimmät aikajanalle. Jos Duck MovieClip on edelleen olemassa, poista se.

Go back to main aikajanalla

Siirrä animaatio MovieClip kirjastosta ensimmäisen kuvan aikajanalla.

Laita MovieClip aikajanan

Aseta esimerkiksi nimi MovieClip on "animation_mc" (voit valita eri nimeä, jos haluat. Varmista, että esimerkiksi nimi on ainutlaatuinen). Ilman esimerkiksi nimi, osa ei pysty havaitsemaan MovieClip.

Aseta esimerkiksi nimi

Vaihe 5 - Käytä vaikutus komponentin

Luo uusi kerros, valitse ensimmäinen kuva ja vedä vaikutus osan kirjastosta kiinni animaatio MovieClip. Osan automaattisesti helppoa.

Vedä osan päälle MovieClip

Aseta parametrin osan osan sisällä tarkastajan paneelin kuten kuvakaappaus. Kaikki Movieclips kanssa esimerkiksi nimiä tässä kehyksessä on lueteltu "Target MovieClip Valitse lista. Koska sinulla on vain yksi MovieClip, osan oletetaan, että haluat hakea vaikutusta MovieClip "animation_mc".

Aseta parametri

Huomaa: Nämä asetukset sovelletaan ainoastaan tämä yksi esiintymä vaikutus komponentin. Jos tarkastelemme komponentin toiselle MovieClip (muualla sisällä. FLA tai uusi hanke) sinun täytyy määrittää asetukset uudelleen.

Nyt vienti ([painamalla Ctrl-ENTER] tai ...). Huomaatte, että pää Ankka on jotenkin leikattu. Että koska komponentti on täsmälleen koko ankka MovieClip. Mutta koska harkinta-aalto kasvaa koko tämä ei sovi enää.

Harkinta on leikattu

Vaihe 6 - Säädä animaatio MovieClip

Voit korjata tämän, voit lisätä näkymätön muoto taustalla ankka MovieClip, jonka koko on enintään MovieClip vähän.

Palatakseni Ankka MovieClip kaksoisnapsauttamalla sitä kirjastossa.

Muokkaa ankka MovieClip

Luo uusi kerroksen alle Tween kerros.

Luo uusi kerros

Valitse suorakulmion työkalun ja piirtää muodon, jonka leveys on ankka. Korkeus on muutaman pikselin suurempi kuin sorsa (noin 10 pikseliä). Se voisi auttaa asettamaan kertoa kuvaketta aikajanalla, nähdä vain mitat ankan kuva.

Piirrä suorakulmion muotoinen

Kun muoto valitaan avoimen väri paneeli ja aseta alfa 0.

Aseta alfa muoto

Kun kokeilet elokuvan nyt, näet, että harkinta on sovellettu reiän ankka.

Ei enää leikata

Vaihe 6 - Lisää Taustakuva

Luo uusi kerroksen alle kerros, animaatio ja komponentti. Tuo kuva ottelu. Nyt voit muuttaa asemaa animaation MovieClip, jotta se sopii taustalla.

Lopputulosta

Ladata

Klikkaa tästä ladataksesi FLA tässä opetusohjelmassa. Huom:. FLA sisältää kokeiluversio vaikutuksesta osa, joka toimii vain siinä Flash IDE (Flash 8, Flash CS3 ja Flash CS4), mutta ei selaimessa.

Voit myös ladata Vesi Reflection Effect täällä.

  • Share / Bookmark