Cool Effect Tutorials Flash!

Sintesi

In questo tutorial vi spiegherà come creare una transizione tra due immagini in cui le immagini vengono mescolate come carte da gioco in uno spazio 3D. È possibile controllare la durata della transizione e il tipo di facilità.

Ecco il risultato finale:

Requisiti

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

Nota: Le schermate contenute in questo tutorial sono realizzati in Flash CS3. Funziona esattamente la stessa cosa in Flash CS4. Questo tutorial è un ActionScript 3 Project (Questo componente è disponibile esclusivamente per AS3, quindi non ci sarà nessuna versione AS2 in futuro).

Step 1 - Installare il componente effetto

Acquistare l'effetto di transizione Shuffle. Si prega di seguire le istruzioni di installazione e trascinare il componente dal pannello componente nella libreria del file. Fla.

Fase 2 - immagini Slideshow Import

Due immagini di importazione [premere Ctrl-R] o "File" -> "Importa" -> "Importa nello stage ...".

Selezionare la prima immagine e convertirla in un movieclip [premere F8] o tasto destro del mouse sul MovieClip -> "Converti in simbolo ...". MovieClip dare il nome "Image1".

Selezionare l'immagine secondo e trasformarla in un movieclip [premere F8] o tasto destro del mouse sul MovieClip -> "Converti in simbolo ...". MovieClip dare il nome "image2".

Fase 3 - nome di istanza Set di immagine Movieclip

Dare il clip filmato della prima immagine il nome di istanza "my_image_01" (È possibile scegliere un nome diverso se si desidera. Assicurarsi che il nome di istanza è unica). Senza un nome di istanza, il componente è in grado di rilevare il MovieClip. Impostare il nome di istanza per MovieClip seconda immagine "my_image_02".

Fase 4 - Applica effetto

Trascinare il componente dalla libreria sul MovieClip superiore. La componente effetto si aggancerà automaticamente.

Fase 5 - Regolare le impostazioni degli effetti

Fare clic sul componente e aprire il pannello di ispezione dei componenti [premere SHIFT-F7] o "Finestra" -> "ispezione dei componenti". In "Start Movieclip" lista selezionare "my_image_01" dovrebbe essere selezionata.

Tutti movieclips con i nomi di istanza in questa cornice sono elencati nella sezione "Start Movieclip" e "End Movieclip" nell'elenco di selezione. Dal momento che è stato trascinato l'effetto sul MovieClip "my_image_01", questo è il primo Movieclip. Come "Fine Movieclip" selezionare "my_image_02". Lasciare l'impostazione di altri per ora.

Fase 6 - Export

Esportare il filmato in flash [premere Ctrl-ENTER] o "Command" -> "Prova filmato" e vedrete l'immagine di transizione.

Fase 6 - Gioca!

Ora è possibile giocare con i parametri per personalizzare te effetto. È inoltre possibile utilizzare questo effetto con ActionScript. Trovare la documentazione completa qui.

Scaricare

Clicca qui per scaricare il fla. Di questo tutorial. Nota: il FLA. Non comprende la componente effetto. Al fine di rendere il lavoro fla, è necessario acquistare l'effetto Shuffle Tile qui.

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