Accessibilità

Indice

Progettazione e animazione di personaggi in Flash 8

Disegno in Flash

Macromedia Flash mette a disposizione diversi strumenti di disegno per la creazione di personaggi interessanti e per altre operazioni. Ogni strumento differisce dagli altri e produce risultati stilistici diversi. Alcuni strumenti producono file di dimensioni più grandi, altri generano file di dimensioni ridotte. Acquisendo familiarità con questi strumenti, è possibile imparare a scegliere lo strumento più adatto allo stile artistico desiderato e ai requisiti relativi alla dimensione del file cui occorre attenersi. Si tratta semplicemente di un compromesso tra dimensione del file, tempi di scaricamento e prestazioni di riproduzione. In questa sezione verranno esaminati i diversi strumenti di disegno di Flash, presentandone pro e contro.

Strumento Pennello

Lo strumento Pennello, mostrato nella figura 1, è probabilmente quello più versatile, soprattutto se utilizzato insieme a una tavoletta sensibile alla pressione.

Strumento Pennello

Figura 1: Strumento Pennello

Disegnare con lo strumento Pennello è come disegnare con le forme. È lo strumento più naturale se utilizzato con il supporto della sensibilità alla pressione e delle funzioni di inclinazione. Wacom produce una serie di famose tavolette grafiche di diverse dimensioni, comprensive di una penna grafica senza filo e senza batteria definita stilo, che lavorano alla perfezione con Flash. Visto che una tavoletta grafica Wacom può collaborare con il mouse esistente, o sostituirlo completamente, il suo utilizzo va ben oltre il semplice uso con Flash. Molti designer digitali utilizzano una tavoletta grafica con numerosi editor e programmi di animazione, compresi Adobe Photoshop, Adobe Illustrator e Macromedia FreeHand. Niente paura: se non si possiede una tavoletta grafica è tuttora possibile utilizzare lo strumento Pennello, tenendo presente che le funzioni di inclinazione e sensibilità alla pressione non saranno disponibili.

Se è stata installata una tavoletta sensibile alla pressione, la selezione dello strumento Pennello consente due selezioni secondarie che influiscono sulla qualità della linea. Nella parte inferiore della casella degli strumenti sono infatti disponibili le opzioni Pressione e Inclinazione (vedere la figura 2). Selezionando una di queste opzioni (o entrambe) è possibile ottenere risultati diversi con lo strumento Pennello in Flash.

Opzioni Pressione e Inclinazione

Figura 2: Opzioni Pressione e Inclinazione

La figura 3 mostra che cosa accade quando si disegna con lo strumento Pennello. Il risultato a sinistra è una forma, vale a dire che presenta punti vettoriali su tutti i lati. Maggiore è il numero di punti contenuto in un oggetto, maggiore è la dimensione del file. Questa particolare forma è stata disegnata utilizzando una tavoletta sensibile alla pressione. Si notino le estremità rastremate e lo spessore incoerente della linea derivato dalla diversità di pressione applicata al tratto. Anche la forma a destra è stata disegnata con lo strumento Pennello; in questo caso, però, è stata disattivata l'impostazione Pressione.

Forma disegnata con l'impostazione Pressione attivata (a sinistra) e disattivata (a destra)

Figura 3: Forma disegnata con l'impostazione Pressione attivata (a sinistra) e disattivata (a destra)

Lo strumento Pennello offre diverse sottoselezioni per facilitare il disegno di particolari effetti (vedere la figura 4):

  • Colora normale: colora sopra le linee e i riempimenti sullo stesso livello
  • Colora riempimenti: colora all'interno di un colore di riempimento e all'esterno di una forma (sullo stage)
  • Colora dietro: colora dietro riempimenti e tratti esistenti
  • Colora selezione: consente di colorare solo all'interno di un riempimento selezionato
  • Colora all'interno: permette di evitare di superare le linee all'interno del quale è stata iniziata la colorazione del riempimento
Effetti dello strumento Pennello

Figura 4: Effetti dello strumento Pennello

Disegno oggetto

Disegno oggetto è una nuova funzione di Flash 8, che consente di disegnare le forme come singoli oggetti che restano indipendenti l'uno dall'altro. Sono finiti i giorni in cui era necessario disegnare ogni forma su un livello separato per evitare che una forma venisse "tagliata" all'interno di un'altra. Con Flash 8 è sufficiente attivare o disattivare Disegno oggetto come sottoselezione di qualsiasi strumento di disegno (Pennello, Matita, Penna, Ovale e Rettangolo) nelle opzioni (vedere la figura 5). Chi conosce Macromedia FreeHand o Adobe Illustrator dovrebbe avere familiarità con questa funzione e accoglierne favorevolmente l'aggiunta in Flash.

Pulsante di sottoselezione Disegno oggetto

Figura 5: Pulsante di sottoselezione Disegno oggetto

Come è possibile osservare nella figura 6, il disegno di una forma sopra una forma esistente senza Disegno oggetto unisce le forme, provocando il taglio di una forma nell'altra. La modalità è definita Disegno unione e può essere utile per tagliare le forme al fine di crearne di nuove.

Modalità Disegno unione

Figura 6: Modalità Disegno unione

Quando si disegna una forma nella modalità Disegno oggetto, la forma diventa automaticamente un "disegno oggetto" e non può essere unita con altre forme. È possibile sovrapporre i disegni oggetto senza paura di tagliare uno nell'altro (vedere la figura 7). La possibilità è utile nei casi in cui è necessario riposizionare gli oggetti o semplicemente mantenerli indipendenti.

Modalità Disegno oggetto

