Resumé

I denne tutorial vil du lære, hvordan du opretter et lysbilledshow, som har en flimmer / fuzz / brudt TV overgangen mellem billederne.

Her er det endelige resultat:


Krav

Flash 8, Flash CS3 eller Flash CS4.
3 billeder (i dette tilfælde 550 × 400, billeder til rådighed i tutorial zip fil)

Bemærk: skærmbilleder i denne tutorial er lavet i Flash CS3. Det fungerer nøjagtig det samme i Flash 8 eller Flash CS4. Denne tutorial er ActionScript 2 (selv om der ikke ActionScript er påkrævet).

Trin 1 - Installer virkning komponent

Hent den TV Fuzz Effect her. Følg venligst installationsvejledningen og trække den komponent fra den komponent, panel i biblioteket i din. Fla-fil.

Træk komponent i biblioteket

Trin 2 - Importer billeder

Importer alle tre billeder "File" -> "Import" -> "Importer til bibliotek ...".

Importer billeder

Trin 3 - Konverter billeder ind MovieClip

Opret en ny MovieClip [trykke på Ctrl-F8] eller "Indsæt" -> "Nyt symbol ...", kald det "image01" og sætte det første billede i det første billede i denne MovieClip. Gentag dette trin for de andre billeder, navn disse Filmklip "image02" og "image03". BTW, at navngivningen er op til dig.

Opret ny MovieClip ...

... navn MovieClip ...

... og træk billedet på tidslinjen af MovieClip

Bibliotek med Filmklip og billeder

Trin 4 - Opret første overgang

Klik nu på "Scene 1" for at komme tilbage til de vigtigste tidslinjen.

Gå tilbage til hovedsiden tidslinje

Omdøbe den allerede eksisterende lag til "img01". Opret at flere lag og navngive dem "img02" og "transition01". Igen navngivning er kun for et bedre overblik. Du kan vælge andre navne, hvis du vil.

Omdøbe lag

Træk de to første billede Filmklip fra biblioteket til de respektive lag.

Træk Filmklip på lag

Klik på det første billede af det lag "transition01". Træk TV Fuzz Effect komponent fra dit bibliotek på scenen. Den komponent vil automatisk snap til øverste venstre hjørne af dit MovieClip.

Træk komponent på lag

For hvert lag klik på stel 50 og skabe en ramme [trykke F5] eller højreklik og "Insert Frame".

Opret frame ...

... på alle lag

Det er vigtigt at give billedet Filmklip eksempel navne, ellers virkning komponent er i stand til at opdage dem. Klik på billedet MovieClip en ad gangen og statuere et eksempel navne, i dette tilfælde "image01" og "image02" (du kan vælge et andet navn, hvis du vil).

Set eksempel navnet på den første MovieClip

Set eksempel navnet på den anden MovieClip

Klik på tv Fuzz Effekt på scenen og åbne den komponent inspektør panel [trykke på SKIFT-F7] eller "Window" -> "Component Inspector". Alle Filmklip med eksempelvis navne i denne ramme er anført i "Start MovieClip" og "End MovieClip" vælg listen. Vælg "image01" som "Start MovieClip" og "image02" som "End MovieClip".

Start MovieClip options

Overgangsindstillingerne

Eksportere flash film [trykke på Ctrl-ENTER] eller "Command" -> "Test Movie". Overgangen er at gå fra det første billede til den anden.

Resultat

Trin 5 - Tilføj sekunder overgang

Opret yderligere tre lag og navngive dem "img03", "img04" og "transition02".

Skabe flere lag

På hvert lag klik på stel 51 (en ramme efter den tidligere overgang er afsluttet), og indsætte et keyframes [tryk på F6] eller højreklik og "Insert Frame".

Indsæt frame ...

... for alle lag

Vi vil genbruge det andet billede MovieClip, da den anden overgang bør starte med det. Klik på den netop oprettede keyframe på lag "img03" og trække MovieClip "image02" fra biblioteket på scenen. Klik på den netop oprettede keyframe på lag "img04" og trække MovieClip "image03" fra biblioteket på scenen.

Træk Filmklip på den oprettede lag

Nu er den instans navnene på dette billede Filmklip til "image03" og "image04".

Set eksempel navnet på det første billede

Set eksempel navnet på det andet billede

Det er en smule forvirrende at indstille lag og eksempelvis navne ét nummer op så den oprindelige MovieClip navn. Men for bedre overblik og for at holde antallet af potentielle fejl lav, er det bedre at behandle Filmklip af den anden overgang som helt nye Filmklip.

Vælg det lag "transition02" og træk den virkning komponent fra dit bibliotek på scenen. Igen, den komponent, vil snap automatisk.

Træk komponent på scenen

Klik på den komponent på scenen, åbne komponent inspektøren panelet og vælg "image03" som "Start MovieClip" og "image04" som "End MovieClip".

Indstillinger inde i komponenten inspektør panel

For de nye tre lag skabe en ramme på ramme 100 [trykke F5] eller højreklik og "Insert Frame".

Indsæt billeder i alle tre lag

Når du eksporterer din flash-film nu, du kan se, at begge overgang vises før filmen er lopped.

Resultat

Trin 6 - Tilføj pause mellem både billede overgange

At have lidt mere tid mellem de overgange forlade keyframes af lag "img01" og "transition01" urørt. Forlænge varigheden af det lag "img02" (det billede, som overgangen ender med) ved at tilføje et billede i ramme 80 [trykke F5] eller højreklik og "Insert Frame".

Indsæt frame

Indsæt frame

Nu markere hele blokken på den anden overgang (du kan så ved at klikke ramme 51 "transition01" og med trykket på SKIFT Key klikke ramme 100 "img04") og flytte hullet blok til at ramme 81.

Vælg lag ...

... træk blok til at ramme 81 ...

og slip den

Du kan gøre det samme for den anden overgang.

Downloade

Klik her for at hente den. Fla af denne tutorial. Bemærk:. Fla omfatter prøveversionen af den virkning, komponent, som kun vil arbejde i Flash IDE (Flash 8, Flash CS3 eller Flash CS4), men ikke inde i browseren.

Du kan også downloade tv Fuzz Effect her.

Her kan du finde en video lærer, hvordan man gennemfører en anden virkning.

  • Share / Bookmark