Přehled

V tomto tutoriálu se naučíte, jak vytvořit slideshow, která má blikání / fuzz / rozbité TV přechod mezi obrázky.

Zde konečný výsledek:


Požadavky

Flash 8, Flash CS3 nebo Flash CS4.
3 snímky (v tomto případě 550 × 400, obrázky k dispozici v tutoriálu zip soubor )

Poznámka: screenshoty v tomto tutoriálu jsou vyráběny v CS3 Flash. Funguje to přesně stejné ve Flash 8 nebo Flash CS4. Tento tutoriál je ActionScript 2 (i když ne ActionScript je požadováno).

Krok 1 - Instalace účinek složky

Stáhněte si TV Fuzz Effect zde . Řiďte se pokyny pro instalaci a přetáhnout složku z jednotlivých složek panel do knihovny svého. fla soubor.

Přetáhněte složku do knihovny

Krok 2 - Import obrázků

Import všech tří snímků "File" -> "Import" -> "Import do knihovny ...".

Import obrázků

Krok 3 - převést obrázky do MovieClip

Vytvořit nový MovieClip [stisknout Ctrl-F8], nebo "Vložit" -> "New Symbol ...", název je "image01" a dát první obrázek v první snímek tohoto MovieClip. Opakujte tento krok pro další obrázky, jména těch, Movieclips "image02" a "image03". BTW, jmenovat je na vás.

Vytvořit nový MovieClip ...

... jméno MovieClip ...

... a přetáhněte obrázek na časovou osu MovieClip

Knihovna s Movieclips a obrázky

Krok 4 - Vytvoření první přechod

Nyní klikněte na "Scene 1" se dostat zpět na hlavní časové ose.

Vraťte se do hlavní časové ose

Přejmenování již existující vrstvu "img01". Vytvořit více vrstev a jejich pojmenování "img02" a "transition01". Opět pojmenování je určen pouze pro lepší přehled. Můžete si vybrat i jiné názvy, chcete-li.

Přejmenování vrstvy

Přetáhněte první dva image Movieclips z knihovny do příslušné vrstvy.

Drag Movieclips o vrstvách

Klikněte na první snímek vrstvy "transition01". Přetáhněte TV Fuzz Effect komponent z knihovny na jeviště. Komponenta se automaticky změní na levém horním rohu vašeho MovieClip.

Přetáhněte komponentu na vrstvě

Pro každou vrstvu klikněte na rámu 50 a vytvořit rámec [stiskněte klávesu F5] nebo klikněte pravým tlačítkem myši a "Vložit rámeček".

Vytvořit rám ...

... na všech vrstvách

Je důležité, aby obraz Movieclips instance jména, jinak efekt složka není schopen odhalit. Klikněte na obrázek MovieClip one-by-one a nastavit například jména, v tomto případě "image01" a "image02" (můžete si vybrat jiné jméno, chcete-li).

Set instance jméno prvního MovieClip

Set instance jméno druhého MovieClip

Klikněte na TV Fuzz Vliv na jevišti a otevřete složku inspektor panel [Tisková SHIFT-F7] nebo "okna" -> "Součást inspektor". Všechny Movieclips s názvy instancí v tomto rámu jsou uvedeny v "Start MovieClip" a "End MovieClip" select seznam. Zvolte "image01" jako "Start MovieClip" a "image02" jako "End MovieClip".

Start MovieClip volby

Přechod nastavení

Export flash movie [stisknout Ctrl-ENTER], nebo "Command" -> "Test film". Přechod se děje od prvního obrazu do druhého.

Výsledek

Krok 5 - Přidat druhé změny

Vytvořit další tři vrstvy a jejich pojmenování "img03", "img04" a "transition02".

Vytvářet více vrstev

Na každé vrstvy klikněte na rámu 51 (jeden snímek po předchozím přechod byl ukončen) a vloží klíčové snímky [Tisková F6] nebo klikněte pravým tlačítkem myši a "Vložit rámeček".

Vložit rám ...

... pro všechny vrstvy

Budeme znovu použít druhý obrázek MovieClip, jelikož je druhý přechod by měl začít s ním. Klepněte na právě vytvořili klíčový snímek na vrstvu "img03" a přetáhněte MovieClip "image02" z knihovny na jeviště. Klepněte na právě vytvořili klíčový snímek na vrstvu "img04" a přetáhněte MovieClip "image03" z knihovny na jeviště.

Přetáhněte Movieclips na vytvořené vrstvy

Nyní nastavte názvy instancí tohoto obrázku Movieclips na "image03" a "image04".

Set instance jméno prvního obrazu

Set instance jméno druhého obrázku

Je to trochu matoucí pro nastavení vrstvy a názvy instancí jedno číslo nahoru, pak původní MovieClip jméno. Ale pro lepší přehled a aby počet možných chyb nízká, je lepší léčit Movieclips druhého přechodu jako zcela nové Movieclips.

Vyberte vrstvu "transition02" a přetáhněte efekt komponent z knihovny na jeviště. Opět bude složka modulu snap automaticky.

Drag komponent na scéně

Klikněte na složku na jevišti, otevřete složku inspektor panel a zvolte "image03" jako "Start MovieClip" a "image04" jako "End MovieClip".

Nastavení uvnitř součásti inspektor panel

Pro nové třívrstvého vytvořit snímek na snímku 100 [stiskněte klávesu F5] nebo klikněte pravým tlačítkem myši a "Vložit rámeček".

Vložit snímky ve všech třech vrstvách

Při exportu flash film teď, zjistíte, že obě přechod se zobrazí u filmu je lopped.

Výsledek

Krok 6 - Přidat pauza mezi oběma přechodovými efekty

Chcete-li mít trochu více času mezi přechody ponechat klíčové snímky vrstvy "img01" a "transition01" nedotčené. Prodloužit délku vrstvy "img02" (obraz, který přechod končí), přidáním rámečku v rámečku 80 [stiskněte klávesu F5] nebo klikněte pravým tlačítkem myši a "Vložit rámeček".

Vložit snímek

Vložit snímek

Nyní vyberte celý blok druhého přechodu (můžete tak, že kliknutím na rám 51 na "transition01" a s lisovanými klávesu SHIFT kliknutím snímek 100 z "img04") a přesunout otvor bloku do rámu 81.

Vyberte vrstvy ...

... přetáhněte blok na rámu 81 ...

a uvolněte jej

Můžete udělat totéž pro druhý přechod.

Stáhnout

Klikněte zde pro stažení. Fla tohoto tutoriálu. Pozn.:. Fla obsahuje zkušební verzi účinku složka, která bude fungovat pouze v Flash IDE (Flash 8, Flash CS3 nebo Flash CS4), ale ne uvnitř prohlížeče.

Můžete si také stáhnout TV Fuzz Effect zde .

Zde najdete video tutorial, jak zavést odlišný efekt.

  • Sdílet / Záložka