Sammanfattning

I denna tutorial får du lära dig att skapa ett bildspel, som har ett flimmer / fuzz / trasig 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 )

Anm: De skärmdumpar i denna tutorial gjort i Flash CS3. Det fungerar exakt likadant i Flash 8 eller Flash CS4. Den här läraren är ActionScript 2 (trots att ingen ActionScript krävs).

Steg 1 - Installera effekt komponenten

Ladda ner TV Fuzz Effect här . Följ installationsanvisningarna och dra komponenten från den del panelen in i biblioteket på din. fla-filen.

Dra komponent i biblioteket

Steg 2 - Importera bilder

Importera alla tre bilder "Arkiv" -> "Import" -> "Importera till bibliotek ...".

Importera bilder

Steg 3 - Konvertera bilder till MovieClip

Skapa ett nytt MovieClip [trycka på Ctrl-F8] eller "Infoga" -> "New Symbol ...", lägg den namnet "image01" och den första bilden i den första bilden i detta MovieClip. Upprepa detta för övriga bilder, namn dessa filmklipp "image02" och "image03". BTW, är det namngivning upp till dig.

Skapa ett nytt MovieClip ...

... namnet MovieClip ...

... och dra bilden på tidslinjen för MovieClip

Bibliotek med filmklipp och bilder

Steg 4 - Skapa första övergången

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

Gå tillbaka till startsidan tidslinjen

Byt namn på den redan befintliga lagret till "img01". Skapa mer lagrar och namnge dem "img02" och "transition01". Återigen namn är bara 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 första bildrutan i lagret "transition01". Dra TV Fuzz Effect komponent från biblioteket på scenen. Komponenten kommer automatiskt att nafsa till det övre vänstra hörnet av MovieClip.

Dra komponenten på lager

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

Skapa ram ...

... på alla lager

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

Ange exempel namnet på den första MovieClip

Ange exempel namnet på en andra MovieClip

Klicka på TV Fuzz Påverkan på scenen och öppna delen inspektören panel tryck [SHIFT-F7] eller "fönster" -> "Component Inspector". Alla filmklipp med bland namnen 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

Övergång inställningar

Exportera Flash-filmen [trycka på Ctrl-ENTER] eller "Command" -> "Test Movie". Övergången kommer från den första bilden till den andra.

Resultat

Steg 5 - Lägg till andra övergång

Skapa tre mer lagrar och namnge dem "img03", "img04" och "transition02".

Skapa mer lager

På varje skikt Klicka inramar på 51 (en ram efter den tidigare övergången är slut) och sätt ett keyframes [trycka F6] eller högerklicka och "Infoga Ram".

Infoga ram ...

... för 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 på just skapat keyframe på lager "img04" och dra MovieClip "image03" från biblioteket på scenen.

Dra filmklipp på den skapade lager

Ställ nu in den instans namn av denna bild filmklipp till "image03" och "image04".

Ange exempel namnet på den första bilden

Ange exempel namnet på den andra bilden

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

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

Dra komponenten på scenen

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

Inställningar inuti komponenten inspektören panelen

För de nya tre lager skapar en ram på ram 100 [tryck F5] eller högerklicka och "Infoga Ram".

Sätt ramar i alla tre lager

När du exporterar din blixt filmen nu ser du att båda övergången visas innan filmen är hamlade.

Resultat

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

Att ha lite mer tid mellan övergångarna lämnar keyframes av lagret "img01" och "transition01" orörd. Förlänga lagret "img02" (den bild som övergången slutar med) genom att lägga till en ram i ram 80 [tryck F5] eller högerklicka och "Infoga Ram".

Infoga ram

Infoga ram

Välj nu helt kvarter av den andra övergångsperioden (du kan så att genom att klicka ram 51 av "transition01" och med pressade SKIFT klicka frame 100 av "img04") och flytta hålet blocket till ram 81.

Välj lager ...

... Dra blocket till ram 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 denna tutorial. Obs!. FLA innehåller testversionen av effekten komponent, som endast kommer att fungera i Flash IDE (Flash 8, Flash CS3 eller Flash CS4), men inte inne i webbläsaren.

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

Här hittar du en video tutorial om hur man ska genomföra en annan effekt.

  • Dela / Bokmärk