Sintesi

In questo tutorial vi spiegherà come creare una lente che segue il mouse e ingrandisce una parte di un'immagine.

Ecco il risultato finale (muovere il mouse):

move mouse su swf

Requisiti

Flash 8, Flash CS3 o Flash CS4.
1 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 8 e Flash CS4. Questo tutorial è ActionScript 2 (anche se non ActionScript è richiesto).

Step 1 - Installare il componente effetto

Scarica il Effect Lens 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

Passaggio 2 - Creare Movieclip immagine

Importare un'immagine premere [Ctrl-R] o "File" -> "Importa" -> "Importa nello stage ...". Su questa immagine potrete poi applicare l'effetto.

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" (Name qui sta a voi).

Converte l'immagine in Movieclip

Nome MovieClip

Fase 3 - entrata in vigore il programma di installazione

Il nome del livello di MovieClip immagine "immagine".

Rinominare il livello

MovieClip dare il nome di istanza "my_image" (si può 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 istanza

Creare un nuovo livello e il nome del loro "effetto" (La denominazione degli strati è solo quello di mantenere le cose in ordine, è possibile lasciare l'impostazione predefinita nomi dei layer, scegliere i nomi di altri o addirittura lavorare su uno strato).

Creare e il nome del nuovo livello

Fare clic sul primo fotogramma dell ' "effetto" strato e trascinare l'effetto lente dalla tua libreria sul palco. Il componente dovrebbe scattare automaticamente l'angolo superiore sinistro della Movieclip immagine.

Trascinare componente su Movieclip

Selezionare l'effetto lente sul palco e aprire il pannello di ispezione dei componenti [premere SHIFT-F7] o "Finestra" -> "ispezione dei componenti".

In "Target Movieclip" elenco di selezione, "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 componente Movieclip presuppone che si desidera applicare l'effetto sul MovieClip "my_image". Set "Cursor sensibili" su "Sì". Che consente di verificare il componente segue il mouse.

Impostazioni all'interno del pannello di ispezione dei componenti

Esportare il tuo filmato flash. Spostare il mouse e si vede che l'obiettivo segue il mouse.

Risultato

Giocare con la creazione all'interno del pannello di ispezione dei componenti e trovare l'impostazione preferita. Maggiori informazioni sulla creazione di ispezione dei componenti qui.

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 il Effect Lens qui.

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

  • Share / Bookmark