Imparare ad utilizzare Adobe Flash Professional

tramite: O2O
Difficoltà: media
110

Introduzione

Adobe Flash è un programma utilizzato per la creazione di contenuti multimediali. Progettare animazioni e altri elementi all'interno di Flash può sembrare davvero complicato, soprattutto a causa del suo motore grafico che, per chi arriva da altri software più semplici e immediati di creazione (come Photoshop o Illustrator), appare un vero bastone tra le ruote. In realtà, se approcciato nel modo corretto, il programma, per la sua particolare struttura e il suo modo di gestire la grafica vettoriale, si rivela decisamente utile e versatile.
Di seguito, vedremo come muovere i primi passi per imparare ad utilizzare Adobe Flash Professional, non trascurando di sottolineare come lo studio e l'approfondimento del supporto online (disponibile sul sito Adobe e consultabile cliccando sul link che trovate in calce a questa guida) costituisca un aiuto fondamentale per padroneggiare al meglio il software.

210

Occorrente

Assicurati di avere a portata di mano:
  • PC e connessione a internet
  • Adobe Flash Professional
310

Iniziamo a scoprire Adobe Flash Professional, analizzando le caratteristiche della sua interfaccia.
Una volta aperto il programma, e selezionato il tipo di progetto che più ci interessa, vedremo la schermata standard dell'ambiente di lavoro (riprodotta nella foto qui a fianco), suddivisa in tre macrosezioni:
- lo stage, che è il nostro "tavolo di lavoro" e si trova al centro della videata ;
- la linea temporale/timeline, posta immediatamente sotto lo stage, che rappresenta l'area dove gestiremo le animazioni e i livelli mediante l'uso dei keyframes. Dietro la linea temporale, è presente anche la scheda editor di movimento dove, attraverso l'uso delle curve, potremo raffinare nei minimi dettagli le animazioni create;
- il pannello degli strumenti, che contiene i comandi utili per creare i nostri contenuti.
Subito accanto a tale pannello, ve ne sono altri due: quello delle proprietà e quello della libreria. Il primo varia i propri contenuti a seconda dello strumento di lavoro selezionato, per permetterci di personalizzare in anteprima le forme che andremo a generare (colore, tratto, spaziatura, ecc). Il pannello libreria, invece, contiene i simboli da noi creati per un successivo utilizzo come istanze, ma lo vedremo poi.
Tutte queste sezioni, e le loro relative sottoschede, possono essere liberamente disposte e ridimensionate sullo schermo, in base alle nostre esigenze.

410

Scopriamo ora le potenzialità del motore grafico del programma.
Come accennato nell'introduzione, le caratteristiche grafiche di Adobe Flash Professional possono generare qualche perplessità a chi arriva da altre applicazioni simili, e questo, inizialmente, non mancherà di farci commettere degli errori. Ma tutto è risolvibile con un po' di pratica. Vediamo alcuni esempi di uso del software.
Per spostare una forma dotata di riempimento e tratto, tracciata con l'apposito strumento, occorrerà fare doppio click al centro di essa, e non un click singolo, altrimenti quello che otterremo sarà lo spostamento solo del tratto o solo del riempimento, a seconda di dove avremo cliccato. Inoltre, se la figura risulta dotata di un tratto spezzato (come nel caso riprodotto nella foto qui sopra), e desideriamo spostare l'intero tratto dal riempimento, dovremo avvicinarci ad esso con il classico strumento di selezione (v). Anche in questo caso, con un solo click selezioneremo solo una parte del tratto - fino a dove prosegue e senza spezzarsi - mentre, cliccando due volte, lo evidenzieremo nella sua interezza. Le ombreggiature di selezione ci aiuteranno a capire su cosa andremo, di volta in volta, a operare.
Se sbagliamo a selezionare e spostiamo il riempimento fuori dal tratto, o viceversa, non dobbiamo provare a correggere l'errore riposizionando il tutto: questo perché non riusciremmo a ricreare la situazione iniziale (il tratto o il riempimento andrebbero a sovrapporsi) ma, soprattutto, commetteremmo un ulteriore errore nel momento in cui eseguiamo la deselezione (e lo vedremo tra poco, quando parleremo dell'interazione tra le forme).
Per modificare una forma con riempimento e tratto, dovremo semplicemente avvicinarci a quest'ultimo con lo strumento di selezione (v) e noteremo come il puntatore si arricchisca di una curva. Se clicchiamo e, senza rilasciare, trasciniamo detta curva, potremo facilmente modificarla e il riempimento della relativa zona adatterà di conseguenza. Con questo metodo, sarà possibile modificare forme elementari in forme più complesse, magari aggiungendo qualche ulteriore punto di curva. Questo si ottiene tenendo premuto il tasto Alt (su Windows)/Opzione (su Mac) mentre clicchiamo e trasciniamo la curva.

