Sintesi

In questo tutorial vi spiegherà come creare un effetto, in cui le parti del Movieclip sono svanendo dentro diverse parti del Movieclip saranno mascherati e visualizzato in modo diverso. Inoltre è possibile controllare le dimensioni di quelle parti e la velocità del fading.

Vedere l'effetto che qui di seguito:


Requisiti

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

Nota: La schermata di questo tutorial è fatto 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 effetto di transizione Mask qui. Si prega di seguire le istruzioni di installazione e trascinare il componente dal pannello componente nella libreria del file. Fla.

Trascinare componente in libreria

Fase 2 - immagini Import

Importare un'immagine premere [Ctrl-R] o "File" -> "Importa" -> "Importa on Stage ...".

Importazione di immagini

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

Converte l'immagine in Movieclip

Nome MovieClip

Fase 3 - Movieclip immagine del posto e componente effetto sul palco

Rinominare il livello in cui l'immagine MovieClip è in grado di "immagine". Creare un nuovo livello, il nome "effetto" e selezionare il primo fotogramma (la denominazione dei livelli è solo quello di mantenere le cose in ordine, è possibile lasciare l'impostazione predefinita nomi dei layer oppure scegliere altri nomi).

Rinominare il livello esistente

Creare e il nome del nuovo livello

MovieClip dare il nome di istanza "my_image" (È 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 del MovieClip

Selezionare il primo fotogramma del livello "effetto". Trascinare l'effetto di transizione Mask dalla libreria sul Movieclip immagine sul palco. Il componente snap automaticamente l'angolo superiore sinistro della Movieclip immagine.

Trascinare componente su Movieclip

Fase 4 - Regolazione

Fare clic sul componente e aprire il pannello di ispezione dei componenti [premere SHIFT-F7] o "Finestra" -> "ispezione dei componenti". In "Target Movieclip" lista selezionare "my_image" 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 si dispone di un solo MovieClip, il componente presuppone che si desidera applicare l'effetto sul MovieClip "my_image". Per ora lasciare l'impostazione di questo tipo. Esportare il filmato in flash [premere Ctrl-ENTER] o "Command" -> "Prova filmato" e vedrete che l'immagine viene visualizzata.

Impostazioni all'interno del pannello di ispezione dei componenti

Fase 5 - Aggiungere un'immagine di sfondo

Se si desidera avere una transizione da una immagine a un altro, è necessario mettere un'immagine in background. Ripetere il passaggio 2 per creare un'altra immagine MovieClip, creare un nuovo livello, il nome "sfondo" e mettere la appena creato Movieclip lì. Esportare il filmato in flash [premere Ctrl-ENTER] o "Command" -> "Prova filmato" e vedrete come prima l'immagine di sfondo e poi l'immagine MovieClip è fading a.

Aggiungere un'immagine di sfondo

Fase 6 - Impostazione varianti

Il parametro sono per lo più auto descrivere, ma hanno uno sguardo da vicino al "Animazione Mode" lista di selezione. Vedere tutti i modi di animazione qui. Utilizzare le impostazioni della schermata seguente e provare il filmato.

Risultato

Giocare con le impostazioni. Trovare quello che si adatta alle vostre esigenze.

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 l'effetto di transizione Mask qui.

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

  • Share / Bookmark