Tutorial: Vettorializzare in flash e disegnare in vector art

Inserito da ryuichi il 27 Febbraio, 2007 - 23:38

Ciao a tutti nanoda! Lo scopo di questo tutorial è quello di tracciare un'immagine JPG (o bitmap) e trasformarla in grafica vettoriale. Useremo Flash per realizzare la nostra immagine.
Il procedimento che vado ad illustrare si chiama vettorializzare un'immagine. Ha il vantaggio che, una volta che la nostra immagine è vettoriale, essa può essere ingrandita senza perdere in definizione e senza risultare sgranata.

Tempo di esecuzione: circa 20 minuti
Difficoltà: medio-facile

1. Prima di tutto, aprite Flash. Selezionate poi File, Import, Import to stage. Questo procedimento serve ad importare la nostra immagine JPG all'interno dell'ambiente Flash:

Tutorial: tracciare immagine in flash - vettorializzare

2. Selezionate la vostra immagine e premete poi il bottone IMPORT:

3. Il risultato dovrebbe essere questo, con l'immagine al centro della vostra area di lavoro:

4. Ora andiamo a creare un Layer. Un layer è come un foglio di carta da lucido, che verrà posizionato sopra la nostra immagine e ci faciliterà il lavoro di "ricalcare" l'immagine originale.
Per ottenere un layer, fate clic sul bottone New Layer evidenziato nella figura seguente con la lettera A. Comparirà un "Layer 2" indicato sulla figura con B.
Questo sarà il nostro layer di lavoro.

5. Bloccate il layer 1 facendo clic sul lucchetto (C). Questo layer infatti contiene la nostra immagine JPG e non deve essere toccato. Successivamente fate clic sul quadratino indicato con D.

6. Per vettorializzare useremo spesso lo strumento zoom. Fate clic sulla lente d'ingrandimento che sta alla sinistra dello schermo per attivare lo zoom:

7. Supponiamo di voler vettorializzare il viso del personaggio. Dopo aver fatto clic sullo zoom, tenete premuto il tasto sinistro del mouse e trascinate, sino a creare un quadrato intorno al viso del personaggio:

8. L'immagine viene ingrandita. Noterete subito che è sgranata. Non preoccupatevi, presto la vettorializzeremo!

9. Per non diventare ciechi, scegliamo di vettorializzare il nostro lavoro con una matita dal colore vistoso. Fate clic sul punto indicato con E e selezionate un colore. (Io ho scelto il magenta fastidio):

10. Cliccate sullo strumento Linea: si trova in alto a sinistra dell'interfaccia di flash. Poi cliccate e trascinate il mouse per creare delle linee che seguono pressappoco il contorno della figura originale:

11. Quando avete tracciato poche linee, cliccate sullo strumento freccia: si trova in alto a sinistra dell'interfaccia di flash. Curvate le linee posizionando il mouse sulla linea e trascinando. Cercate di far combaciare la linea con quella del disegno originale.

Il trucco è tutto qui. Ma sono sicuro che incapperete in qualche piccolo problema, che vogliamo prevenire subito.
Prima di proseguire, qualche consiglio: utilizzate lo strumento zoom per ingrandire o rimpicciolire la vostra immagine. Non usate troppo zoom o diventerà talmente sgranata che non riuscirete più a vettorializzare nulla.
Se sbagliate una linea, potete cancellarla facendo un clic sopra la linea e premendo il tasto di cancellazione sulla vostra tastiera (CANC o Backspace)

Problemi durante la vettorializzazione

Ecco una serie di sfortune che vi possono capitare mentre lavorate. Per ognuna ecco anche come risolvere il problema, senza invocare il nome di qualche nume tutelare sumero.

12. PROBLEMA: La linea presenta uno spigolo troppo marcato

12a. SOLUZIONE: Muovete il mouse sullo spigolo. Comparirà una piccola "L" rovesciata sul vostro puntatore. Trascinate delicatamente il mouse verso l'interno della linea, fino a che, a fianco del puntatore, non compare un cerchio. L'angolo viene smussato.

14. PROBLEMA: Due linee si sovrappongono. La linea magenta e quella che ho disegnato in rosso si sovrappongono:

14. Vale anche per questa situazione:

14a. SOLUZIONE: La linea va disegnata in uno spazio libero. Poi va curvata e infine viene trascinato un estremo di una linea sino a farlo combaciare con il disegno.
Provate a seguire i passaggi come nelle figure successive.

15. PROBLEMA: Ho sbagliato più linee e non riesco a tornare indietro!
15a. SOLUZIONE: Andate sul menù edit e selezionate UNDO. Potete usare anche la scorciatoia da tastiera CTRL + Z (in windows) o MELA + Z (in Mac). Potete ripetere l'annulla anche più volte di seguito.

Ogni sfumatura è importante

16. Non tralasciate le righe che compongono le ombre e i riflessi: nella seconda parte di questo tutorial impareremo a colorare i disegni vettoriali flash. Sarà importante aver tracciato quindi anche queste righe. Le sfumature sono spesso presenti nei capelli e negli occhi, ma anche nel viso soprattutto vicino a naso, mento e collo.

Tutorial: tracciare immagine in flash - vettorializzare

17. In qualsiasi momento potete "nascondere" l'immagine JPG originale e visualizzare solo i vostri vettori. Questo vi permetterà di comprendere come sta andando il lavoro. Per farlo è sufficiente premere il piccolo pallino nero che sta a destra della parola "Layer 1" come in figura.

Quando è presente una X rossa al posto del pallino, quel Layer è invisibile. Premete la X rossa per farlo comparire di nuovo.

Tutorial: tracciare immagine in flash - vettorializzare

Salva spesso, salva adesso

Ricordatevi di salvare il lavoro, anche se non è ancora finito!! Flash tende ... ehm... ad abbandonarvi con subdoli messaggi di errore e si perde il lavoro di ore. Il vostro amico è File - Save ^_^

Nella seconda parte del tutorial parleremo della Colorazione del vostro disegno. Notate che nel risultato finale, l'immagine vettoriale (a destra) non perde definizione come quella JPG (a sinistra).