Povzetek

V tem vadnico se boste naučili, kako ustvariti prehod med dvema slikama, kjer slike se premešajo kot igralne karte v 3D prostoru. Lahko nadzor trajanja prehoda in enostavnost vrsto.

Tu končni rezultat:


Zahteve

Flash CS3 ali CS4 Flash.
Dve sliki (v tem primeru 550 x 400, slike so na voljo v tutorski zip datoteko )

Opomba: screenshots v tej vajah so v CS3 Flash. Deluje popolnoma enak v Flash CS4. Ta Tutorial je ActionScript 3 Project (Ta komponenta je ekskluzivno na voljo za AS3, tako da ne bo prišlo do AS2 različica v prihodnosti).

Korak 1 - Namestite učinek komponente

Nakup Shuffle Transition Effect . Sledite navodilom za namestitev in povlecite komponento iz komponente plošči v knjižnico vaše. fla datoteko.

Povlecite element v knjižnici

Korak 2 - Import predvajanje slike

Import dveh slik [pritisnite Ctrl-R] ali "File" -> "Import" -> "Uvoz Stage ...".

Uvoziti slike na odru

Izberite prvo sliko in se preoblikoval v Movieclip pritisnite tipko [F8] ali desni klik na MovieClip -> "Convert do Symbol ...". Daj Movieclip ime "slika1".

Pretvarjanje prvo sliko za Movieclip

Nastavite ime prva slika Movieclip

Izberite drugo sliko in se preoblikoval v Movieclip pritisnite tipko [F8] ali desni klik na MovieClip -> "Convert do Symbol ...". Daj Movieclip ime "image2".

Pretvarjanje drugo sliko za Movieclip

Nastavite ime drugega slike Movieclip

3. korak - Nastavite primer ime slike Movieclip

Daj Movieclip prve slike stopnji ime "my_image_01" (lahko izberete drugo ime, če želite. Poskrbite, da je primer unikatno ime). Brez primer ime, komponenta ne more odkriti Movieclip. Nastavite primer ime za drugo Movieclip slike "my_image_02".

Set na primer ime prvega Movieclip

Set na primer ime drugega Movieclip

Korak 4 - Uporabi učinek

Povlecite element v knjižnici na zgornji Movieclip. Učinek komponenta bo samodejno snap.

Drag del na Movieclip

Korak 5 - Prilagodite nastavitve učinka

Kliknite na komponento in odprti del inšpektor plošči [pritisnite SHIFT-F7] ali "Window" -> "Component Inšpektor". V "Start Movieclip" izberite list "my_image_01" bi bilo treba izbrane.

Preverite, če je nastavljen kot my_image_01 Start Movieclip

Vse Movieclips z na primer imena v tem okviru, so navedeni v "Start Movieclip" in "End Movieclip" izberite seznam. Ker ste povlekli učinek na Movieclip "my_image_01", to je prvi Movieclip. Kot "End Movieclip" izberite "my_image_02". Pusti druge nastavitev za zdaj.

Nastavi kot my_image_02 End Movieclip

Korak 6 - Export

Export flash film [pritisnite Ctrl-ENTER] ali "Command" -> "Test Movie" in boste videli slike prehod.

Rezultati

Korak 6 - Play!

Sedaj lahko igral s parametri lahko prilagodite učinek. Lahko uporabite tudi ta učinek z ActionScript. Poišči popolno dokumentacijo tukaj .

Download

Kliknite tukaj za download. fla tega Tutorial. Opomba:. Fla ne vključuje učinek komponento. Da bi fla delo, morate kupiti Shuffle Tile Effect tukaj .

Tu lahko najdete video tutorial, kako izvajati drugačen učinek.

  • Share / Bookmark