Prehľad

V tomto tutoriále sa naučíte, ako vytvoriť pixelation Efekt prechodu, kedy jeden obraz "pixelates" do druhého. Môžete nastaviť dobu trvania (v snímkach) prechodu. Č ActionScript je potrebná, budete pracovať len na časovej osi a nastaviť parameter efektu vnútri súčasti inšpektor.

Tu konečný výsledok:


Požiadavky

Flash 8, Flash CS3 alebo Flash CS4.
Dva obrazy (v tomto prípade 550 × 400, obraz k dispozícii v tutoriále zip súbor )

Poznámka: screenshoty v tomto tutoriále sú vyrábané v CS3 Flash. Funguje to presne rovnaký s Flash 8 a Flash CS4. Tento tutoriál je ActionScript 2 Projekt (komponenta je tiež k dispozícii ako AS3 verzia).

Krok 1 - Inštalácia účinok zložky

Stiahnite si Pixelation Effect . Riaďte sa pokynmi pre inštaláciu a pretiahnuť zložku z jednotlivých zložiek panel do knižnice svojho. fla súbor.

Presuňte priečinok do knižnice

Krok 2 - Import prezentáciu obrázkov

Import dva obrázky [stlačiť Ctrl-R] alebo "Súbor" -> "Import" -> "Import na etapy ...".

Import obrázkov do fázy

Vyberte frist obrazu a previesť ho do MovieClip stlačte] [F8, alebo kliknite pravým tlačidlom myši na MovieClip -> "Konvertovať do Symbol ...". Dajte MovieClip názov "image1".

Konvertovať prvý obrázok na MovieClip

Set meno prvého obrazu MovieClip

Vyberte druhý obrázok a previesť ho na MovieClip stlačte] [F8, alebo kliknite pravým tlačidlom myši na MovieClip -> "Konvertovať do Symbol ...". Dajte MovieClip názov "image2".

Konvertovať Druhý obrázok na MovieClip

Set meno druhého obrázku MovieClip

Krok 3 - Nastavenie inštancie názov image MovieClip

Dajte MovieClip prvého obrázku instance name "my_image_01" (môžete vybrať iné meno, ak chcete. Uistite sa, že názov inštancie je jedinečný). Bez inštancie názov zložka je schopný detekovať MovieClip. Nastavenie inštancie názov pre druhý snímku MovieClip na "my_image_02".

Set inštancie názov prvého snímky MovieClip

Set inštancie názov druhého obrazu MovieClip

Krok 4 - Aplikuje efekt

Presuňte komponentov z knižnice na hornej MovieClip. Účinok komponentov budú chytať automaticky.

Presuňte priečinok na MovieClip

Krok 5 - Upravte nastavenie efektu

Kliknite na priečinok a otvorte priečinok inšpektor panel [Tlačová SHIFT-F7] alebo "okná" -> "Súčasť inšpektor". V "Štart MovieClip" vyberte zoznam, "my_image_01" by mali byť vybraté.

Cieľové Movieclips v zložke inšpektor

Všetky Movieclips s názvami inštanciou v tomto ráme sú uvedené v časti "Cieľ MovieClip" select zoznam. Pretože ste draged vplyv na MovieClip "my_image_01", to je frist MovieClip. Ako "End MovieClip" select "my_image_01". Ponechajte ostatné nastavenia prázdne teraz. Export flash movie [stlačiť Ctrl-ENTER], alebo "Command" -> "Test film" a uvidíte, že obraz prechodu.

Výsledok

Krok 6 - Play!

Pohrajte si s ostatnými parametrami vnútri súčasti inšpektor. Dokumentácia k nastaveniu možno nájsť tu . Môžete tiež použiť v tomto zmysle s ActionScript.

Stiahnuť

Kliknite tu pre stiahnutie. fla tohto tutoriálu. Pozn:. Fla obsahuje skúšobnú verziu účinku zložka, ktorá bude fungovať len v Flash IDE (Flash 8, Flash CS3 alebo Flash CS4), ale nie vo vnútri prehliadača.

Tu nájdete video tutorial, ako zaviesť odlišný efekt.

  • Zdieľať / Záložka