Riassunto

In questo tutorial potrete imparare a creare una lente che segue il mouse e amplia una parte di un'immagine.

Ecco il risultato finale (spostare il mouse):

Muovi il mouse swf

Requisiti

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

Fase 1 - Installare l'effetto componente

Scarica l' effetto lente qui . Segui le istruzioni di installazione e trascinare il componente dal pannello dei componenti nella libreria dei vostri file. FLA.

Trascina componente in libreria

Passo 2 - Creare immagine Scarica video

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

Importazione di immagini

Selezionare questa immagine e lo converte in un] premere F8 [MovieClip o fare clic destro sul MovieClip -> "Converti in simbolo ...". Lascia la MovieClip il nome di "immagine" (nome qui sta a voi).

Convertire un'immagine in Scarica video

Nome MovieClip

Fase 3 - Impostazione effetto

Il nome del livello di MovieClip immagine "immagine".

Rinominare il livello

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

Imposta nome di istanza

Create un nuovo livello e nome loro "effetto" (La denominazione degli strati è solo quello di mantenere le cose in modo, è possibile lasciare l'impostazione predefinita strato i nomi, scegliere altri nomi o anche lavorare su un layer).

Creare e nome nuovo livello

Fare clic sul primo fotogramma del "effetto di livello e trascinare l'effetto Lens dalla libreria sul palco. Il componente dovrebbe scattare automaticamente l'angolo superiore sinistro di MovieClip immagine.

Trascinare componente su Scarica video

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

In "Target Scarica video" elenco di selezione, "my_image" dovrebbe essere selezionata. Tutti i MovieClip con nomi di istanza in questa cornice sono elencati nella "Target Scarica video" nell'elenco di selezione. Dal momento che si dispone di un solo componente Scarica video si presuppone che si desidera applicare l'effetto sul MovieClip "my_image". Impostare "cursore sensibile" a "Sì". Che si assicura che il componente segue il mouse.

Impostazioni all'interno del pannello di ispezione dei componenti

Esportare il filmato in flash. Muoversi con il mouse e si vede che la lente segue il mouse.

Risultato

Giocare con le impostazioni all'interno del pannello di ispezione dei componenti e di trovare l'impostazione preferita. Maggiori informazioni sul ispezione dei componenti impostazione qui .

Download

Clicca qui per scaricare il. fla di questo tutorial. Nota: L'. Fla include la versione di prova della componente di effetto, che funziona solo in IDE Flash (Flash 8, Flash CS3 o Flash CS4), ma non all'interno del browser.

È anche possibile scaricare la effetto lente qui .

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

  • Bookmark