Cool Flash Effect oktatóanyagok!

Összefoglalás

A bemutató megtanulod, hogyan kell létrehozni a víz gondolkodás alkalmazása egy mozgó Movieclip.

Itt a végeredmény:

Követelmények

Flash 8, Flash CS3 vagy Flash CS4.

Megjegyzés: A screenshotok a bemutató készült a Flash CS3. Úgy működik, pontosan ugyanaz a Flash 8. Ez a bemutató ActionScript 2 (Bár nem ActionScript van szükség).

1. lépés - Helyezze a hatás komponens

Töltse le a víz Reflection Effect itt . Kérjük, kövesse a telepítési utasításokat , és húzza az alkatrész az alkatrész panel a könyvtárba a. fla fájlba.

2. lépés - létrehozása kacsa Movieclip

Import a kacsa kép [Ctrl-R] vagy a "File" -> "Importálás" -> "Importálás Stage ...". Győződjön meg arról, hogy a kép egy kacsa. Png átlátszó háttérrel.

Válassza ezt a képet, és alakítani egy Movieclip [sajtó F8], vagy jobb kattintás a MovieClip -> "Konvertálás Symbol ...". Adja meg a nevét Movieclip "kacsa".

3. lépés - Új animáció Movieclip

Hozzon létre egy új Movieclip a [Ctrl-F8], vagy a Beszúrás -> "New Symbol ...". Nevezze el ezt a Movieclip "animációs".

Húzza a kacsa Movieclip az Ön könyvtára az első képkocka az idővonalon. Most kattintsunk a keretre 60 és hozzon létre egy új keyframe [sajtó F6] vagy jobb klikk és "Insert keyframe".

Kattintson az újonnan létrehozott keyframe, és válassza ki a kacsát Movieclip a vásznon. Most ez a lépés Movieclip a kurzor gomb a jobb (mondjuk 100px). Olvasd el az új helyzet az információs panelt.

Menj vissza az első kulcskocka az idővonal. Az ingatlan panelen válassza Tween: "Motion". Ha valahol kattintanak az időszerűség most, látod, hogy a kacsa Movieclip halad balról jobbra.

4. lépés - Helyezze animáció Movieclip a fő idővonalon

Most kattintson a "Scene 1" kap vissza a fő timeline. Ha a kacsa Movieclip még mindig ott van, távolítsa el azt.

Helyezze át az animációs Movieclip az Ön könyvtára az első képkocka az idővonal.

Állítsa be a példány nevét a Movieclip a "animation_mc" (tudod, válasszon egy másik nevet, ha akarod. Győződjön meg arról, hogy a példány nevét is egyedülálló). Nélkül például a név, az összetevő nem képes észlelni a Movieclip.

5. lépés - Az effektus érvényesítése a komponens

Hozzon létre egy új réteget, válasszuk ki az első keretet, és húzza a hatás komponens könyvtárában rá az animáció Movieclip. Az összetevő automatikusan beépülő modult.

Állítsa be a paraméter az alkatrész az elemben ellenőr panel, mint a screenshot. All Movieclips például a nevét ebben a keretben vannak felsorolva a "Target Movieclip" válasszuk a listából. Mivel csak egy Movieclip a komponens feltételezi, hogy az alkalmazni kívánt hatást gyakorol a Movieclip "animation_mc".

Megjegyzés: Ezek a beállítások csak alkalmazni e egy példányát a hatás komponens. Ha felhívni az alkatrészt egy másik Movieclip (máshol belül. Fla, vagy egy új projekt), akkor a beállításokat újra.

Most export ([Ctrl-ENTER] vagy ...). Látni fogja, hogy a fej a kacsa valahogy csökkenteni. Amit mert az alkatrész pontosan a méret a kacsa Movieclip. De mivel az elmélkedés hullám növeli a méretét ez nem illik többé.

6. lépés - Állítsa animáció Movieclip

A javításhoz, akkor helyezzen be egy láthatatlan alak a háttérben a kacsa Movieclip, amelyek mérete akár a Movieclip egy kicsit.

Menj vissza a kacsa Movieclip dupla kattintással azt a könyvtár.

Hozzon létre egy új réteget alatt Tween réteg.

Válasszuk ki a téglalap eszközt, és felhívni a forma, a szélessége a kacsa. A magasságot úgy kell néhány pixel magasabb, mint a kacsa (kb. 10 pixel). Talán segít beállítani a vázlatos ikont az idővonalon, hogy csak a méretei kacsa kép.

A kijelölt alakzat nyitott szín panel és állítsa be a 0-alfa.

Amikor a teszt a film most, látni fogja, hogy a gondolkodási alkalmaznak a lyuk kacsa.

6. lépés - Add háttérkép

Hozzon létre egy új réteget alatti réteg-és animációs elem. Behoz egy képet, hogy a meccs. Most meg lehet változtatni a pozícióját animáció Movieclip annak érdekében, hogy illeszkedjenek a háttérben.

Letöltés

Kattintson ide, hogy töltse le a fla e konzultáció. Megjegyzés: A. Fla tartalmazza a próbaverzió a hatás elem, amely csak akkor működik, a Flash IDE (Flash 8, Flash CS3 vagy Flash CS4), de nem a böngészőben.

Le is töltheti a víz Reflection Effect itt .