Cool Effect Tutorials Flash!

Sintesi

In questo tutorial vi spiegherà come creare un effetto di transizione pixelation in cui una sola immagine "pixelates" ad un altro. È possibile impostare la durata (in frame) della transizione. ActionScript non è necessaria, si lavorerà solo su timeline e impostare il parametro degli effetti all'interno di ispezione dei componenti.

Ecco il risultato finale:

Requisiti

Flash 8, 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 con Flash 8 e Flash CS4. Questo tutorial è un progetto di ActionScript 2 (il componente è disponibile anche come versione AS3).

Step 1 - Installare il componente effetto

Scarica il Effect Densità dei pixel. 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 l'immagine frist e convertirlo 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 del 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" elenco di selezione, "my_image_01" dovrebbe essere selezionata.

Tutti movieclips con i nomi di istanza in questa cornice sono elencati nella sezione "Target Movieclip" nell'elenco di selezione. Dal momento che draged l'effetto sul MovieClip "my_image_01", questo è il Movieclip frist. Come "Fine Movieclip" selezionare "my_image_01". Lasciare l'impostazione di altri in bianco per ora. Esportare il filmato in flash [premere Ctrl-ENTER] o "Command" -> "Prova filmato" e vedrete che il passaggio delle immagini.

Fase 6 - Gioca!

Giocare con gli altri parametri all'interno di ispezione dei componenti. La documentazione delle impostazioni possono essere trovate qui. È inoltre possibile utilizzare questo effetto con ActionScript.

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.

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