Cool Effect Flash Tutorials!

Riassunto

In questo tutorial potrete imparare a creare una presentazione, che ha una volta / fuzz / transizione TV rotto 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: Gli screenshot in questo tutorial sono realizzati in Flash CS3. Funziona esattamente lo stesso in Flash 8 o Flash CS4. Questo tutorial è ActionScript 2 (anche se non è richiesto di ActionScript).

Fase 1 - Installare l'effetto componente

Scarica il Fuzz Effetto TV qui . Segui le istruzioni di installazione e trascinare il componente dal pannello dei componenti nella libreria dei vostri file. FLA.

Fase 2 - Importare immagini

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

Fase 3 - Convertire immagini in Scarica video

Creare un nuovo Scarica video [premere Ctrl-F8] o "Inserisci" -> "Nuovo simbolo ...", di nome "image01" e mettere la prima immagine nel primo fotogramma di questo MovieClip. Ripetere questa operazione per le altre immagini, quelle movieclips nome "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à esistente di "img01". Creare a livello di più e il nome loro "img02" e "transition01". Ancora una volta la denominazione è solo per una migliore visione. È possibile scegliere altri nomi, se vuoi.

Trascinare le prime due clip filmato di immagini dalla libreria al livello corrispondente.

Clicca nel primo fotogramma del livello "transition01". Trascinate l'effetto TV Fuzz componente dalla libreria sul palco. Il componente viene automaticamente scattare verso l'angolo superiore sinistro del MovieClip.

Per ogni click strato sul telaio 50 e creare una cornice di premere [F5] o fate clic destro e "Inserisci cornice".

E 'importante dare i nomi di istanza MovieClip immagine, altrimenti l'effetto componente è in grado di individuarli. Clicca sul MovieClip one-by-one immagine e impostare un nomi di istanza, in questo caso "image01" e "image02" (si può scegliere un diverso nome, se volete).

Clicca l'effetto TV Fuzz sul palco e aprire il pannello Component Inspector [premere SHIFT-F7] o "Window" -> "ispezione dei componenti". Tutti i MovieClip con nomi di istanza in questa cornice sono elencati nella sezione "Scarica video Start" e "End Scarica video" nell'elenco di selezione. Scegliere "image01" come "Scarica video Start" e "image02" come "End Scarica video".

Esportare il filmato flash [premere Ctrl-ENTER] o "Command" -> "Prova filmato". La transizione è in corso dalla prima immagine al secondo.

Fase 5 - Aggiungere seconda transizione

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

Su ogni strato di cliccare su telaio 51 (un frame dopo il passaggio precedente è terminato) e inserisce un keyframe premere [F6] o fate clic destro e "Inserisci cornice".

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

Ora imposta i nomi di istanza di questo movieclips immagine "image03" e "image04".

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

Selezionate il livello "transition02" e trascinare il componente effetto dalla libreria sul palco. Ancora una volta, il componente snap automaticamente.

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

Per i nuovi tre strati creare una cornice al frame 100 [premere F5] o fate clic destro e "Inserisci cornice".

Quando si esporta il filmato flash ora, si vede che entrambi transizione sono mostrati prima che il film è lambita.

Fase 6 - Aggiunta di pausa tra le due transizioni delle immagini

Per avere il tempo un po 'più tra le transizioni di lasciare i fotogrammi chiave di livello "img01" e "transition01" intatta. Estendere la durata del layer "img02" (l'immagine che si conclude con la transizione) con l'aggiunta di un fotogramma in fotogramma 80 [premere F5] o fate clic destro e "Inserisci cornice".

Ora selezionare l'intero blocco della transizione secondo (è possibile in modo che, cliccando fotogramma 51 del "transition01" e con premuto SHIFT chiave cliccando telaio 100 di "img04") e spostare il blocco buco al fotogramma 81.

Si può fare lo stesso per la seconda transizione.

Download

Clicca qui per scaricare il. fla di questo tutorial. Nota: L'. Fla include la versione di prova della componente di effetto, che funziona solo in IDE Flash (Flash 8, Flash CS3 o Flash CS4), ma non all'interno del browser.

È inoltre possibile scaricare il Fuzz Effetto TV qui .

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