510

Guarda il video

Continua la lettura
610

L'altra grande particolarità del motore grafico di Adobe Flash Professional è l'interazione tra le forme. Se disegniamo due o più forme, e proviamo a trascinarle l'una sopra l'altra, rischiamo di trovarci di fronte a un qualcosa di inaspettato nel momento in cui decidiamo di riposizionarle. Questo significa che, fin quando una delle due forme rimane selezionata, potremo tranquillamente riposizionarla senza che nulla cambi, ma nel momento in cui dovessimo deselezionare e poi riselezionare la forma per spostarla, noteremo che la stessa è stata "mangiata" dall'altra. Nel caso poi in cui le due figure dovessero avere anche colori uguali, nel tratto o nel riempimento, l'interazione si manifesterà come una fusione dei due livelli, con la conseguente l'impossibilità di scinderli. Se tutto questo può sembrare davvero sconcertante, come accennato, in realtà la sua utilità diventa evidente nel momento in cui le possibilità d'intervento offerte dal programma si adattano alle nostre esigenze, permettendoci di creare, in pochi passaggi, oggetti davvero articolati e complessi.

710

Adesso, passiamo a scoprire le funzionalità del pannello della libreria e le sopracitate istanze.
L'organizzazione del progetto è fondamentale per il corretto utilizzo di Adobe Flash Professional. Un approccio al programma confuso e disorganizzato ci costringerebbe, in sede di animazione degli oggetti creati, a intervenire su molti più elementi del necessario. Poniamo l'esempio di voler creare l'animazione raffigurante due auto che si inseguono, con relativi pneumatici in movimento. Se realizziamo questi ultimi con un semplice copia e incolla l'uno dell'altro, animarli significherebbe prenderli uno per volta e impostarne tutti i singoli movimenti. Questo perché ogni ruota delle auto rappresenta un livello indipendente e, in quanto tale, deve essere animato per conto suo. Inoltre, il copia e incolla non aiuta il "peso" finale del progetto perché, in realtà, la fase di animazione è da moltiplicarsi per quattro. Ecco che allora ci vengono in aiuto le opzioni contenute nel pannello della libreria e le istanze. Per aggiungere un elemento alla libreria (che, come abbiamo visto, contiene tutte le nostre creazioni), sarà sufficiente selezionare il singolo progetto sul quale desideriamo intervenire, usando il tasto destro del mouse, e quindi cliccare sulla voce "Converti in simbolo". Delle tre opzioni disponibili (clip filmato, immagine, pulsante), quella utilizzata più di frequente è la standard, ovvero clip filmato (anche nel caso di immagini).  

810

