This is a discussion on tutorial 2 - le MovieClip within the Flash CS3 base - tutorials forums, part of the Articoli e tutorials category; Salve a tutti !
Secondo tutorial della serie dedicata a tutte quelle persone che per la prima volta si affacciano al ...
Secondo tutorial della serie dedicata a tutte quelle persone che per la prima volta si affacciano al mondo di Adobe Flash.
Dopo aver visto l' interfaccia di Flash CS3 e i suoi pannelli, questa volta esploriamo insieme come inserire e creare frames e keyframes e come creare una semplice interpolazione di forma o di movimento.
Per fare ciò, dobbiamo prima capire bene coa sono le MovieClip e a cosa servono.
Una MovieClipè un tipo di simbolo che permette all' utente di interagire con il nostro progetto Flash utilizzando Actionscript.
La timeline principale è una MovieClip.
Una MovieClip vuota è pur sempre una MovieClip.
Perchè è utile una MovieClip ?
Le MovieClip sono utili perchè:
Possono essere manipolate in più modi rispetto agli altri simboli ( bottoni e simboli grafici )
Posso essere manipolate usando Actionscript in modo da poter cambiare la MovieClip mentre l' SWF è in riproduzione
Fanno interagire l' utente con Flash
Vengono utilizzate come struttura del progetto Flash ( ad esempio ogni frame è uno stato diverso del progetto )
Si possono usare per creare applicazioni ' drag & drop ' ( trascinamento e rilascio col mouse delle stesse MovieClip )
Non lavorare mai sulla timeline principale.
La miglior cosa è creare sempre una MovieClip ( che potremmo chiamare contenitore ) e al suo interno inserire tutti gli oggetti, testi, immagini, animazioni, bottoni e quant' altro necessitiamo per il nostro progetto ( qualsiasi esso sia, sito web, galleria immagini, audio lettore ecc ecc ).
Sulla timeline principale teniamo solo il menu che comanderà la MovieClip contenitore.
Non voglio andare oltre per il momento, nel prossimo tutorial vedremo come organizzare e costruire un sito in Flash passo per passo ma prima di questo dobbiamo capire bene cosa sono le MovieClip.
Creare una MovieClip
Se hai una immagine, delle grafiche o del testo puoi inserire il tutto dentro ad una MovieClip.
Per convertire ad esempio una immagine in MovieClip:
Importo una immagine nella libreria di Flash andando nel menu principale in alto:
Trascino l' immagine dal pannello libreria allo stage:
Converto l' immagine in simbolo MovieClip.
Seleziono l' immagine sullo stage e vado nel menu principale in alto
e a questo punto si apre una nuova finestra
nel campo Name inserisco il nome che voglio dare alla MovieClip ( in questo caso mc_image ).
Come Type seleziono MovieClip con il punto di registrazione centrale.
Tutto il resto adesso non ci interessa.
Clicco OK e sullo stage avrò la mia nuova MovieClip con all' interno l' immagine che ho importato.
Assegno un nome istanza alla MovieClip che ho sullo stage. Il nome istanza non è da confondere con il nome della MovieClip in libreria.
Il nome istanza sarà quello che utilizzeremo con Actionscript per riferirci appunto alla nostra MovieClip che abbiamo sullo stage.
Quindi, seleziono la MovieClip sullo stage e nel pannello proprietà in basso:
scrivo il suo nome istanza ( in questo caso uso image_mc ).
A questo punto la mia immagine è diventata una MovieClip.
Se pubblico l' SWF ( CTRL + INVIO ), non si nota che è una MovieClip, intendo dire che si vede solo la nostra immagine.
Creare una interpolazione di movimento
Adesso, potrei creare una piccola animazione che faccia comparire l' immagine da sinistra al centro del mio stage.
Ecco come fare:
Clicco due volte image_mc e ci entro dentro. Notiamo che al suo interno abbiamo un' altra timeline. Da notare nel cerchio rosso che Flash ci dice che siamo dentro a image_mc
Seleziono l' immagine e la trasformo in symbolo grafico ( esattamente come avevamo fatto prima per trasformarla in MovieClip solo che questa volta sceglierò il tipo Grapchic
Creo un nuovo kayframe al frame 30:
seleziono il frame 30 della timeline di image_mc ( ricordiamoci che siamo ancora dentro a image_mc ), click destro sul frame e:
a questo punto mi trovo con la timeline di image_mc in questa condizione:
Flash mi ha creato una serie di frames dall' 1 al 30 e nel 30 ( appunto dove gli ho chiesto di inserire un keyframe ) mi ha duplicato il simbolo grafico.
In sostanza mi trovo con un simbolo grafico con all' interno la mia immagine sia al keyframe 1 che al keyframe 30.
Seleziono il keyframe 1 ( punto di partenza dell' animazione ) e sposto il simbolo grafico sulla sinistra, fuori dallo stage:
Seleziono il keyframe 30 ( punto di arrivo dell' animazione ) e sposto il simbolo grafico precisamente al centro dello stage:
Seleziono un qualsiasi frame tra il primo e l' ultimo, click destro e:
scelgo Create Motion Tween.
Pubblico l' SWF ed ottengo questo risultato:
Adesso devo fermare la mia MovieClip quando l' immagine è in centro.
Quindi seleziono il keyframe 30 e apro il pannello azioni in questo modo:
e si apre il pannello azioni. Quindi scrivo: stop();
A questo punto se pubblico l' SWF l' immagine si ferma quando raggiunge il keyframe 30.
veramente utile ;) posso chiedere tra quando ci sarà il 3° tutorial ? ormai sono passati 5 mesi... e fare un sito web è la cosa che mi interessa di + in assoluto
scusa il messaggio precedente, avevo sicuramente fatto un errore durante l'eseguzione del tutorial, grazie veramente, questo sito è una delle poche risorse su flash cs3 in italiano, non farò meno di segnalarlo sui migliori siti di informatica :)
1)Perchè non bisogna lavorare sulla timeline principale? Cosa intendiamo per MovieClip contenitore?
1)Perchè nell'interpolazione di movimento trasformi l'immagine in simbolo grafico e non lo lasci MovieClip?
10-12-07, 07:28
Linear Mode
