Sammanfattning

I den här guiden får du lära dig att skapa ett bildspel, som har ett flimmer / fuzz / brutet TV övergången mellan bilderna.

Här slutresultatet:


Krav

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

Obs: skärmdumpar i denna handledning är gjord i Flash CS3. Det fungerar exakt likadant i Flash 8 eller Flash CS4. Denna handledning är ActionScript 2 (även om ingen ActionScript krävs).

Steg 1 - Installera effekt komponenten

Download the TV Fuzz Effect här. Följ installationsinstruktionerna och dra denna komponent av komponent panelen i biblioteket på din. Fla-filen.

Dra komponent i biblioteket

Steg 2 - Importera bilder

Importera alla tre bilder "File" -> "Importera" -> "Importera till bibliotek ...".

Importera bilder

Steg 3 - Konvertera bilder till MovieClip

Skapa en ny MovieClip [tryck Ctrl-F8] eller "Insert" -> "ny symbol ...", name it "image01" och lägg den första bilden i den första bildrutan i detta MovieClip. Upprepa detta för övriga bilder, namn de filmklipp "image02" och "image03". BTW, är det namngivning upp till dig.

Skapa ny MovieClip ...

... namn MovieClip ...

... och dra bilden på tidslinjen av MovieClip

Bibliotek med filmklipp och bilder

Steg 4 - Skapa första övergången

Klicka nu på "Scene 1" för att komma tillbaka till de viktigaste tidslinjen.

Gå tillbaka till startsidan tidslinje

Byt namn på den redan befintliga lager till "img01". Skapa mer lager och namnge dem "img02" och "transition01". Återigen namngivning är endast för en bättre översikt. Du kan välja andra namn om du vill.

Byt namn på lager

Dra de två första bilden filmklipp från biblioteket till respektive lager.

Dra filmklipp på lager

Klicka i den första bildrutan i lagret "transition01". Dra TV Fuzz Effect komponent från biblioteket på scenen. Komponenten kommer automatiskt snäpper till övre vänstra hörnet av din MovieClip.

Dra komponenten på lager

För varje skikt klicka inramar på 50 och skapa en ram [tryck F5] eller högerklicka och "Insert Frame".

Skapa frame ...

... på alla nivåer

Det är viktigt att ge bilden filmklipp exempel namn, annars effekten komponenten är omöjligt att upptäcka dem. Klicka på bilden MovieClip en i taget och som ett exempel namn, i detta fall "image01" och "image02" (du kan välja ett annat namn om du vill).

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

Ställ exempel namnet på den andra MovieClip

Klicka på TV Fuzz Effekt på scenen och öppna panelen komponent inspektören [trycka SHIFT-F7] eller "Window" -> "Component Inspector". Alla filmklipp med exempelvis namn i denna ram anges i "Start MovieClip" och "End MovieClip" Välj lista. Välj "image01" som "Start MovieClip" och "image02" som "End MovieClip".

Start MovieClip alternativ

Transition inställningar

Exportera Flash movie [tryck Ctrl-ENTER] eller "Command" -> "Test Movie". Övergången går från den första bilden till den andra.

Result

Steg 5 - Lägg andra övergång

Skapa tre lager och namnge dem "img03", "img04" och "transition02".

Skapa fler lager

På varje skikt Klicka inramar på 51 (en ram efter den tidigare övergången är slut) och mata in en nyckelrutor [trycka F6] eller högerklicka och "Insert Frame".

Infoga ram ...

... alla lager

Vi kommer att återanvända den andra bilden MovieClip, eftersom den andra övergången ska börja med det. Klicka på just skapat keyframe på lagret "img03" och dra MovieClip "image02" från biblioteket på scenen. Klicka just skapat keyframe på lager "img04" och dra MovieClip "image03" från biblioteket på scenen.

Dra filmklipp på de skapade lager

Nu ställa exempel namnen på denna bild filmklipp till "image03" och "image04".

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

Ställ exempel namnet på den andra bilden

Det är lite förvirrande att ställa lager och namn exempel ett nummer upp då det ursprungliga MovieClip namn. Men för bättre överblick och för att hålla antalet potentiella fel låg, är det bättre att behandla filmklipp av andra övergången som helt nya filmklipp.

Markera lagret "transition02" och dra effekten komponent från biblioteket på scenen. Återigen komponenten kommer snap automatiskt.

Dra komponent på scen

Klicka på komponenten på scen, öppna panelen komponent inspektören och välj "image03" som "Start MovieClip" och "image04" som "End MovieClip".

Inställningar inuti komponenten inspektören panelen

För de nya tre skikt skapar en bild i ram 100 [tryck på F5] eller högerklicka och "Insert Frame".

Infoga bildrutor i alla tre lager

När du exporterar din Flash Movie nu, ser du att både övergång visas innan filmen är hamlade.

Result

Steg 6 - Lägg paus mellan båda bildövergångar

Ha lite mer tid mellan övergångarna lämna keyframes av lagret "img01" och "transition01" orörd. Förlänga lagret "img02" (bilden som övergången slutar med) genom att lägga till en ram i ram 80 [tryck på F5] eller högerklicka och "Insert Frame".

Infoga ram

Infoga ram

Nu väljer de helt kvarter i den andra övergången (du kan så att genom att klicka ram 51 "transition01" och tryckte SKIFT klicka inramar på 100 av "img04") och flytta hålet blocket för att frame 81.

Välj lager ...

... Dra blocket för att frame 81 ...

och släpp den

Du kan göra samma sak för den andra övergången.

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.

Du kan också ladda ner TV Fuzz Effect här.

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

  • Share / Bookmark