A questo punto, aprendo il pannello della libreria, troveremo il nostro oggetto disponibile; se lo trasciniamo dalla libreria e lo rilasciamo sullo stage, daremo origine a un'istanza, vale a dire una rappresentazione della forma situata nella libreria che può assumere configurazioni autonome (quali, ad esempio: posizione sullo stage, grandezza, animazioni differenti, gradazioni di colore diverse rispetto a quello di partenza e così via), selezionabili dal pannello proprietà. Inoltre, ci sono possono essere sullo stage più istanze dello stesso simbolo, senza per questo influire sul peso del progetto finale. Nell'esempio riportato nelle immagini allegate a questo passo e al successivo, partendo dal simbolo nuvola abbiamo generato quattro istanze, differenti per dimensione, posizione, colore e aspetto (una è riflessa verticalmente): quattro elementi sullo stage, un solo simbolo di partenza. Quello che più conta è che, se noi volessimo apportare delle modifiche generali, sarà sufficiente modificare il simbolo in libreria, cliccandoci sopra due volte, e operare le dovute modifiche che, una volta completate, saranno automaticamente trasmesse a tutte le immagini generate da quel simbolo.  
Per favorire l'organizzazione del progetto con una chiara e funzionale "struttura ad albero", Flash permette di costruire dei simboli dalle istanze. ATTENZIONE! Nel caso delle istanze, le interazioni tra forme, descritte al passo 3, non hanno validità, perché le istanze sono solo rappresentazioni del disegno vero.  

910

In quest'ultimo passo, vediamo le diverse opzioni di animazione offerte da Flash.
Il software mette a disposizione i seguenti tipi di animazione: frame per frame, interpolazione di forma, interpolazione classica, interpolazione di movimento. In questa sede, parleremo solo dell'ultima impostazione di animazione, perché è quella che viene utilizzata più spesso e che più si avvicina alle opzioni offerte da altri programmi simili ad Adobe Flash, quali After Effects o Apple Motion.
Con Flash, per animare un oggetto, sarà sufficiente cliccare su di esso con il tasto destro e selezionare il comando "Interpolazione di movimento". A questo punto, l'indicatore della linea temporale avanzerà automaticamente di un numero di fotogrammi predefinito (è possibile modificare detto numero dall'interno delle preferenze di Flash). Ora, sarà sufficiente posizionare il cursore temporale sul primo fotogramma e spostare l'oggetto nel punto desiderato; quindi, basterà andare al fotogramma X e ricollocare l'oggetto nella posizione finale. Fatto questo, comparirà un tracciato che indicherà il precorso del nostro oggetto: i punti di tale tracciato rappresentano i singoli fotogrammi. Premendo invio, vedremo il risultato dell'animazione appena creata.
È possibile animare quasi tutti i parametri degli oggetti, servendosi della linea temporale unitamente ai valori che compaiono nella scheda proprietà o agli strumenti di trasformazione.

1010

Consigli

Non dimenticare mai:
  • Quando si fa pratica con Flash, è meglio avere almeno un'idea concreta su cui lavorare, per capire al meglio come funziona e come ragiona il software.
Alcuni link che potrebbero esserti utili:

Potrebbe interessarti anche

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Segnala il video che ritieni inappropriato
Devi selezionare il video che desideri segnalare
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Windows

Come Creare Una Scritta Scorrevole In Flash

Se si possiede un sito web, come un blog o si è realizzato un forum ed ormai chi naviga in internet, prima o poi si ...
Windows

Come Creare Un'Immagine Rollover In Flash

Cosa è importante principalmente in un sito web o in un blog? Ancora prima dei contenuti c'è una cosa che salta subito agli occhi ...
Windows

Come realizzare un effetto maschera in Flash

Ti piacerebbe realizzare un fantastico effetto maschera in Flash per il tuo sito, ma non sai come? Segui i passi indicati di seguito e potrai ...
Mac

Come convertire animazioni Flash in HTML5 su Mac

