Cool Flash Tutorials Effect!

Sažetak

In this tutorial naučit ćete kako napraviti slideshow, koji je treptaj / fuzz / pokvario TV prijelaza između slika.

Ovdje konačni rezultat:

Zahtjevi

Flash 8, Flash CS3 i Flash CS4.
3 slike (u ovom slučaju 550 × 400, dostupne slike u udžbenik zip datoteka)

Napomena: Screenshots u ovom vodiču su izrađene u Flash CS3. To radi točno isto u Flash 8 i Flash CS4. Ovaj tutorial je ActionScript 2 (iako nije ActionScript je potrebno).

1. korak - Instalacija učinak komponente

Preuzimanje Učinak TV Fuzz ovdje. Molimo slijedite upute za instalaciju i povucite komponente od komponente na ploči biblioteka tvoj. FLA file.

2. korak - uvoz slike

Uvoz sve tri slike "File" -> "Import" -> "Import u knjižnici ...".

Korak 3 - Pretvaranje slike u MovieClip

Napravi novi MovieClip [pritisnite Ctrl-F8] ili "Umetni" -> "Nova stranica ...", to ime "image01" i stavio prvu sliku u prvom okviru ove MovieClip. Ponovite ovaj korak za druge slike, imena onih Movieclips "image02" i "image03". BTW, imenovanje je do vas.

4. korak - Kreirajte prvi tranzicije

Sada kliknite na "Scene 1" za povratak na glavnu vremenskoj skali.

Preimenuj već postojeće sloj na "img01". Napravite više slojeva i njihovo ime "img02" i "transition01". Opet imenovanja je samo za bolji pregled. Možete odabrati i druge nazive ako želite.

Povucite prva dva Movieclips sliku iz biblioteke na odgovarajući sloj.

Kliknite u prvom okviru sloja "transition01". Povucite Utjecaj TV-Fuzz komponenta iz svoje biblioteke na pozornicu. Komponenta automatski će snap u gornjem lijevom kutu vašeg MovieClip.

Za svaki sloj kliknite na okvir 50 godina i stvaranje okvira [pritisnite F5] ili kliknite desnom tipkom i "Insert Frame".

To je važno dati sliku Movieclips primjer imena, inače efekt komponenta nije u mogućnosti da ih prepozna. Kliknite na sliku MovieClip jedan-po-jedan i postaviti primjer imena, u ovom slučaju "image01" i "image02" (možete odabrati drugi naziv, ako želite).

Kliknite Utjecaj TV-Fuzz na pozornici i otvorite panel komponenta inspektor [pritisnite Shift-F7] ili "Prozor" -> "Komponenta inspektora". Sve Movieclips primjer s imenima u ovom okviru navedene su u "Start MovieClip" i "End MovieClip" odaberite popis. Izaberite "image01" kao "Start MovieClip" i "image02" kao "End MovieClip".

Izvoz bljesak film [pritisnite Ctrl-Enter] ili "Command" -> "test Movie". Prijelaz ide iz prve slike u drugu.

Korak 5 - Dodaj drugi prijelaz

Napravite još tri sloja te ih naziva "img03", "img04" i "transition02".

Na svaki sloj kliknite na okvir 51 (jednog okvira nakon što je završio prethodni tranzicija) i umetnite keyframes [pritisnete F6] ili kliknite desnom tipkom i "Insert Frame".

Mi ćemo ponovno drugu sliku MovieClip, od drugog tranzicija bi trebao započeti s njom. Kliknite samo glavni okvir stvoren na layer "img03" i povucite MovieClip "image02" iz biblioteke na pozornicu. Kliknite upravo stvorili kljucni okvir na layer "img04" i povucite MovieClip "image03" iz biblioteke na pozornicu.

Sada postavite primjer imena ove slike Movieclips na "image03" i "image04".

To je malo konfuzno za postavljanje sloja i primjer imena jednog broja do tada MovieClip originalni naziv. Ali za bolji pregled i zadržati broj potencijalnih pogrešaka niska, bolje je tretirati Movieclips drugog prijelaza kao i potpuno novi Movieclips.

Odaberite layer "transition02" i povucite efekt komponentu iz svoje biblioteke na pozornicu. Opet, komponenta će snap automatski.

Kliknite komponenta na pozornici, otvorite panel inspektora komponentu i odaberite "image03" kao "Start MovieClip" i "image04" kao "End MovieClip".

Za nova tri sloja stvaranje okvira na okvir 100 [pritisnite F5] ili kliknite desnom tipkom i "Insert Frame".

Kada izvozu tvoj bljesak film sad, vidjet ćete da su oba prijelaza prikazani prije nego je film lopped.

6. korak - Dodavanje pauza između obje slike prijelazi

Da bi imali malo više vremena između prijelaze ostaviti keyframes sloja "img01" i "transition01" netaknute. Produžiti trajanje sloja "img02" (slika koja završava s tranzicija) dodavanjem okvira u okviru 80 [pritisnite F5] ili kliknite desnom tipkom i "Insert Frame".

Sada odaberite cijeli blok drugog prijelaza (te na taj način može da se klikom na okvir 51 "transition01" i pritisne tipku SHIFT i kliknite okvir 100 "img04") i premjestiti blok rupu u okviru 81.

To možete učiniti isto za drugu tranziciju.

Preuzimanje

Kliknite ovdje za download. FLA za ovaj udžbenik. Napomena:. FLA uključuje probnu verziju efekt komponente, koji će samo raditi u Flash IDE (Flash 8, Flash CS3 i Flash CS4), ali ne unutar preglednika.

Također možete preuzeti Utjecaj TV-Fuzz ovdje.

Ovdje možete pronaći video tutorial o tome kako implementirati drugačiji efekt.