Cool Effect Tutorials Flash!

Sintesi

In questo tutorial vi spiegherà come creare una presentazione, che ha un guizzo / / fuzz transizione rotto TV tra le immagini.

Ecco il risultato finale:

Requisiti

Flash 8, Flash CS3 o Flash CS4.
3 immagini (in questo caso 550 × 400, le immagini disponibili nel file zip tutorial)

Nota: Le schermate contenute in questo tutorial sono realizzati in Flash CS3. Funziona esattamente la stessa cosa in Flash 8 e Flash CS4. Questo tutorial è ActionScript 2 (anche se non ActionScript è richiesto).

Step 1 - Installare il componente effetto

Scarica il Effect TV Fuzz qui. Si prega di seguire le istruzioni di installazione e trascinare il componente dal pannello componente nella libreria del file. Fla.

Fase 2 - Importa immagini

Importare tutte le tre immagini "File" -> "Importa" -> "Importa in libreria ...".

Fase 3 - Converti immagini in Movieclip

Creare un new MovieClip premere [Ctrl-F8] o "Inserisci" -> "Nuovo simbolo ...", il nome "image01" e mettere la prima immagine nel primo fotogramma di questo MovieClip. Ripetere questo passaggio per le altre immagini, quelle nome movieclips "image02" e "image03". BTW, la designazione spetta a voi.

Fase 4 - Creare la prima transizione

Ora cliccate su "Scena 1" per tornare alla linea temporale principale.

Rinominare il livello già esistenti "img01". Create a più livelli e il nome del loro "img02" e "transition01". Ancora una volta la denominazione è solo per una migliore visione d'insieme. È possibile scegliere altri nomi se volete.

Trascinare i primi due movieclips immagine dalla libreria al rispettivo livello.

Fare clic nel primo fotogramma del livello "transition01". Trascinare il componente TV Effetto Fuzz dalla libreria sul palco. La componente automaticamente scatto verso l'angolo superiore sinistro del vostro MovieClip.

Per ogni clic strato sul telaio 50 e creare una cornice [premere F5] o tasto destro del mouse e "Insert Frame".

E 'importante dare i nomi immagine istanza MovieClip, altrimenti l'effetto componente è in grado di individuarli. Clicca sull'immagine Movieclip uno per uno i nomi e impostare un esempio, in questo caso "image01" e "image02" (si può scegliere un nome diverso se si desidera).

Scegliere l'effetto TV Fuzz sul palco e aprire il pannello di ispezione dei componenti [premere SHIFT-F7] o "Finestra" -> "ispezione dei componenti". Tutti movieclips con i nomi di istanza in questa cornice sono elencati nella sezione "Start Movieclip" e "End Movieclip" nell'elenco di selezione. Scegliere "image01", come "Start Movieclip" e "image02" come "Fine Movieclip".

Esportare il filmato in flash [premere Ctrl-ENTER] o "Command" -> "Prova filmato". La transizione è l'immagine che va dal primo al secondo.

Fase 5 - Aggiungi seconda transizione

Creare tre strati più e il nome del loro "img03", "img04" e "transition02".

Su ogni strato di scegliere il frame 51 (un fotogramma dopo il passaggio precedente è terminata) e inserire un keyframe [premere F6] o tasto destro del mouse e "Insert Frame".

Ci riutilizzare la seconda immagine MovieClip, poiché la seconda transizione dovrebbe iniziare con esso. Fare clic sul fotogramma chiave appena creata sul layer "img03" e trascinare il clip filmato "image02" dalla libreria sul palco. Fare clic sul fotogramma chiave appena creata sul layer "img04" e trascinare il clip filmato "image03" dalla biblioteca sul palco.

Ora insieme i nomi di istanza di questa immagine movieclips a "image03" e "image04".

E 'un po' di confusione a livello di set e nomi di istanza numero uno fino allora il nome Movieclip originale. Ma per una migliore visione d'insieme e di mantenere il numero di errori di basso potenziale, è meglio trattare la movieclips della seconda transizione come movieclips completamente nuovo.

Selezionate il livello "transition02" e trascinare il componente effetto dalla libreria sul palco. Anche in questo caso, il componente snap automaticamente.

Fare clic sul componente sul palco, aprire il pannello di ispezione dei componenti e selezionare "image03" come "Start Movieclip" e "image04" come "Fine Movieclip".

Per i nuovi tre strati creare una cornice al fotogramma 100 [premere F5] o tasto destro del mouse e "Insert Frame".

Quando si esporta il filmato in flash ora, si vede che entrambi sono indicati di transizione prima che il filmato è tagliato.

Fase 6 - Aggiungere una pausa tra le due transizioni delle immagini

Per avere il tempo un po 'di più tra le transizioni di lasciare i fotogrammi chiave di livello "img01" e "transition01" intatta. Estendere la lunghezza dello strato di "img02" (l'immagine che si conclude con il passaggio) con l'aggiunta di una cornice in cornice 80 [premere F5] o tasto destro del mouse e "Insert Frame".

Ora selezionare il blocco di tutta la seconda transizione (è possibile in modo che cliccando su frame 51 del "transition01" e premuto MAIUSC Key cliccando frame 100 di "img04") e spostare il blocco buco al fotogramma 81.

È possibile fare la stessa cosa per la seconda transizione.

Scaricare

Clicca qui per scaricare il fla. Di questo tutorial. Nota: La fla. Comprende la versione di prova del componente effetto, che può funzionare solo in IDE Flash (Flash 8, Flash CS3 o Flash CS4), ma non all'interno del browser.

È inoltre possibile scaricare la TV Effetto Fuzz qui.

Qui potete trovare un video tutorial di come realizzare un effetto diverso.