Cool Effect Flash Tutorials!

Riassunto

In questo tutorial potrete imparare a creare una transizione tra due immagini dove le immagini vengono mescolate come carte da gioco in uno spazio 3D. È possibile controllare la durata della transizione e il tipo di agio.

Ecco il risultato finale:

Requisiti

Flash CS3 o Flash CS4.
Due immagini (in questo caso 550 × 400, immagine disponibile nel file zip tutorial )

Nota: Gli screenshot in questo tutorial sono realizzati in Flash CS3. Funziona esattamente lo stesso in Flash CS4. Questo tutorial è un ActionScript 3 Project (Questo componente è disponibile solo per AS3, quindi non ci sarà nessuna versione AS2 in futuro).

Fase 1 - Installare l'effetto componente

Acquista il Shuffle effetto di transizione . Segui le istruzioni di installazione e trascinare il componente dal pannello dei componenti nella libreria dei vostri file. FLA.

Fase 2 - Importa immagini Slideshow

Importare le immagini di due premi [Ctrl-R] o "File" -> "Importa" -> "Importa nello stage ...".

Selezionare la prima immagine e lo converte in un] premere F8 [MovieClip o fare clic destro sul MovieClip -> "Converti in simbolo ...". Lascia la MovieClip il nome "Immagine1".

Selezionare la seconda immagine e lo converte in un] premere F8 [MovieClip o fare clic destro sul MovieClip -> "Converti in simbolo ...". Lascia la MovieClip il nome "Immagine2".

Passo 3 - Impostare il nome di istanza di immagine Scarica video

Indicare la Scarica video della prima immagine il nome di istanza "my_image_01" (puoi scegliere un nome diverso se si desidera. Assicuratevi che il nome dell'istanza è unica). Senza un nome di istanza, il componente è in grado di rilevare la MovieClip. Impostare il nome di istanza per MovieClip seconda immagine a "my_image_02".

Fase 4 - Applica effetto

Trascinare il componente dalla libreria sul MovieClip superiore. La componente effetto scatto automatico.

Fase 5 - Regolare le impostazioni degli effetti

Fare clic sul componente e aprire il pannello Component Inspector [premere SHIFT-F7] o "Window" -> "ispezione dei componenti". Nel "Scarica video Start" lista selezionare "my_image_01" dovrebbe essere selezionata.

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. Dal momento che è stato trascinato l'effetto sulla MovieClip "my_image_01", questo è lo spezzone primo. Come "Fine Scarica video" selezionare "my_image_02". Lasciare le altre impostazioni, per ora.

Fase 6 - Esportazione

Esportare il filmato flash [premere Ctrl-ENTER] o "Command" -> "Prova filmato" e vedrete la transizione delle immagini.

Fase 6 - Gioca!

Ora potete giocare con i parametri per personalizzare voi effetto. È inoltre possibile utilizzare questo effetto con ActionScript. Trova la documentazione completa qui .

Download

Clicca qui per scaricare il. fla di questo tutorial. Nota: L'. Fla non comprende la componente effetto. Al fine di rendere il lavoro fla, è necessario acquistare il Tile Effetto Shuffle qui .

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