Figura 7: Modalità Disegno oggetto

Il personaggio dell'esempio (vedere la figura 8) è stato interamente creato con il mouse e con gli strumenti rettangolo e ovale. Non è stata mai utilizzata la tavoletta grafica Wacom insieme allo strumento Pennello. Sarebbe stato possibile selezionare lo strumento Pennello, ma gli strumenti forma consentono una qualità delle linee superiore. Spesso lo strumento Pennello crea punti inutili che aumentano la dimensione del file e rendono complessa la modifica successiva delle forme. Per l'immagine del ragazzo, sono preferibili forme semplici e una dimensione del file ridotta.

Personaggio creato con gli strumenti forma

Figura 8: Personaggio creato con gli strumenti forma

Strumento Matita

Lo strumento Matita, mostrato nella figura 9, è lo strumento perfetto se si desidera ottenere uno spessore di linea coerente nell'immagine e se la dimensione del file deve essere ridotta.

Strumento Matita

Figura 9: Strumento Matita

Le linee disegnate con lo strumento Matita sono costituite da un numero limitato di punti vettoriali. Una linea perfettamente diritta dispone solamente di due punti, uno a ogni estremità. Una linea curva possiede tre punti, o più, in base al numero di curve (vedere la figura 10).

Linee disegnate con lo strumento Matita

Figura 10: Linee disegnate con lo strumento Matita

Lo strumento Matita mette inoltre a disposizione diverse modalità per la qualità della linea (vedere la figura 11):

  • Raddrizza: è un'opzione interessante per disegnare linee rette a mano libera. Anche se la mano è un po' tremolante, le linee si "agganceranno" in linea retta al termine del disegno del tratto.
  • Attenua: utilizzando questa opzione le linee verranno automaticamente smussate, pur mantenendo la forma di base creata.
  • Inchiostro: questa opzione lascia invariata la qualità della linea. È perfetta per disegni a mano libera o dall'aspetto trasandato.
Modalità per la qualità dello strumento Matita

Figura 11: Modalità per la qualità dello strumento Matita

Strumenti forma

Gli strumenti forma, Ovale e Rettangolo, creano riempimenti e tratti primitivi (vedere la figura 12). Tenendo premuto Maiusc insieme a uno strumento forma è possibile creare un cerchio o un quadrato perfetto.

Strumenti forma: Ovale e Rettangolo

Figura 12: Strumenti forma: Ovale e Rettangolo

È possibile selezionare il colore di riempimento e di tratto utilizzando la finestra di ispezione Proprietà (vedere la figura 13). Facendo clic su uno dei campioni viene aperto il pannello dei colori, dove è possibile modificare il colore di riempimento o di tratto.

Finestra di ispezione Proprietà per lo strumento Rettangolo

Figura 13: Finestra di ispezione Proprietà per lo strumento Rettangolo

È persino possibile specificare "nessun colore" per il tratto o il riempimento selezionando il quadrato con la linea diagonale rossa (vedere la figura 14).

Selezionare questo quadrato per disegnare senza colore

Figura 14: Selezionare questo quadrato per disegnare senza colore

Strumento Penna

Utilizzare lo strumento Penna per disegnare tracciati precisi come linee rette o curve smussate (vedere la figura 15). È possibile creare segmenti rettilinei o curvilinei e regolare l'angolo e la lunghezza dei primi o l'inclinazione dei secondi.

Strumento Penna

Figura 15: Strumento Penna

Con lo strumento Penna, fare clic per creare punti su segmenti rettilinei e fare clic e trascinare il puntatore per creare punti su segmenti curvilinei. È possibile spostare segmenti rettilinei e curvilinei muovendo i punti sulla linea. È possibile convertire curve in linee rette e viceversa.

Durante la creazione di linee curve è possibile notare che Flash crea maniglie tangenti per ogni punto di ancoraggio. Le linee possono essere modificate successivamente con lo strumento Sottoselezione (freccia bianca) selezionando un punto di ancoraggio e trascinando le maniglie tangenti (vedere la figura 16). Spostando le maniglie in relazione al punto di ancoraggio è possibile rimodellare la curva.

Segmento di linea disegnato con lo strumento Penna e in procinto di essere modificato con lo strumento Sottoselezione

Figura 16: Segmento di linea disegnato con lo strumento Penna e in procinto di essere modificato con lo strumento Sottoselezione

Strumento Onion skin

Lo strumento Onion skin è situato nella parte inferiore del pannello Linea temporale (vedere la figura 17).

Strumento Onion skin

Figura 17: Strumento Onion skin

Quando viene selezionato lo strumento Onion skin, l'applicazione aggiunge gli indicatori Onion skin all'indicatore di riproduzione della linea temporale (vedere la figura 18). È possibile trascinare questi indicatori per espandere il numero di fotogrammi prima e dopo quello corrente.

Effetto Onion skin

Figura 18: Effetto Onion skin

Flash offre due tipi di tecniche Onion skin:

  • Onion skin normale: il fotogramma corrente è mostrato con colori pieni, mentre i fotogrammi precedenti e successivi vengono progressivamente attenuati. L'impressione ottenuta è quella di una serie di disegni creati su carta semitrasparente e poi impilati l'uno sull'altro (vedere la figura 18).
  • Onion skin in modalità contorno: il fotogramma corrente è mostrato con colori pieni, mentre i fotogrammi precedenti e successivi vengono mostrati come contorni (vedere la figura 19). In questo modo è più facile per gli occhi lavorare con diversi fotogrammi chiave prima e dopo il fotogramma corrente.
Onion skin in modalità contorno

Figura 19: Onion skin in modalità contorno