Leckék flash szöveg effektus buborékokkal - szoftver termékek
Ez a lecke megmutatja, hogyan lehet levéleket készíteni, amelyeken belül a buborékok emelkednek.
A leckében olyan buborékokat hoznak létre, amelyeket az Actionscript segítségével továbbítanak és animálnak. Letöltheti a forrást a lecke jobb megértéséhez.
A lecke a következő részekre bontható:
- szöveg háttere
- maszk
- útmutatók
- sok útmutatást
- Actionscript
1. rész Szöveg háttere.
1. lépés.
Kezdjük. Ha nem töltötte be a fla fájlt, először mentse el a képszöveget, majd vigye be flash-be (Fájl> Importálás> Importálás a színpadra) .Ez a kép háttérfüggvényt hajt végre az animációban. A Fotoshop az Arial betűtípussal készült 150-es méret. Később ugyanazt a betűtípust használva létrehozunk egy maszkot a flush-ban.
Lépés. 2.
Helyezze a képet az alábbiak szerint, és nevezze el a réteg szövegét
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (útvonal véletlen útvonal) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-10440e82.jpg)
3. lépés.
Hozzon létre egy új "MC" (filmklipet, movieclip) nevet a "buborékok" nevével.
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (_alpha véletlenszerű szint) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-50266dd1.jpg)
4. lépés.
Húzzon MC buborékokat a könyvtárból egy új rétegbe. Nevezze el a réteg buborékokat. Helyezze a mókeclip-et a levél aljára (a helyet egy piros kör jelöli a képen). Az üres filmcímhez később az Actionscript-el hozzáadunk buborékokat.
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (_alpha véletlenszerű szint) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-ddf7da0e.jpg)
2. rész. A maszk.
Ebben a részben egy maszkot hozunk létre.
5. lépés.
A maszk arra szolgál, hogy a buborékok csak a betűk belsejében láthatók legyenek. Így a maszkot ugyanazzal a betűtípussal kell létrehozni (Arial, 150-es méret) A "-3" betűk között (a kék körben kerekítve)
![Tanulságok flash szöveg effektus buborékokkal - szoftver termékek (buborékok) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-ae388b6c.jpg)
6. lépés
Kattintson a jobb egérgombbal a rétegre egy maszkkal a megjelenő menüben, válassza a "Maszk" lehetőséget. A maszkkal ellátott rétegnek a buborékréteg felett kell lennie (lásd az alábbi képet).
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (útvonal véletlen útvonal) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-74a3aa4b.jpg)
A b. Ábra mutatja az idővonal megjelenésének módját.
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (útvonal véletlen útvonal) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-58251170.jpg)
7. lépés.
Levéltár létrehozásához létre kell hoznia egy újabb levelet a Photoshopban (lásd az alábbi ábrát)
Importálja ezt a rajzot vakuval.
![Tanulságok flash szöveg effektus buborékokkal - szoftver termékek (buborékok) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-d452f073.jpg)
A volumetrikus levél filmklipbe konvertálása és a shadeMc nevet nevezheti
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (flash) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-10ff2690.jpg)
8. lépés.
Másolja ezt az MC-t, és helyezze a második B betűre
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (_alpha véletlenszerű szint) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-9617a284.jpg)
3. rész. Útmutatók buborékokhoz.
A lecke ezen részében útmutatókat készítünk a buborékok vezetésére. A tanulságokat a lecke ötödik részében szkriptekkel reprodukálják.
9. lépés.
Hozz létre egy új MC-t és nevezd el float0-nek. Jelölje be az Export for Actionscript melletti jelölőnégyzetet. Ez lehetővé teszi a későbbi Actionscript számára a film azonosítását.
![Tanulságok flash szöveg effektus buborékokkal - szoftver termékek (buborékok) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-a4ea87b0.jpg)
10. lépés
Az MS float0 az első réteg első keretein belül helyezze be a buborékképet
Ezután konvertálja a videoklipre, hívja a buborékMC-t, jelölje be az Export for Actionscript melletti jelölőnégyzetet.
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (útvonal véletlen útvonal) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-47aed6e2.jpg)
11. lépés
A bubbleMC-t újra konvertálja a filmcímkébe, és nevezze el az emptyClip-et. Ezúttal ne tegyen egy kullancsot.
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (útvonal véletlen útvonal) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-a331e510.jpg)
12. lépés
Visszatérés az MS float0-ba, jobb egérgombbal az első rétegre, a megjelenő menüben, válassza a Motion Guide hozzáadása lehetőséget.
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (flash) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-20ee5d7b.jpg)
13. lépés
Ez a réteg veszi fel a buborék irányító mozgását. Használja a toll eszközt vonal rajzolásához (a szín nem fontos) az alábbi beállítások segítségével. Animáció lejátszása esetén ez a sor nem látható.
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (útvonal véletlen útvonal) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-06dc1b49.jpg)
14. lépés
Hajlítsa meg a sort, másolja be és illessze be a másolatot ugyanabba a keretbe.
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (flash) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-e230bec7.jpg)
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (útvonal véletlen útvonal) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-537de87d.jpg)
15. lépés
Jelöljön ki egy példányt a vonalról. Menjen a Módosítás> transzformáció> flip horizontális menübe. Helyezze át a másolatot az eredeti alá, hogy csatlakoztatva legyenek.
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (_alpha véletlenszerű szint) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-2f617283.jpg)
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (útvonal véletlen útvonal) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-18a36231.jpg)
16. lépés
Mozgassa az MC buborékot úgy, hogy a középső kör a vonalon legyen.
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (flash) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-f1a02909.jpg)
17. lépés
Kattintson a felső réteg 30. keretére és nyomja meg az F5 billentyűt.
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (_alpha véletlenszerű szint) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-142657a7.jpg)
18. lépés
Helyezze a kulcskeretet a buborékréteg 30. keretébe - F6
![Tanulságok flash szöveg effektus buborékokkal - szoftver termékek (buborékok) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-e953c54b.jpg)
19. lépés
A 30. keretben tolja felfelé a buborékot. Győződjön meg róla, hogy a kis kör a vonalon van
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (útvonal véletlen útvonal) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-19b09862.jpg)
20. lépés
Kattintson a jobb egérgombbal az 1 és 30 közötti képkockára, majd válassza a Create Tweens létrehozása parancsot
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (_alpha véletlenszerű szint) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-220cc246.jpg)
21. lépés
Ellenőrizze az animációt. A buboréknak az útmutató mentén kell haladnia. A Tulajdonságok ablaktáblában állítsa az Ease értékét -100 értékre. Emiatt a buborék először lassan mozog, majd felgyorsul.
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (_alpha véletlenszerű szint) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-0fede876.jpg)
4. rész. Sok útmutató
Miután létrehoztunk egy útmutatót, létrehozhatjuk annak fajtáit, hogy a buborékok véletlenszerűen mozogjanak.
22. lépés.
A könyvtárban duplikálja az MS float0 (jobb egérgombbal kattintson duplán).
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (flash) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-e21dbab8.jpg)
23. lépés.
Nevezze el a duplikált float1 nevet, és adja meg ugyanazt az azonosítót
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (flash) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-9a90ae9d.jpg)
24. lépés
Adja meg a float1 filmet, és változtassa meg az útmutatót. Győződjön meg róla, hogy a buborék mozog rajta (a buborék belsejében lévő kör legyen az útmutatóban 1 és 30 keretben)
Készítsen egy újabb moviec-float2-et a másik útmutatóból.
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (flash) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-17f12532.jpg)
25. lépés
Most, hogy az útmutatókat létrehozták, nyissa meg az üresClip filmet, és távolítsa el a bubbleMc-et. Később beillesztjük, scripteket használva, miközben megváltoztatjuk a film különböző paramétereit.
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (útvonal véletlen útvonal) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-cb0f28f2.jpg)
26. lépés
Vegye ki a bubbleMc-et
![Tanulságok flash szöveg effektus buborékokkal - szoftver termékek (buborékok) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-ab501513.jpg)
5. rész: Actionscript
27. lépés
Először hozz létre egy új réteget, és nevezze el a szkriptet, és nyissa meg a Műveletek panelt.
![Leckék flash szöveg effektus buborékokkal - szoftver termékek (flash) Leckék flash szöveg effektus buborékokkal - szoftver termékek](https://images-on-off.com/images/198/urokiflashtekstoviyeffektspuziryamiprogr-407daa4f.jpg)
28. lépés
Adja meg a kódot
összesen = 90;
szint = 0;
releaseTimes = [];
inkr = 0;
1. sor - a létrehozandó buborékok száma
2. sor - a szint, amelyre a film betöltődik
függvény createInterval () a (var i = 0; i
>
A buborékok megjelenésének időintervallumáért felelős funkció. Az öblítéskor az időt milliszekundumban méri, így 500 lesz 0,5 másodperc. Megváltoztathatja az értékeket a beállítani kívánt buborékok megjelenési intervalluma szerint.
function createBubble () ranPath = "elérési út" + véletlenszerű (3);
var path = bubbles.attachMovie (ranPath, "elérési út" + szint, szint + 1000);
var buborék = path.emptyClip.attachMovie ("bubbleMc", "bubbleMc" + szint, szint + 10000);
path._x = véletlenszerű (220) +10;
path._y = -100;
bubble.width = bubble._height = véletlenszerű (19) +3;
bubble._alpha = véletlen (40) +60;
szint ++;
>
createInterval ();
var nextTime = releaseTimes [0];
ez.onEnterFrame = függvény () var time = getTimer ();
ha (nextTime
összesen = 90;
szint = 0;
releaseTimes = [];
inkr = 0;
függvény createInterval () a (var i = 0; i
>
function createBubble () ranPath = "elérési út" + véletlenszerű (3);
var path = bubbles.attachMovie (ranPath, "elérési út" + szint, szint + 1000);
var buborék = path.emptyClip.attachMovie ("bubbleMc", "bubbleMc" + szint, szint + 10000);
path._x = véletlenszerű (220) +10;
path._y = -100;
bubble.width = bubble._height = véletlenszerű (19) +3;
bubble._alpha = véletlen (40) +60;
szint ++;
>
createInterval ();
var nextTime = releaseTimes [0];
ez.onEnterFrame = függvény () var time = getTimer ();
ha (nextTime
Letöltések