Sammanfattning

I den här guiden lär du dig hur du skapar en effekt virvel övergång där en bild lockar / twirls / virvel till en annan. Du kan ställa in varaktighet (frames) för övergången. Ingen ActionScript krävs för att slutföra denna tutorial, du bara arbeta på tidslinjen och ställ in parametern av effekten inuti komponenten inspektören.

Här slutresultatet:


Krav

Flash 8, 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 precis likadant med Flash 8 och Flash CS4. Denna handledning är en ActionScript 2 Project (komponenten finns också som AS3 version).

Steg 1 - Installera effekt komponenten

Hämta den Swirl Effect. 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

Välj den frist bild 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 komponenten är inte att identifiera MovieClip. Ange exempel namn på den andra bilden MovieClip till "my_image_02".

Ställ exempel namnet på första bilden MovieClip

Ställ exempel namn på andra bilden 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 bör "my_image_01" väljas.

Target filmklipp i komponent inspektör

Alla filmklipp med exempelvis namn i denna ram anges i "Mål MovieClip" Välj lista. Eftersom du draged effekten på MovieClip "my_image_01", är detta den frist MovieClip. Som "End MovieClip" välj "my_image_01". Lämna de andra inställningen tomt för nu. Exportera Flash movie [tryck Ctrl-ENTER] eller "Command" -> "Test Movie" och du ser att bilden övergången.

Result

Steg 6 - Play!

Leka med andra parametrar inuti komponenten inspektören. Den dokumentation av inställningarna kan hittas här. Du kan också använda denna effekt med ActionScript.

Hämta

Klicka här för att ladda ner. Fla av den här guiden. Anmärkning:. Fla innehåller testversion av effekten komponent, som bara kan fungera i Flash IDE (Flash 8, Flash CS3 eller Flash CS4) men inte inuti webbläsaren.

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

  • Share / Bookmark