Come sapranno certamente in molti, i contenuti flash (. Swf) presenti nelle pagine web non sono visibili sui device Apple (come gli Iphone, gli Ipad e ...
Windows

Come Evidenziare E Sottolineare Parti Di Testo Con Acrobat Reader Professional

Una delle maggiori comodità nell'utilizzo di Acrobat Reader professional è data dal poter evidenziare, sottolineare e sostanzialmente porre in rilievo delle parti di testo ...
Windows

Come cambiare scena in un Flash

Creare animazioni in formato Flash è davvero molto semplice, basta poco infatti per imparare il programma e usarlo nella maniera più congeniale, sfornando delle piccole ...
Windows

Come creare delle scritte animate con Flash Mx

Le scritte animate attirano molto l'attenzione dei lettori di un cartellone elettronico pubblicitario o di un sito web ecco perché è importante saperle fare ...
Software

Come imparare ad usare Adobe After Effects

Titoli, effetti ed animazioni da inserire nei tuoi video: tutto questo si può fare con After Effects, un software prodotto dall'Adobe per l'animazione ...
Windows

Come inserire suono audio in file Flash

Se vuoi arricchire un file .swf inserendo dentro un effetto audio, un suono o una canzone in formato. Mp3 o wave, questa guida è giusta ...
Windows

Imparare ad utilizzare Adobe Device Central

Adobe device central è una nuova applicazione targata Adobe che consente a sviluppatori e designer di creare contenuti per dispositivi mobili, come smartphone e tablet ...
Programmazione

Realizzare giochi flash con StencylWorks

StencylWorks è un software per la realizzazione di giochi flash gratuiti e dalle prestazioni non troppo elevate. Potrai pubblicare i tuoi giochi in versione Flash ...
Windows

Come realizzare una gif con Adobe Fireworks

Il pacchetto di Adobe comprende molti programmi utili per la grafica e la progettazione di siti web. Offre utili strumenti adatti per ogni esigenza, il ...
Windows

Imparare ad utilizzare Adobe Fireworks

Conosciuto anche con il nome di Macromedia Fireworks, Adobe Fireworks è un software editor di bitmap e design grafico e di elaborazione fotografie e immagini ...
Windows

Come risolvere il blocco del Plugin Shockwave flash su chrome

Se il browser che usi è Chrome, ecco una guida per te. Navigando in rete il browser Chrome ogni tanto si blocca. Purtroppo può capitare ...
Windows

Come realizzare applicazioni multimediali con Macromedia Director 8.5

Manipolare le immagini, i video i testi, sono lavori che con il computer vengono svolti sempre con maggiore frequenza, soprattutto per creare qualcosa da conservare ...
Windows

Come scaricare i filmati flash gratis

Capita che su internet troviamo dei filmati in formato Flash all'interno dei siti web che visitiamo e di volerli mettere sullo smartphone o lasciarli ...
Windows

Come aprire un file SWF

Durante la navigazione in internet, trovare contenuti multimediali è diventato di ordinaria amministrazione: pubblicità, video, animazioni, giochi, passano tutti attraverso animazioni web. Shockwave Flash (SWF ...
Software

Illustrator: come utilizzare lo strumento bomboletta simboli

Nella seguente approfondita e completa guida che potrete leggere nei passaggi successivi, vi indicherò alcuni utili consigli su come bisogna utilizzare al meglio "Adobe Illustrator ...
Software

Come iniziare ad utilizzare Adobe Illustrator

Le persone che sono appassionate di grafica al computer spesso cercano di soddisfare questa passione. Il programma di grafica più noto è Adobe Fhotoshop; esso ...
Mac

Come aggiungere effetti, fumetti e suoni speciali nei filmati con iMovie

IMovie è un'applicazione che ci consente di modificare, visualizzare e organizzare video di qualsiasi formato. Molto semplice da usare in quanto dotato di una ...
I presenti contributi sono stati redatti dagli autori ivi menzionati a solo scopo informativo tramite l’utilizzo della piattaforma www.o2o.it e possono essere modificati dagli stessi in qualsiasi momento. Il sito web, www.o2o.it e Arnoldo Mondadori Editore S.p.A. (già Banzai Media S.r.l. fusa per incorporazione in Arnoldo Mondadori Editore S.p.A.), non garantiscono la veridicità, correttezza e completezza di tali contributi e, pertanto, non si assumono alcuna responsabilità in merito all’utilizzo delle informazioni ivi riportate. Per maggiori informazioni leggi il “Disclaimer»”.