Piccola guida riassuntiva di Flash

Transcript

Piccola guida riassuntiva di Flash
Macromedia Flash: Primi passi
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
Questa guida, vi "accompagnerà per mano" nel grande mondo di Flash, spiegandovi molto semplicemente come
utilizzare al meglio questo software.
Apriamo dunque il programma e troviamo subito lo Stage. Cosa cerchiamo? Vorremo solo costruire un sito presentabile
e non con una grafica per lo meno accettabile.
Da File ( in alto a sinistra ) apriamo New. Apriamo la A del testo e scriviamo qualche parola sullo Stage e cliccando
con il tasto destro del mouse apriamo font per impostare il colore e la grandezza delle lettere e clicchiamo sul
quadratino nero per scegliere il colore... e sulla B sotto al quadratino nero per avere in grassetto le nostre lettere
colorate. (insomma, utilizziamo le impostazioni dei caratteri che troviamo in ogni programma)
Poi puntiamo dove ci sono i Frame e col tasto destro del mouse selezioniamo Insert Key Frame
nello stesso modo scrivo altre 2 frasi, cambiando il colore del font ( col mouse, sullo Stage cancello la frase
precedente, in modo che non appaia nel movie) e scelgo insert Key Frame e mi sposto sempre più a destra (nella parte
del movie)...
Con Play (dal menu Control) guardo l'effetto ottenuto per ora un Movie con le frasi che cambiano...
Scelgo Export movie e salvo dando un nome in formato
- Flash Player (.*svf )
Quindi seleziono Publish Preview dal menu File e scelgo Html per vederne l'effetto nel Browser...
Macromedia Flash: creare scritte animate
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
Dopo il primo approccio, scriviamo delle scritte sullo Stage e proseguiamo...
Inseriamo il nostro primo Key frame, poi con la freccetta in alto a sx. selezioniamo le frasi ad una ad una e le
muoviamo con le freccette o le trasciniamo nello stage ed inseriamo un Keyframe nel frame 10 ( con un click sul
frame 10 e scegliendo Insert Keyframe oppure più semplicemente premendo F6 )
Macromedia Flash: creare scritte animate
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
Facciamo click su Layer e diamogli un nome (nel mio caso primo)
Poi apriamo dal menu Insert /Layer ed inseriamo un nuovo livello
per operare in altri Frame... e su un altro livello ( facendo click su primo chiudiamolo con la x, in modo che
lavoreremo solo sul secondo) e lo chiamiamo secondo...
Selezioniamo prima della X le parole precedenti con la freccetta e col tasto Canc eliminiamole...
Ora in questo nuovo livello inseriamo delle forme geometriche variamente colorate , scegliendole dal menu degli
strumenti a sx.( cerchi e quadrati... non abbiamo molta scelta... se non nei colori...)
ed inseriamo dei Keyframe nel nostro livello secondo
Apriamo ora un nuovo livello che chiameremo terzo e chiudendo gli altri 2, scriviamo altre frasi e spostiamo le forme
geometriche inserendo dei Keyframe ad ogni spostamento ( anche di un frame per volta )
Apriamo il menu Modify/Movie e scegliamo un colore per il nostro Stage, poi selezioniamo con la freccetta in alto a
sx le parole e dallla barra in alto apriamo Scale
ed ingrandiamo una parola alla volta tirando sulle maniglie ( ad ogni ingrandimento ..un Keyframe )
Macromedia Flash: immagini e pulsanti animati
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
Ripartiamo aprendo un nuovo file e importando nel primo Layer un'immagine dal nostro Hard disk... una Clipart va
benissimo o una gif statica cioè composta di una sola immagine, nel mio caso la presentazione delle lezioni di Flash4
del mio index.
La seleziono con la freccetta degli Strumenti, poi con Scale la ridimensiono (diminuendola di area) ( vedere dove è
Scale nella precedente lezione... comunque nella Barra in alto comando vicino a 100%)
Punto il cursore sul frame ( fotogramma ) 10 ed inserisco 1 Keyframe, poi nel frame 5 faccio click col tasto destro del
mouse e seleziono Create Motion Tween per creare un movimento in mezzo.
Poi con Control /Play vediamo ...ops l'immagine si rimpicciolisce..
Inserisco 1 Keyframe al frame 20, 30, 40 e 50 , facendo come il passaggio precedente, magari alternando con Rotate
dalla Barra in alto e col tasto sx del mouse facendo roteare la nostra figura.
Salviamo con nome il nostro lavoro, così se non ci piace ciò che faremo in seguito potremo Annullare con Undo dal
menu Edit.
Apriamo ora un altro Layer e ricordiamoci che il Livello sotto cioè l'1 viene coperto come se questo nuovo fosse un
foglio trasparente e scriviamo due frasi che come nella lezione precedente ingrandiremo...
Salviamo e guardiamo con Control/Play ( i due Layer naturalmente attivi)
Terzo Layer dove inseriremo un pulsante animato o Button e chiudiamo con la X gli altri 2. Apriamo Libraries /
Button e dalla finestra che si apre trasciniamo un Button nel nostro Stage, tenendo premuto il tasto sx. del mouse e
trascinando dal nome sotto l'immagine.
Apriamo ora Proprietà del Button facendo click col tasto dx del mouse su Properties , diamogli colore ed aprendo il +
di Action scegliamo un'azione GetUrl ed a destra scriviamo l'Url che vogliamo che si apra quando faremo click sul
pulsante, nel mio caso http://www.webmasterpoint.org ... abbiamo utilizzato un indirizzo assoluto, ma va benissimo
anche uno relativo (del tipo : home.htm)
Copiamo il nostro frame del Button fino all'ultimo frame che corrisponde a tutti quelli degli altri 2 livelli, cioè fino al
frame 50, con copy frame dal menu col tasto dx e Paste frame sul livello Tre ( altrimenti quando il movie va
scomparirebbe)
Poi con Prewiev guardate in Html come viene il Movie e se clickate sul Button si apre l'Url che avete scelto ( dovete
però essere collegati a Internet )
Vediamo quindi con Play il tutto ed apriamo gli altri Layer, cioè livelli... se ci piace vediamo con Publish Prewiew
come verrà scegliendo Html... se è tutto OK salviamo con Save as cioè con Salva con nome ( nel mio caso Prova
lezione 3) ed in formato Flash movie cioè *.Fla .
Ogni volta che spostiamo le parole inseriamo un Keyframe nel 20, nel 30 , nel 40....nel 50...
Poi puntiamo sul frame 20 ed inseriamo Create motion Tween per creare un movimento di tutte le parole...
Possiamo anche scegliere di colorare lo Stage dal menu Modify scegliendo Movie e di ingrandirlo e di aumentare il
numero dei Frame per secondo...
Ora andiamo a vedere il nostro filmato in Flash dal menu Control e Play
Direi davvero ottimo!!! come primo vero passo.
Guardiamo l'anteprima dal Browser e se ci piace salviamo il nostro filmato con Salva con nome...
Macromedia Flash: immagini e pulsanti animati
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
Dopo aver creato il file .fla delle lezioni precedenti, vogliamo importarlo in Frontpage o Dreamweaver, o altri... per
inserirlo nel nostro sito.
Apriamo Flash e il file che abbiamo salvato ( se guardiamo in fondo a sinistra è rimasto nei nomi, come Word che tiene
in memoria gli ultimi file su cui abbiamo lavorato ) creiamo prima una cartella dove salvare questo file con salva con
nome, nel mio caso C:\prova lezione 5 Flash4, poi da flash scegliamo Publish, controlliamo poi che i 2 file Html e
.swf siano nella cartella appena creata .
Da Frontpage creiamo un nuovo Web e nell'index scriviamo un collegamento ipertestuale ( dal menu Inserisci ) a
questo file html che avremo importato in questo nuovo web...(quello cioè che contiene il nostro filmato flash )
Per evitare che il nostro file Flash giri all'infinito...
dovremo fare in modo che il button o pulsante animato ( in alto a dx.) ci permetta, clickandoci
sopra di tornare al nostro file index, del sito composto precedentemente...
Da Flash selezioniamo con la freccetta degli Strumenti il nostro pulsante e col tasto dx del mouse apriamo (dal menu)
Properties, quindi la finestra Actions e facciamo click sul + e su Get url ed a destra scriviamo l'indirizzo ( sul nostro
disco fisso se stiamo lavorando offline... o http://......................... se dobbiamo pubblicare il tutto online).
Per far si, che finito il loop dell'animazione questa si blocchi all'ultimo frame, dobbiamo realizzare un ultimo keyframe,
ci clicchiamo sopra con il tasto destro del mouse, selezioniamo proprietà/azioni e clicchiamo sul + e scegliamo infino
STOP. In questo modo l'animazione viene ripetuta una sola volta...
Macromedia Flash: inserire i suoni
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
E siamo arrivati alla parte più artistica... inserire un file audio nel nostro filmato
Per prima cosa, apriamo il filmato flash della lezione 4 e 5..., nel layer 2 scegliamo il Keyframe da dove vogliamo che
parta il suono, che per ora prenderemo dalla Libraries / Sounds
Dal menu scegliamo uno dei suoni che più ci piace... ( ne sono già impostati circa una trentina ) facendo click prima sul
suono, poi sulla freccettina nera in alto per ascoltarli.
Trovato il file giusto per noi... facciamo click sul Keyframe del livello da dove vogliamo che parta il suono, poi col
tasto dx. del mouse, apriamo Properties del Keyframe ed impostiamo i parametri del nostro sounds
Beam scan al posto di None Right Channell in Effect , suono cioè nel mio canale destro o sx. se preferite o altri
effetti.., Loops per me 4, cioè il suono si ripete 4 volte, anche meno o anche di più...come preferite... Poi OK
Controlliamo se ci piace con Preview Html che ci fa vedere in anteprima come sarà il nostro filmato..
Se tutto è OK, pubblichiamo con Publish ( io salvo tutto nella cartella della lezione 5, sul mio disco fisso, così la mia
prova sito Flash si completa sempre più...)
Naturalmente con Import del menu File possiamo importare anche file. Aiff o .snd o .au da inserire nel nostro
filmato...
Dovremo naturalmente creare un nuovo Layer o livello per questi file, poi sempre da modify / movie impostare come
prima i parametri del nostro sounds...
I formati mp3 si possono solo esportare da Flash4... anzi facciamo una piccola prova...
Dal menu File, scegliamo Export movie, il filmato cioè di prima, con i suoni inseriti... E' già impostato il formato .wav
audio, scelgo un nome, es. prova con sonoro... si apre un'altra finestra, Export Windows Wav che è già di defaut
impostata su 22 khz 22 mono, ma ne possiamo scegliere anche altri aprendo il menu dei valori...poi OK. Ecco è da qui
che possiamo esportare anche in formato Mp3 ...ma ...non ne conosco i valori in khz...
Naturalmente ho salvato nella stessa cartella su C: dove sto raccogliendo le varie prove..
Potendo Esportare anche un file Wav, allora lo possiamo anche Importare..
Dal menu di File / Import, scegliamo il .wav che ci piace..lo importiamo ( prima però creiamo un nuovo Layer. dove
verrà inserito questo suono...) apriamo Properties di un Key frame...il nostro sounds Wav appare nel menu dei
Sounds ( il problema è nel trovare il file .Wav giusto, alcuni che avevo non mi vengono riconosciuti, così non ridete.. ho
scelto quello di apertura di Win 95..) Esportando come già descritto sopra..ottengo ora un Wav con i tre suoni uniti...
CONSIGLIO : non inserite file audio troppo pesanti, soprattutto se la vostra animazione è rivolto ad un pubblico web,
o meglio se la vostra animazione deve esser inserita in un sito web.
Macromedia Flash: creare più scene
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
Apriamo di nuovo il nostro file Flash della lezione precedente... completo di musica .wav e dal menu Insert
selezioniamo Scene per aprire una nuova scena che di defaut sarà la numero 2
Con Import , da file importiamo un' immagine.jpg dal nostro disco fisso, nel mio caso una rosa... e puntando sul frame
10, la ingrandiremo con Scale ( casellina della barra in alto ) ed inseriremo un Keyframe e la faremo ruotare con
Rotate, inserendo poi un altro Keyframe al numero 25 ( scale e rotate si possono trovare anche facendo click , con
l'immagine selezionata dallo strumento freccetta, col tasto destro )
Facendo click sul Layer 1 diamo un nome, nel mio caso rosa1
Ora cerchiamo di creare una dissolvenza... cioè la rosa che scompare poi ritorna , poi cambia colore...
Sullo Stage, con la rosa selezionata dalla freccetta facciamo click col tasto destro ed apriamo Properties ...Si apre il
menu Instance Properties ed apriamo il menu Color effect...
Da color effect selezioniamo Alpha e spostiamo la linguetta a sx.
Spostiamo più volte la linguetta sulla percentuale Alpha ( 45%, 60% .... ed ogni volta inseriamo un Keyframe
saltando dei frame che Flash riempirà ( esempio 45 % Keyframe sul 40, poi 60% Keyframe sul 55...ecc )
Proviamo con Play....che meraviglia!!!
La rosa cambia colore...diventa più scura...più chiara...poi scompare ( con alpha al 6%)...
Salviamo il tutto... Proviamo con Preview Html
Le 2 scene vengono proiettate una dopo l'altra... naturalmente possiamo "linkarle" l'una con l'altra, magari con dei
bottoni all'interno delle animazioni.
(Possiamo nello stesso modo, aggiungere altre scene se vogliamo... scena tre, quattro ecc..)
Ora non ci resta che con Publish salvare il tutto.
Macromedia Flash: effetti speciali
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
Apriamo un nuovo file.fla, importiamo un'immagine ( io sempre la rosa...)
Dal menu Modify, selezioniamo Movie ed apriamo Movie Properties per colorare lo sfondo ( fare click su
Background e scegliere il colore che più ci piace.)
Facciamo click sulla rosa , dopo averla selezionata con la freccetta degli strumenti, col tasto dx. e scegliamo Copy..
Poi scegliamo Paste...sopra la nostra immagine ce n'è un'altra, tenendo premuto il tasto sx. spostiamola nello
Stage...Facciamo in tal modo 5 o 6 rose...
Con Copy copiamo il frame che contiene le 5 rose ( sempre click col dx. sui Frame) e con Paste copiamo il Frame con
tante rose al n.20 ( nella linea dei Frame cioè del Tempo)
Puntando sul frame 20, Create Motion Tween, si apre un quadro trasparente, una specie di cornice, spostiamola verso
dx. con tutte le rose...
Se andiamo subito a vedere con Play, le rose si sposteranno tutte da dx. a sx..
Facciamo click sul primo Keyframe, apriamo Properties e con Color Effect, con alpha cambiamo il colore delle rose,
ricordiamoci ad ogni cambiamento il Keyframe, poi con color effect sperimentiamo anche le altre opzioni
Brigtness ( luminosità) Tint ( colore ) - colora del colore prescelto i quadratini che contengono le rose Special col
quale possiamo dare più rosso, più blu, ecc..
Mano a mano che cambiavo i colori trascinavo a dx e a sx., in alto e in basso la cornice ed inserivo dei Keyframe nella
linea temporale, fino ad arrivare al frame 188 e a fare scomparire le rose tutte a dx. tranne una...
Andando a vedere con Play rimango meravigliata ...le rose si muovono, variano nei colori e nella luminosità
...scompaiono...fino a restarne una in un angolino a dx.
Mi piace veramente questo Movie.. davvero...
Per completare il tutto cambio nome a questo Layer cioè livello, lo chiamo Layer2, apro un nuovo livello ed inserisco
una scritta...( lo chiamo Layer 1 in quanto è quello che rimane fisso, mentre quello delle rose è come un foglio acetato
che ci passa sopra..)
Naturalmente scrivo Rita augura a tutti Buona Pasqua 2001, in lettere cubitali rosse...( Facendo click sulla scritta
col tasto dx. apro Font e scelgo il carattere che preferisco, un bel Bookman Old Style....)
Flash4 fa lui in automatico tutti i Frame fino al frame 188 del livello precedente...
Salvo... Pubblico con Publish e uso questo mio primo file per inviarlo agli amici e amiche , inserisco nella e-mail il file
.swf.
Macromedia Flash: effetti speciali 2
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
Apriamo un nuovo file. fla, importiamo un'immagine ( un bel fiorellino azzurro ), facciamo 4 immagini uguali, col
tasto dx. dal menu scegliamo Select all per selezionarle tutte, inseriamo un keyframe al numero 15, spostiamo tutti i
fiori verso dx. ed inseriamo un Keyframe al numero 25...poi verso sx. ed inseriamo al n.33...poi verso il basso ..n.40.
Puntando nella linea temporale sul Frame 40, poi sul 33 , sul 25 e sul 15 scegliamo facendo click col tasto dx., Create
Motion Tweeng (creare movimento in mezzo )...e i nostri fiori si muoveranno verso dx poi verso sinistra..lievi
lievi..quasi volando...
Se commettiamo qualche errore o non ci piace l'ultima azione, possiamo cancellare col menu Edit / Undo
Facendo click sul n.1 Keyframe, apriamo Properties e controllando che sia stato selezionato Motion, possiamo
decidere di far ruotare le nostre immagini, scegliendo Clockwise ed assegnando un tempo cioè 10 e 30 di movimento di
Easing... Poi OK..
Se guardiamo con Play, i nostri fiori del filmato si muoveranno e ruoteranno nello stage...
Ora lavoriamo sui colori, come nella lezione precedente, aprendo Properties ( tasto dx. sulle immagini, puntando su un
Keyframe) Color Effect / Alpha....facendo sbiadire i colori, fino a fare quasi scomparire l'immagine...( ricordarsi di
fare click su un Keyframe, poi sulle immagini tutte selezionate, oppure su una sola se vogliamo modificarne i
colori...)
Sempre facendo click sulle immagini le possiamo ingrandire col menu Scale e farle ruotare con Rotate ( trascinando i
quadratini della cornice che si apre...) insomma ..un capolavoro...
Apriamo ora un altro Layer gli diamo un nome Saluti, Fiori il precedente...
Scriviamo i saluti con il testo rosso e con grandezza 48, nello Stage e con la B del grassetto selezionata...ed inseriamo
un Keyframe al punto1, con copy ( tasto dx.sul Frame ) copiamolo e con Paste lo copiamo al n.35..facciamo click sul
frame 1 e col tasto dx.apriamo Properties...Scegliamo Motion poi Clockwise e diamo 10 di valore nella casella Time
e mettiamo la spunta a Tween scaling ( non ho riportato la figura perchè è la stessa della figura precedente..)
Guardiamo con Play...la nostra scritta gira come le lancette dell'orologio...poi rallenta...
Col tasto dx e la freccetta selezionata facciamo click sulla scritta, poi con Scale la ingrandiamo ed inseriamo un
keyframe al n.50...
Guardiamo con Play...gira, rallenta, diventa grande...
Con Scale la facciamo diventare piccola...poi un keyframe al n. 50 poi al 65....gira, rallenta, diventa grande, diventa
piccola...
Poi con lo strumento Brush e selezionando un colore, passiamo sopra la nostra scritta ( io col verdino) in modo cioè
che la scritta appaia su uno sfondo verde .( inserire dei Keyframe al n. 75e al n.90 con copy e Paste)
Apriamo il Layer Fiori, guardiamo il tutto...Salviamo con Publish...
Macromedia Flash: effetti sulle scritte
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
Apriamo un nuovo file .fla e scriviamo una frase... con la grandezza del carattere 36 e il rosso come colore...
Puntiamo al frame 15 ed inseriamo un keyframe, ora dal menu Windows apriamo il menu Inspectors/ Obiect
praticamente le proprietà dell'oggetto... modifichiamo la grandezza della scritta...cambiando le dimensioni di x, y, w, h
io per semplicità aggiungo 1 davanti a tutti i numeri... cioè x 234, y 225 ecc....poi con Apply applico i cambiamenti...(
la scritta appare più grande )
Punto sul frame 30, inserisco un keyframe e cambio di nuovo i numeri...( ancora più 1 ).
Punto sul frame 1 ed apro col tasto dx. Properties e scelgo Motion / Automatic e Rotate None
Stesso procedimento per il keyframe 40 e 55
Punto infine sul n 1 kf.( chiamiamo keyframe kf. per abbreviare..) e apriamo facendo click sulla scritta selezionata (
dalla freccetta ) Properties / Color Effect / Alpha ed impostiamolo su 0 % , poi sull'ultimo kf. n. 65 diamo ad Alpha il
valore 41%
Guardiamo con Play... la nostra scritta si ingrandisce, si muove poi scompare...
Apriamo ora un nuovo Layer, diamo il nome ad entrambi, scriviamo un'altra frase e facciamo qualcosa di diverso,
cioè inseriamo 3 Kf. al punto 1, al 25 e al 55, col tasto dx scegliamo Create Motion Tween, poi facendo click sulla
scritta apriamo Properties e impostiamo l'1 con Alpha a 100%, al 25 alpha a 0% e il 55 al 100%. Sempre col menu
Windows/Inspector /Obiect ingrandiamo il kf. 1 di più 100 in ogni misura , come pure il kf.55...
Se guardiamo questo Layer la scritta si rimpicciolisce, scompare, poi si ingrandisce.... magico effetto per noi neofiti di
Flash4 !!!!
Nello stesso modo possiamo lavorare su un'immagine .jpg che abbiamo importato...
Come sempre guardiamo con Publish Prewiev HTML e con Publish salviamo...
Macromedia Flash: creare simboli grafici
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
Apriamo un nuovo filmato, scriviamo una frase a 36 e col colore rosso... (naturalmente tutte queste impostazioni si
possono cambiare!)
Selezioniamo la scritta con la freccetta e Insert / Convert to symbol per trasformare la scritta in un simbolo grafico (
naturalmente daremo un nome al simbolo )
poi OK.
Apriamo da Window / Library ed ecco che appare la nostra Libreria con la scritta dentro...ora non
dobbiamo più scriverla...ci basta trascinarla sullo Stage e quello che è ancora più interessante è che
aprendo Properties col tasto dx.possiamo apportare delle modifiche a questa scritta ed appariranno
in tutti i frame dove l' abbiamo utilizzata ...
Naturalmente si può creare un simbolo anche e soprattutto con un'immagine, con un oggetto che è sullo stage,
selezionandolo...
A questo simbolo si possono applicare tutti i cambiamenti che vogliamo, colore alpha, dimensioni, rotazioni, ecc.
aprendo col tasto dx. Properties ( dopo aver selezionato il simbolo) e Window/Inspectors/Object e cambiando le
misure W larghezza, h altezza, X posizione a dx o sx, y posizione in alto o in basso...( numeri negativi e numeri
positivi determinano posizioni diverse...)
Dal menu File, facendo click su Open as Library ed aprendo la cartella dove salvavo i vari filmati Flash 4 delle
lezioni 7, 8, 9 , 10 sono rimasti i simboli grafici che avevo usato nelle lezioni ed i Tween le immagini cioè con le
posizioni che avevo usato ...)
Se li trascino nello Stage non ho più bisogno di ricrearli, importandoli, li ho a portata di mano anzi di mouse...
Una piccola nota tecnica: esistono tre Simboli in Flash4: graphic che è un oggetto che dopo averlo creato si può usare
sempre, Button o Pulsanti che si modificano con l'azione del mouse e Movie clip che sono filmati flash che si possono
usare in altri file .fla
E' sottinteso che quelli creati da noi li possiamo modificare, mentre quelli di default già contenuti nella Libraries (
menu vicino a Window nella Tool bar ) non sono modificabili..
Macromedia Flash: creare pulsanti e Movie Clips
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
Dopo aver creato un simbolo grafico, cerchiamo ora di creare un button o pulsante animato e poi un movie clips.
Apriamo un nuovo movie.fla : diamo un nome al layer e lo chiamiamo prova 1 e con Import , inseriamo
un'immagine grafica... Mettiamo un Keyframe al n.20 e al n. 35.
Dal n.1 al 20 ho inserito una Motion tweening ( la rosa da piccola diventa grande...)
Con lo strumento freccetta selezioniamo quindi il Keyframe del n.20 e dal menu Insert scegliamo Convert to
Symbol e selezioniamo Button, lo chiamiamo Button1 poi OK.
Facciamo la stessa cosa col n.35 e lo chiamiamo button 2.
Click sul numero 20 , controlliamo che sia selezionata l'immagine con la freccetta, poi apriamo dal
menu Window / Library, la Libreria , selezioniamo il nostro Button 1 e in alto a dx. della
Library , facciamo click su Options e scegliamo Edit
Si aprirà in automatico una strana finestra
Appariranno 4 finestrelle ( relative al button) su, sopra, giù, azione o punto attivo... il primo è su e non vi facciamo
cambiamenti, inseriamo un keyf. della rosa in tutti e quattro... facendo doppio click sul secondo Key frame Over (
sopra ) , apriamo Properties e potremmo cambiare il colore, se fosse una figura geometrica, ma è
un'immagine...allora io con lo strumento cerchio disegno un bel cerchio esterno alla rosa e lo riempio di colore verde ,
selezionando lo strumento secchio di vernice, agiamo anche sul terzo, cambiando ancora il colore, rosso ed infine sul
quarto assegniamo un'azione: facendo doppio click sul keyf. apriamo il menu Frame Properties/ Action ,
selezioniamo Get Url e scriviamo nella casella a destra l' url da aprire...
Una volta creato questo button1, lo selezioniamo e con copy lo copiamo , quindi lo inseriamo in nuovo layer con Paste
e controlliamo che l' azione sia nel keyframe finale del Layer.
Aprendo dal menu Window / Library, appaiono tutti i simboli usati in questo file. fla, clickando su Option, in alto
a dx. possiamo quindi cancellarli, modificarli, copiarli, ecc..
Per creare un movie clips, seleziono i fotogrammi del mio filmato, col tasto dx. facciamo click sui fotogrammi nella
linea temporale, Select all/ Copy
Nello stage non ci deve essere niente di selezionato con la freccetta... Selezionare Insert new symbol, dare un nome,
nel mio caso Symbol7, poi Paste frames facendo click sul primo frame di questo nuovo layer che si è aperto
automaticamente...
Scegliere ora Edit movie e torniamo ai frames di prima che ora cancelleremo ( con select all e delete)...
Facendo click sulla parte destra, appaiono i simboli creati che potremo usare in questo filmato o in altri, in particolare il
nostro bel movie clips...
Per usare questa movie clips in un nuovo filmato, dovremo aprire la Libraries del file .fla, che la contiene, nel mio caso
prova lezione 12,così potremo usarla anche in un nuovo file .fla
Macromedia Flash: shape
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
L'azione Shape trasforma una parola scritta in un' altra... un'immagine in un'altra...
Apriamo un nuovo file .fla, scriviamo una parola, ad esempio < super> con lo strumento A e con 30 di grandezza e
colore verde/ grassetto e inseriamo un Keyf. al numero 1, con la freccetta la selezioniamo e premendo il tasto Ctrl piùB
della tastiera la dividiamo.
Inseriamo un Keyf al n.15, selezioniamo la parola e col tasto dx e cut la tagliamo e scriviamone una nuova <
programma >, la selezioniamo ed ancora Ctrl più B.
Facendo doppio click sul fotogramma n. 1, apriamo Frame Properties / Twening e scegliamo Shape, poi OK.
Guardiamo subito con Play... è troppo bello... la parola mentre il movie va, si trasforma e diventa la seconda...
Si può anche fare con un disegno, tipo cerchio colorato che diventa testo e con un' immagine ( importata con Import
) che cambia in un' altra... ci sono mille combinazioni ! :-)
Naturalmente... stesso procedimento per la figura che diventa testo e per la figura che cambia ... ( Se selezioniamo
Angular dal menu Shape, possiamo dare movimento fino a - 100 e fino a + 100...)
E' talmente bello il movie, possiamo costruire una bella clip, per poterla usare anche in altri filmati... cioè un MC che
quando la guarderemo può andare all'infinito ( in Flash si dice Loppare )
Tenendo premuto il mouse, passiamo sopra a tutti i fotogrammi per selezionarli, poi click su un Frame col tasto dx. e
dal menu che si apre scegliamo Copy ( oppure premendo Ctrl+Alt+C ) per copiarli tutti
Premendo Ctrl + F8 creiamo un Symbol 1 cioè un MC poi facendo sempre click col tasto destro,scegliamo Paste, cioè
copia tutti i Frame
Facciamo click su Scene 1, in alto sopra al Layer, poi sul Layer 1 per selezionarlo e cancelliamolo , primo però creiamo
un nuovo Layer ( premere i tasti Add Layer e Delete Layer - nuovo livello, cancella livello- sotto al Layer 1 ).
Trasciniamo poi, aprendo la Library da Window, la nostra MC sullo Stage.
Ecco fatto abbiamo creato una bella MC....Se guardiamo con Play rimane statica, ma se guardiamo da Publish
Preview/ HTML vedremo il nostro movie andare all'infinito :))
Ed ora eccoci arrivati ai fatidici Collegamenti...
Creiamo un nuovo Layer al quale daremo un nome, facendo click sulla scritta Layer, va bene index ( per ogni
collegamento ricordiamoci che occorre un Layer nuovo ), da Libraries apriamo Buttons e scegliamo un pulsante già
pronto... a me piace molto il globo lo selezioniamo e lo trasciniamo sullo Stage, poi aprendo Window/ Inspector
/Object scriviamo 20 e 20 nella larghezza e nell'altezza in modo che il nostro simbolo diventi piccolo...
Quindi apriamo, facendo doppio click sul pulsante, Actions, scegliamo Get Url e a destra scriviamo ciò che dobbiamo
aprire, ovvero quale pagina web.
Vicino al pulsante sullo Stage, scriviamo con lo strumento Testo, il nome del file che si aprirà, in questo caso index
(naturalmente con lettere piccole )
Salviamo, poi apriamo un altro Layer e gli diamo un nome e stesso procedimento ( cambiare le misure, aprire
Actions.....ecc.. nome vicino al pulsante sullo stage del file...)
Procediamo nello stesso modo, per ogni file che vorremo collegare ( Layer nuovo, dargli un nome, ......)
Alla fine del nostro lavoro, salviamo tutto, dando un nome a questo movie, guardiamo con Publish Preview... facendo
click su ogni pulsante si aprono le pagine Html...
Risultato super... anche se mancano ancora molte cose per migliorare il tutto ! :-)
Macromedia Flash: testo, oggetti e moduli
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
Apriamo in Flash 4, un nuovo file e scriviamo una parola ad esempio Prova testo ombreggiato, con il colore rosso e
36, selezionandola con lo strumento freccia e con scale la allunghiamo, poi da Wiew scegliamo Antialias Text per fare
apparire il testo regolare..
Col tasto dx. sulla scritta, scegliamo Copy, poi Paste ( Incolla), ma di colore nero..( selezionare il testo col mouse, poi
click sul colore nero)
Apriamo ora Align (Allinea)...
Facendo click sul tasto Shift e sullo strumento freccia, selezioniamo entrambe le scritte e con Align le allineamo,
scegliendo una posizione in verticale ed una in orizzontale ( in modo da avere la scritta rossa con l'ombra nera
attaccata).
Togliamo le 2 selezioni ( Shift più freccetta) e clickando su quella colorata di rosso, la muoviamo
di qualche pixel con le 4 frecce direzionali della tastiera...
Infine, premendo insieme i tasti Ctrl + G sulle scritte le facciamo diventare un gruppo, in modo da poterle muovere
entrambe nello stage ( Ctrl +G fanno diventare un gruppo unico anche gli oggetti... alberi, disegni, ecc. per poterli
muovere tutti insieme)
Se vogliamo togliere l'opzione di Gruppo basta premere CTRL + Shift+ G oppure dal menu Modify /Ungroup
Ora cerchiamo di imparare a fare un modulo... un guestbook dove gli amici che visitano il nostro sito possano scrivere
ed inviarci critiche positive o negative e suggerimenti...
Niente di difficile... Dobbiamo solo creare un' intestazione, due campi di testo, un pulsante con Submit cioè invia...
Apriamo un nuovo file .fla, coloriamo lo sfondo da Modify/Movie... selezioniamo lo strumento Rettangolo e
disegniamo nello stage un rettangolo grande in alto, e col "secchio di vernice" lo coloriamo di azzurrino, quindi
disegniamo un rettangolino e da Windows/Inspector /Object gli diamo le dimensioni preferite.
Con lo Strumento testo e col carattere 36 scriviamo sopra al rettangolo grande Commenti
Poi con 20 di misura scriviamo Soggetto e Testo.
Disegniamo ora 2 caselle di Testo, selezionando sotto al menu Strumenti Text Field e con Window/Inspectors/
Objetc diamo loro le stesse domensioni di larhezza e altezza diversa... in modo che siano uguali alla figura qui sotto...
Non ci resta che aggiungere il Pulsante a barra Push bar (trascinandolo da Libraries) e attivando Modifica simbolo
scrivere OK sul pulsante.
Selezioniamo poi la casellina Soggetto e col tasto dx. apriamo Properties e lasciamo impostate le azioni di defaut draw
border (disegna il bordo ) e Do not includer ( non includere alcun contorno ai caratteri) poi OK.
Facciamo la stessa cosa con la casellina Testo, solo che scegliamo anche Multiline ( multilinea ) e Word wrap ( a capo
automatico ), poi OK . Creiamo ora una nuova scena dal menu Insert/ Scene ( vicino a Wiew e Modify ).
Fare quindi click su Modify Scene e scrivere una frase...
Apriamo la prima scena, da Wiew/Goto/ Scene 1, facciamo click sul keyf. , aprire Action e scegliere Stop.
Selezionare la parola OK sul simbolo, poi Insert/convert to Symbol, scegliere Button e fare click su Ok in modo che
si apra Instance properties, scegliere On mouse event e a dx Press, poi scegliere Get url e scrivere a destra mailto: e
il nostro indirizzo di posta.. (mailto:[email protected])
Selezionare _seft nella casellina Window a dx in basso e selezionare Send using Get nella casella delle variabili,
sempre in basso a dx.
Fare poi un altro click sul + e selezionare Go to e scegliere scena 2 a destra.poi OK....praticamente l'impostazione del
button OK sarà così
Occorrerà naturalmente creare un file Html e 1flash per pubblicare il modulo che potrebbe però non essere visibile in
tutti i Browser.
Macromedia Flash: il preload
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
Penso che questa lezioni interessi molti per tutti coloro che vogliono inserire un'animazione sul web e che quindi
devono scaricare una buona parte del filmato per funzionare... ed in tal modo si tenterebbe di risolvere la lentezza della
connessione... o per lo meno di indicare quanto attendere
Apriamo, quindi, un nostro file Flash fatto precedentemente... ed inseriamo ora una nuova Scena da Insert/ Scene
Abbiamo una scena vuota...
Poi Window/Inspectors/Scene... appare un menu con le 2 scene
Scegliamo scene 1 e quindi Propreties, da questo menu le diamo un nome, nel mio caso Filmato, poi OK
Nella stessa maniera aprire la scena 2 e darle un nome, ad esempio Preload, poi OK.
Trasciniamo ora col mouse la seconda scena Preload nel primo posto, affinchè parta per prima.
Aggiungiamo un Layer cioè un livello e diamogli un nome, esempio Punto, mentre il primo livello lo chiamiamo
Actions.
Quindi clickiamo sul n.1 Keyf del livello Punto , scegliamo Label cioè destinatario del comando Go to e scriviamo
Etichetta, poi OK.
In poche parole dobbiamo fissare il primo e l'ultimo Keyf. del Preload...
Nel n.1 del Keyf. del livello Actions scriviamo Carica Pagina (aspetta un momento... o altro ....) con lo strumento
Testo e in grande , poi lo selezioniamo e scegliamo
Convert to Symbol, dargli il nome Carica pagina e lasciare impostato a Grafico, poi OK.
Nel punto 10 inserire in entrambi i livelli un Keyf.
Nel Layer Actions, selezioniamo la scritta e facendo click col tasto dx. del mouse, scegliamo Properties, quindi Color
effect..
Scegliamo Alfa ed impostiamo a Zero%, poi OK
Torniamo al primo Keyf., click col tasto dx sul keyf. ed apriamo Properties, poi Tweening/Motion e lasciamo
impostato ad Automatico... poi OK.
Scriviamo ora i codici per le azioni: selezioniamo il Keyf n.1 della scena Preload, facciamo click ed apriamo Actions,
poi click sul segno + e scegliamo If Frame is Loaded (nome del frame che è stato caricato)....praticamente viene
controllato se è stato scaricato il file.swf ..a destra scegliamo Filmato e nel numero dei frame scriviamo 30
Ancora click sul +, scegliamo l'azione Go to, a dx. selezioniamo ancora Filmato, mettiamo 1 nel numero dei frame,
infine in basso a dx il segno di spunta su Control /Go to and Play, poi OK.
Fare ora click sul Keyf.n.10, cioè sull'ultimo del nostro Preload, ( sempre del layer actions) aprire il menu Actions,
click sul +, scegliere Go to, a dx, da Scene Preload, selezionare label (etichetta) e scrivere Filmato e mettere il segno
di spunta su Go to and Play, poi Ok...
In parole povere...abbiamo assegnato un'etichetta e con Go to abbiamo indicato il primo Frame del filmato Preload
Finalmente ce l'abbiamo fatta... Proviamo con Publish/prewiev / Html... è se tutto OK... Salviamo!!!
Mettiamo infine un bel comandino Stop, altrimenti il filmato continuerebbe all'infinito :-)
Da Window/Inspectors/scene, apriamo la scena Filmato... quindi Modify/ Scene , scegliamo Filmato, poi click
sull'ultimo Keyf. della scena dei vari layer usati..
Apriamo e col segno + scegliamo Stop dal menu che si apre...poi OK.
Naturalmente nel Preload possiamo mettere, al posto della scritta Carica filmato, un' immagine che si muove... che si
ingrandisce, che ruota.... mentre il movie viene caricato ...( con lo stesso procedimento ...) Sempre nel preload possiamo
mettere una barra in percentuale che indicare il caricamento più o meno reale dell'animazione (sarà trattato presto nella
newsletter)(Guardando con Control/Play il Preload non si vede, in quanto rimane in memoria...si vede solo quando si
Pubblica...)
Fare il Preload, quindi, come si dice in termine Flash, significa semplicemente che il movie va in loop ed esegue un
controllo tutte le volte che si passa per il primo frame, se e' stato caricato il frame indicato col numero da noi assegnato,
si esce dal loop e si continua...scena dopo scena...
Macromedia Flash: Tell Target e Play Sound
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
E siamo arrivati alle cose più complesse di Flash4... Inizierei da Tell Target che serve per dare un comando ad un
pulsante o a comandare un frame di una movie clip...
Apriamo quindi un nuovo file .fla... apro prima la library di una prova/ lezione che contenga un mc, la seleziono e la
trascino in un frame vuoto...poi provo con Control/Test Movie se funziona...
Inserisco un nuovo Layer ed inserisco nel frame n.1 un'altra mc, poi un altro Layer...
Controllo con Test/movie...tutto OK.
Ora nominiamo i tre Livelli ( asterisco, burst e rosa )
Facciamo click sul frame, dal menu che si apre, in label (etichetta ) inseriamo il nome ( rosa il primo, burst il secondo..)
Inseriamo ora altri 2 livelli che chiameremo Play e Stop.... inseriamo in ognuno un Pulsante che prendiamo dalla
Libreria...
Premendo i quali facciano partire o fermare le istanze delle Mc ( da azioni ....)
Certo che le variabili di Flash4, se non si ha esperienza, sono davvero mastodontiche da digerire... ma Target credo sia
una funzione molto importante, in quanto è usato anche in Html per aprire altre finestre...
Due pulsanti che possono anche aprire un file musicale...
Li ho messi uno nel livello Play e uno nel livello Stop.
Poi facciamo click sul pulsante del livello Play ed impostiamo le Proprietà, aprendo azioni e scegliendo Tell Target
Poi doppio click sulla clip a destra, nel mio caso burst, in modo che appaia nell'impostazione del Target
Quindi su Play
Facciamo le stesse azioni per l'altro pulsante del livello Stop, solo che alla fine invece che Play scegliamo Stop .
Dividiamo questa operazione in 3 parti
1° creare un movie clip 2° creare due bottoni (uno per off e uno per on… e non due bottoni che mostrino off e on
insieme) 3° dare le giuste azioni a movie clip e bottoni ...
1° creiamo due bottoni (il più facile) separati appunto uno di off e uno di on con le proprie particolarità a nostra scelta
2° adesso creiamo il movie clip con il suono, che deve essere formato da quattro kframe 1st bianco keyframe con nelle
proprietà>action>+ stop 2nd keyframe deve contenere il suono, accertiamoci che nel set sia selezionato event e nel loop
ci sia un numero alto esempio 200.
Anche in questo keyframe mettiamo nelle proprietà>action>+ stop 3rd dobbiamo assegnare queste due azioni nelle
proprietà>action>+ stop all sound e stop 4th keyframe deve contenere nelle proprietà>action>go to e stop frame 2 (nello
stesso movie clip) adesso viene il bello…..
Dobbiamo creare un movie clip con due keyframe che tutti e due contengano nelle proprietà>action>+ stop in cui sul
primo keyframe mettiamo il bottone off e gli assegniamo le seguenti proprietà date al bottone sul primo keyframe
on (release) / begin tell target / go to the next frame /end tell target/
end on on release /go to the next frame /end on
Inseriamo poi il secondo bottone on sul secondo key frame e immettiamo nel bottone su action le seguenti proprietà
on (release) / begin tell target /go to the next frame / end tell target/
end on on release /go to the previous frame / end on
Ora il più facile.. prendiamo il movie clip con i bottoni "quest'ultimo" e lo trasciniamo sul nostro movie prendiamo il
movie clip con il suono e lo trasciniamo sul nostro movie e nelle proprietà inseriamo come instance name "sound"
magari creando, per una questione di ordine un layer per ciascuno.
Con questo avremo un bottone che all'apertura del file non c'è suono ma appena tu schiacci si attiva il suono se invece
vuoi creare un movie dove la musica già è presente e hai un bottone che disattiva e riattiva la musica …. Ecco fai tutto
come sopra, cambiano solo due cose nel movie clip con il sound sul primo key frame metti play come proprietà invece
che stop e poi ovviamente inverti la posizione dei bottoni sul movie clip bottoni finali, ovvero sul primo metterai il
bottone on e sul secondo il bottone off… ma le proprietà dei bottoni saranno legate al keyframe in cui sono residenti
cioè….. bottone on al bottone assegniamo le seguenti proprietà sul primo keyframe
on (release) / begin tell target/go to the next frame/ end tell target/ end on on release/
go to the next frame / end on
Inseriamo poi il secondo bottone off sul secondo key frame e immettiamo nel bottone su action le seguenti proprietà sul
secondo keyframe
on (release) / begin tell target / go to the next frame/ end tell target
end on on release/ go to the previous / frame end on
Macromedia Flash: magie di flash
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
" Mi serve sapere come si fa con Flash a far apparire delle lettere che compongono un nome da sinistra a destra
associandogli un suono, ad ogni arrivo."
Inizio questa lezione cercando di rispondere nel modo più appropriato a questa e-mail di un amico...
Apriamo un Nuovo File .fla, scrivo la lettera ad es. R, inserisco un Kframe...al Frame 15 della linea temporale,
mettiamo un Kframe vuoto.. Facciamo click sul frame 14, aggiungiamo la lettera seguente i e facciamo click col tasto
dx. del mouse e scegliamo
Copia fotogrammi...
Apriamo il Fotogramma chiave vuoto e scegliamo Incolla Fotogrammi...
Apriamo un nuovo livello, che chiameremo Suono 1...Dalla Libreria apriamo Audio e selezioniamo un suono che
trascineremo sullo Stage...
Nel livello è apparsa una barretta che indica che abbiamo inserito il suono.
Apriamo un nuovo livello, suono 2. In corrispondenza della seconda lettera inseriamo un Fotogramma chiave vuoto..
Poi trasciniamo un altro suono sullo Stage, nella Linea temporale è apparsa una barretta
che indica che all'apparire della seconda lettera ne sentiremo il suono...
Stesso procedimento per le rimanenti lettere....( ricordiamoci che ad ogni suono dobbiamo aggiungere un nuovo
livello!)
Se vogliamo che la sequenza riparta, inseriamo qualche Fotogramma chiave vuoto alla fine della scritta...per lasciare un
po' di stacco al secondo caricamento...
Si può ottenere lo stesso effetto (delle lettere che appaiono ad una ad una ) anche scrivendo prima l'intera parola nel
primo fotogramma chiave, nel 10, nel 20 ecc...
Facendo click poi su ogni fotogramma chiave, sul primo togliere tutte le lettere tranne una, sul secondo tranne due,
sul terzo tranne 3...
Il risultato è il medesimo..Il procedimento descritto precedentemente per inserire suoni rimane uguale ( si possono
importare anche file Wav dal nostro Hard disk ) aprendo questa volta da Finestra/ Libreria li trascineremo sullo
Stage e li inseriremo in ogni Key frame ..ormai Key frame fa parte del mio vocabolario e mi piace di più :o)...
Ricordiamoci che con più suoni inseriamo più aumenta la dimensione del File.fla e più diventa pesante da caricare...
Ecco 2 modi per inserire le lettere e i suoni...
il primo modo nella scena 1, il secondo modo aprendo una nuova scena... semplicemente per vedere se ci fosse qualche
piccola differenza... il risultato è uguale...
Per concludere, riprenderei un attimo il discorso delle Scene :
Inserisci /Scena per inserire la Scena 2 ..( e magari anche altre..) nella quale aggiungeremo i Livelli per inserire i
suoni... Da Controlli /Prova filmato per Esportare il nostro filmato nel Flash Player ( è un Proiettore che permette di
far vedere il nostro lavoro anche a chi non ha Flash4 )
Controlli/ Prova Scena per vedere le Scene in sequenza... ( il filmato naturalmente si chiude facendo click in alto a
destra sulla X )
Le lettere che arrivano da sinistra potranno anche essere di vari colori..selezionando il colore dal Menu Colore Testo ( a
sinistra quasi in basso vicino alla A ).. ingrandito con Scala ecc..
Se vogliamo inserire qualcosa nella Scena 1, mentre stiamo lavorando nella 2, è sufficiente fare Click su Modifica
Scena e selezionare la 1
Stiamo per concludere le nostre semplici lezioni... Piccole..grandi cose che renderanno sempre più IN il nostro Primo
Sito Flash che proveremo a costruire nella prossima lezione.... Whow...
Macromedia Flash: Creare il nostro primo sito flash
Guida introduttiva al migliore prodotto per grafica vettoriale e animazioni per il web
Eurologon offre Dominio con hosting professionale a partire da 50 MB a 35 euro + iva e
Piani RIVENDITORI a partire da 1500 MB e 250 euro + iva / anno.
a cura di Rita C. - Sito Web
Ed eccoci arrivati alla nostra più bella lezione... e forse la più complessa "Creare il nostro primo sito.."
Invece del solito schermo nero, come sfondo importiamo una bella immagine .jpg...
Da Importa scegliamo un'immagine .jpg del nostro hard disk, che essendo di misura 1024 per 768 riempirà tutto lo
Stage... (consigliamo di utilizzare una immagine molto leggere e semplice!)
Al frame 50,inseriamo un Kf., poi uno vuoto ed importiamo una nuova immagine, un altro kf. al frame 100.
Al frame 25, inseriamo un kf.quindi apriamo Inserisci Simbolo e scegliamo grafico,facciamo quindi click
sull'immagine nello stage ed apriamo Proprietà Istanza / Effetto colori.
Scegliamo Alpha e togliamo un po' di colore, fino a fare quasi svanire l'immagine..
Corsi online:
•
•
•
•
•
•
HTML avanzato e CSS
WebMaster: realizzare un sito da zero
Flash MX Base
Flash MX - Action Script
Macromedia 8
WebDesign (Photoshop,..)
Stesso procedimento nell'altra immagine...
Facciamo click inoltre sul kf.1, scegliamo Intercalaggio e al posto di nessuno inseriamo Automatica... Controlliamo
con Play.. A seconda dell'immagine JPEG...si può muovere tipo onda marina ( quest'effetto mi piace molto in quanto
sembra di vedere il paesaggio stando su una nave..) oppure come la seconda nel mio caso resta fissa...quindi è inutile
darle un movimento... meglio allora lavorare sul colore Alpha...apparire..scomparire..
Apriamo ora un altro livello che chiameremo Collegamenti
Controlliamo che il livello sia attivo ( deve avere la matitina ) quindi disegniamo un piccolo cerchio rosso, con lo
strumento Cerchio.
Ecco delle semplici e sintetiche istruzioni :
disegna un CERCHIO
seleziona il cerchio e premi F8, cioè converti in simbolo
ora scegli BUTTON
vedrai un riquadro attorno al cerchio
ora seleziona questo bottone e premi CTRL+F
si aprira' una finestra ,
seleziona ACTIONS
ora inserisci le AZIONI
On (Release)
Get URL ("http://www.ritacc.com/pag1.htm", window="_blank")
End On
ora ritorna sulla timeline principale, cioè dove hai il bottone...
fai il copia/incolla di questo bottone di quanti bottoni ti servono( 3 se non sbaglio )
ora avrai tre bottoni con le stesse ACTION!!! xò puntano tutte alla stessa pag!!! allora...modifica solo l'indirizzo della
actions ed il gioco è fatto
nel secondo bottone
On (Release)
Get URL ("http://www.ritacc.com/pag2.htm", window="_blank")
End On
nel terzo bottone
On (Release)
Get URL ("http://www.ritacc.com/pag3.htm", window="_blank")
End On
Creare un Pulsante Stop
Devi mandare il tuo pulsante alla pagina http://www.ritacc.esempio1.htm, crea nella timeline principale un fotogramma
con uno STOP in quel fotogramma metti tutti i tuoi pulsanti esempio1/2/3/4/5 etc..etc.. per far si che quando CLICCO
vado alla pagina, il GET URL non deve essere impostato sul FRAME ma sul bottone ! clicca due volte sul bottone
vai in ACTIONS, ora fai
on mouse event RELEASE
On (Release)
Get URL ("http://www.ritacc.esempio1.htm", window="_blank")
End OnI
In basso a destra , sta scritto WINDOWS....specifica come la finestra deve essere aperta...
La nostra pagina con le immagini in movimento e i pulsanti, la salviamo con Pubblica... Naturalmente prima apriamo
Impostazioni Pubblicazione ( nel menu sotto File ) ed impostiamo prima i formati... togliendo la spunta a "usa
nome predefinito", in modo che facendo click possiamo chiamare il nostro file Index.htm e Index.swf che altro non è
che il file che contiene tutte le immagini, le scritte e gli eventuali suoni.
Poi il Flash ( sa questo menù, possiamo anche impostare il Flusso Audio, aprendo Imposta e l'evento Audio.. da
notare il formato Mp3, praticamente in Flash4 si importano musiche in formato Wave...i midi non sono riconosciuti... e
pubblicando Flash li trasforma in Mp3...cioè in suono puro e pulito :)
Scegliamo il caricamento ed impostiamo a 100 la qualità JPEG
Apriamo infine il terzo menù delle impostazioni HTML
Per cercare di eliminare il bordo bianco fra il filmato Flash e la Finestra del Browser ho selezionato Pixel ed ho messo
le dimensioni 800 per 600 che sono quelle più usate, nella modalità
finestra ho messo senza finestra e di Scala nessun bordo..ma un bordino rimane...mi sa che bisognerebbe agire sul
linguaggio HTML...
Ed ora PUBBLICA.... finalmente...wow...