Prehľad

V tomto tutoriále sa naučíte, ako vytvoriť slideshow, ktorá má blikanie / fuzz / rozbité TV prechod medzi obrázkami.

Tu konečný výsledok:


Požiadavky

Flash 8, Flash CS3 alebo Flash CS4.
3 snímky (v tomto prípade 550 × 400, obrázky k dispozícii v tutoriále zip súbor )

Poznámka: screenshoty v tomto tutoriále sú vyrábané v CS3 Flash. Funguje to presne rovnaké vo Flash 8 alebo Flash CS4. Tento tutoriál je ActionScript 2 (aj keď nie ActionScript je požadované).

Krok 1 - Inštalácia účinok zložky

Stiahnite si TV Fuzz Effect tu . Riaďte sa pokynmi pre inštaláciu a pretiahnuť zložku z jednotlivých zložiek panel do knižnice svojho. fla súbor.

Presuňte priečinok do knižnice

Krok 2 - Import obrázkov

Import všetkých troch snímok "File" -> "Import" -> "Import do knižnice ...".

Import obrázkov

Krok 3 - previesť obrázky do MovieClip

Vytvoriť nový MovieClip [stlačiť Ctrl-F8], alebo "Vložiť" -> "New Symbol ...", názov je" image01 "a dať prvý obrázok v prvú snímku tohto MovieClip. Opakujte tento krok pre ďalšie obrázky, mená tých, Movieclips "image02" a "image03". BTW, vymenovať je na vás.

Vytvoriť nový MovieClip ...

... meno MovieClip ...

... a pretiahnite obrázok na časovú os MovieClip

Knižnica s Movieclips a obrázkami

Krok 4 - Vytvorenie prvý prechod

Teraz kliknite na "Scene 1" sa dostať späť na hlavnú časovej osi.

Vráťte sa do hlavnej časovej osi

Premenovanie už existujúce vrstvu "img01". Vytvoriť viac vrstiev a ich pomenovanie "img02" a "transition01". Opäť pomenovanie je určený len pre lepší prehľad. Môžete si vybrať aj iné názvy, ak chcete.

Premenovanie vrstvy

Presuňte prvé dva image Movieclips z knižnice do príslušnej vrstvy.

Drag Movieclips o vrstvách

Kliknite na prvú snímku vrstvy "transition01". Presuňte TV Fuzz Effect komponentov z knižnice na javisko. Komponenta sa automaticky zmení na ľavom hornom rohu vášho MovieClip.

Presuňte komponent na vrstve

Pre každú vrstvu kliknite na ráme 50 a vytvoriť rámec [stlačte kláves F5] alebo kliknite pravým tlačidlom myši a "Vložiť rámik".

Vytvoriť rám ...

... na všetkých vrstvách

Je dôležité, aby obraz Movieclips inštancie mena, inak efekt zložka nie je schopný odhaliť. Kliknite na obrázok MovieClip one-by-one a nastaviť napríklad mená, v tomto prípade "image01" a "image02" (môžete si vybrať iné meno, ak chcete).

Set inštancie meno prvého MovieClip

Set inštancie meno druhého MovieClip

Kliknite na TV Fuzz Vplyv na javisku a otvorte priečinok inšpektor panel [Tlačová SHIFT-F7] alebo "okná" -> "Súčasť inšpektor". Všetky Movieclips s názvami inštanciou v tomto ráme sú uvedené v "Štart MovieClip" a "End MovieClip" select zoznam. Zvoľte "image01" ako "Štart MovieClip" a "image02" ako "End MovieClip".

Štart MovieClip voľby

Prechod nastavenie

Export flash movie [stlačiť Ctrl-ENTER], alebo "Command" -> "Test film". Prechod sa deje od prvého obrazu do druhého.

Výsledok

Krok 5 - Pridať druhej zmeny

Vytvoriť ďalšie tri vrstvy a ich pomenovanie "img03", "img04" a "transition02".

Vytvárať viac vrstiev

Na každej vrstvy kliknite na ráme 51 (jeden snímok po predchádzajúcom prechod bol ukončený) a vložia kľúčové snímky [Tlačová F6] alebo kliknite pravým tlačidlom myši a "Vložiť rámik".

Vložiť rám ...

... pre všetky vrstvy

Budeme znovu použiť druhý obrázok MovieClip, keďže je druhý prechod by mal začať s ním. Kliknite na práve vytvorili kľúčový snímka na vrstvu "img03" a pretiahnite MovieClip "image02" z knižnice na javisko. Kliknite na práve vytvorili kľúčový snímka na vrstvu "img04" a pretiahnite MovieClip "image03" z knižnice na javisko.

Presuňte Movieclips na vytvorené vrstvy

Teraz nastavte názvy inštancií tohto obrázku Movieclips na "image03" a "image04".

Set inštancie meno prvého obrazu

Set inštancie meno druhého obrázku

Je to trochu mätúce pre nastavenie vrstvy a názvy inštancií jedno číslo hore, potom pôvodné MovieClip meno. Ale pre lepší prehľad a aby počet možných chýb nízka, je lepšie liečiť Movieclips druhého prechodu ako úplne nové Movieclips.

Vyberte vrstvu "transition02" a pretiahnite efekt komponentov z knižnice na javisko. Opäť bude zložka modulu snap automaticky.

Drag komponentov na scéne

Kliknite na priečinok na javisku, otvorte priečinok inšpektor panel a vyberte "image03" ako "Štart MovieClip" a "image04" ako "End MovieClip".

Nastavenie vnútri súčasti inšpektor panel

Pre nové trojvrstvového vytvoriť snímku na snímke 100 [stlačte kláves F5] alebo kliknite pravým tlačidlom myši a "Vložiť rámik".

Vložiť snímky vo všetkých troch vrstvách

Pri exporte flash film teraz, zistíte, že obe prechod sa zobrazí u filmu je lopped.

Výsledok

Krok 6 - Pridať pauza medzi oboma prechodovými efektmi

Ak chcete mať trocha viac času medzi prechodmi ponechať kľúčové snímky vrstvy "img01" a "transition01" nedotknutej. Predĺžiť dĺžku vrstvy "img02" (obraz, ktorý prechod končí), pridaním rámčeku v rámčeku 80 [stlačte kláves F5] alebo kliknite pravým tlačidlom myši a "Vložiť rámik".

Vložiť snímku

Vložiť snímku

Teraz vyberte celý blok druhého prechodu (môžete tak, že kliknutím na rám 51 na "transition01" a s lisovanými kláves SHIFT kliknutím snímku 100 z "img04") a presunúť otvor bloku do rámu 81.

Vyberte vrstvy ...

... presuňte blok na ráme 81 ...

a uvoľnite ho

Môžete urobiť to isté pre druhý prechod.

Stiahnuť

Kliknite tu pre stiahnutie. fla tohto tutoriálu. Pozn:. Fla obsahuje skúšobnú verziu účinku zložka, ktorá bude fungovať len v Flash IDE (Flash 8, Flash CS3 alebo Flash CS4), ale nie vo vnútri prehliadača.

Môžete si tiež stiahnuť TV Fuzz Effect tu .

Tu nájdete video tutorial, ako zaviesť odlišný efekt.

  • Zdieľať / Záložka