Sammanfattning

I den här guiden lär du dig hur du skapar en övergång mellan två bilder där bilderna blandas som att spela kort i en 3D-rymd. Du kan kontrollera längden på övergången och hur lätt typ.

Här slutresultatet:


Krav

Flash CS3 eller Flash CS4.
Två bilder (i detta fall 550 × 400, bild finns i handledningen zip-fil)

Obs: skärmdumpar i denna handledning är gjord i Flash CS3. Det fungerar exakt likadant i Flash CS4. Denna handledning är en ActionScript 3 Project (Denna del är endast tillgänglig för AS3, så det blir ingen AS2 version i framtiden).

Steg 1 - Installera effekt komponenten

Köpa Shuffle övergångseffekt. Följ installationsinstruktionerna och dra denna komponent av komponent panelen i biblioteket på din. Fla-filen.

Dra komponent i biblioteket

Steg 2 - Importera Bildspel bilder

Importera två bilder [tryck Ctrl-R] eller "File" -> "Importera" -> "Importera till Stage ...".

Importera bilder till etapp

Markera den första bilden och omvandla den till en MovieClip [trycka på F8] eller högerklicka på MovieClip -> "Konvertera till Symbol ...". Ge MovieClip namnet "image1".

Konvertera först bilden till MovieClip

Ange namn på första bilden MovieClip

Välj den andra bilden och omvandla den till en MovieClip [trycka på F8] eller högerklicka på MovieClip -> "Konvertera till Symbol ...". Ge MovieClip namnet "image2".

Konvertera andra bilden till MovieClip

Ange namn på andra bilden MovieClip

Steg 3 - Ange exempel namnet på bild MovieClip

Ge MovieClip av den första bilden den instans namnet "my_image_01" (Du kan välja ett annat namn om du vill. Kontrollera att exempelvis namnet är unikt). Utan ett exempel namn, är den del inte att identifiera MovieClip. Ange exempel namn på den andra bilden MovieClip till "my_image_02".

Ställ exempel namnet på första MovieClip

Ställ exempel namn på andra MovieClip

Steg 4 - Verkställ effekt

Dra komponent från biblioteket på den övre MovieClip. Effekten komponenten kommer snap automatiskt.

Dra komponent på MovieClip

Steg 5 - Justera inställningarna för effekten

Klicka på komponenten och öppna panelen komponent inspektören [trycka SHIFT-F7] eller "Window" -> "Component Inspector". I "Starta MovieClip" välj lista "my_image_01" bör väljas.

Kontrollera om my_image_01 är inställd som in MovieClip

Alla filmklipp med exempelvis namn i denna ram anges i "Start MovieClip" och "End MovieClip" Välj lista. Eftersom du drar effekt på MovieClip "my_image_01", är detta den första MovieClip. Som "End MovieClip" välj "my_image_02". Lämna de andra inställningen för nu.

Ställ my_image_02 som End MovieClip

Steg 6 - Export

Exportera Flash movie [tryck Ctrl-ENTER] eller "Command" -> "Test Movie" så får du se bilden övergången.

Result

Steg 6 - Play!

Nu kan du leka med parametrar för att anpassa dig effekt. Du kan också använda denna effekt med ActionScript. Hitta den fullständiga dokumentationen här.

Hämta

Klicka här för att ladda ner. Fla av den här guiden. Obs:. Fla inte inkluderar effekten komponenten. För att göra FLA fungera måste du köpa Shuffle Tile Effect här.

Här hittar du en video tutorial på hur man kan använda en annan effekt.

  • Share / Bookmark