Ciao futuri artisti del Flash! 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. Non è incredibile?
Il procedimento che vado ad illustrare si chiama vettorializzazione: ha lo scopo di rendere un ‘immagine ingrandibile a piacimento, senza perdere in definizione e senza risultare sgranata.
Prima che parta la polemica sul fatto che uso flash e non Adobe Illustrator o Freehand, vi dico subito che I successivi tutorial vi insegneranno poi ad animare i vostri personaggi. Averli gi� pronti in flash e conoscere il programma � un bel vantaggio. E ora, al lavoro!
Tempo di esecuzione: circa 1 ora
Difficoltà: dai che è facile
1. Prima di tutto, aprite Flash. Selezionate poi File, Import, Import to stage. Questo procedimento serve ad importare la nostra immagine JPG, che avete precedentemente acquisito con lo scanner, all’interno dell’ambiente Flash:
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 A e selezionate un colore. Io ho scelto il magenta-fastidio (B):
10. Cliccate sullo strumento Linea: si trova in alto a sinistra dell’interfaccia di flash (punto A sull’immagine). 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 A. PROBLEMA: La linea presenta uno spigolo troppo marcato
12 B. 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.
13. PROBLEMA: Due linee si sovrappongono. La linea magenta e quella che ho disegnato in rosso si sovrappongono:
14a. Vale anche per questa situazione:
14b. SOLUZIONE: La linea va disegnata in uno spazio libero. Poi va curvata e infine viene trascinata nel punto desiderato. Per spostare una linea, questa deve essere selezionata. Fate clic con il pulsante sinistro del mouse sopra la linea rossa e poi trascinatela nel punto desiderato.
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.
16. 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.
17. 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 ^_^
18. Una volta completato il vostro tracciamento, l’immagine dovrebbe risultare pressapoco come quella indicata in figura.
19. Trasformiamo ora il colore delle linee magenta fastidio in un sobrio nero. Fate clic sul pallino a destra di “Layer 1” come indicato in figura. In questo modo si selezionano automaticamente tutte le linee che compongono il disegno, presenti appunto nel Layer 1.
20. Fate clic sullo strumento di selezione colore bordo. Si trova a sinistra, sulla barra degli strumenti. Vi è un disegno di una matita e subito sotto un quadatino colorato. Fate attenzione a non confonderlo con il bottone “matita”. Una volta premuto questo quadratino colorato, compariranno una serie di colori. Fate clic sul colore nero. Abbiamo già fatto questo passaggio al punto 9 ricordate?
21. Tutte le linee di colore magenta fastidio sono diventate nere! Questo perché avevamo in precedenza selezionato tutti i contenuti del Layer (passaggio 19). Ora completiamo il lavoro selezionando uno spessore fine per la nostra linea. Senza togliere la selezione, clicchiamo in basso sul menù a discesa dove c’è scritto “Solid” e selezioniamo “Hairline”. In questo modo la linea è molto sottile e meno grossolana.
22. L’immagine è ora in Hairline e ha le linee di colore nero. Controllate che sia tutto a posto tracciato come si deve prima di proseguire con il passaggio successivo.
23. Rimuoviamo ora il “Layer 2” cioè quello che contiene la nostra immagine JPEG grezza. Facciamo clic con il tasto sinistro del mouse sull’etichetta “Layer 2” (Punto A in figura) e poi facciamo clic sul simbolo del bidone (punto B in figura). Layer 2 viene eliminato.
24. Ora dovreste visualizzare un unico layer con il vostro disegno vettoriale in Flash. Complimenti, ce l’avete fatta!
Nella seconda parte del tutorial parleremo della Colorazione del vostro disegno. Notate che questa immagine Flash vettoriale può essere ingrandita e rimpicciolita a piacere senza perdere in definizione.
Credits: Akio character is © by nanoda.com – original Akio model by Ryuichi and Yuki_Sakuma – Chibi Akio Model by ShikakuSuika – Adobe Flash is © by Adobe Corporation.
bellissimo! ho dodici anni e rincorro il sogno di diventare mangaka. spesso mi danno per capire come rendere pi� belli i miei disegni scannerizzati. siete la mia manna dal cielo!! siete di grandissimo aiuto!! grazie a voi potr� fare video con disegni decenti, che non siano sbavati o invisualizzabili. Grazie!!
Ciao! Siamo contenti che il nostro tutorial ti sia stato d’aiuto 🙂 e non dimenticare di mandarci i tuoi capolavori cliccando su “Invia FanArt” ciao! 😉
Salve a tutti! Innanzitutto vorrei farvi i complimenti per i tutorial! *___*
Sono fatti davvero molto bene! Ho trovato solo un po’ di difficolta’ al punto 21… Il pannello che dovrebbe contenere il menu dal quale selezionare “Hairline” e’ vuoto. Cosa devo fare? ='( Spero sappiate aiutarmi! Aspetto una rispostina! ^-^ Ciau!
ma ke cos’è flash???lo posso scaricare anke da internet????rispondi x favore!
[QUOTE-START]silvia @ 21/09/2008 – 09:11 – ma ke cos’è flash???lo posso scaricare anke da…[QUOTE-END]ciao ^^
flash è un programma di grafica per “vettorializzare” i disegni diciamo… se vedi c’è l’altro tutorial anche sul colore qui http://www.nanoda.com/it/tutorial/tutorial-flash-ii-colorare-unimmagine-vettoriale-in-flash.html
che spiega come colorarli appunto XD
Riguardo a scaricarlo da internet, puoi provare a scaricarti questa demo per cominciare e prendere mano con il programma =) http://www.soft32.com/Download/free-trial/Macromedia_Flash_MX/4-353-1.html
[QUOTE-START]MewAi @ 19/09/2008 – 21:24 – Salve a tutti! Innanzitutto vorrei farvi i…[QUOTE-END]Ciao 🙂
Il pannello si “riempie” non appena hai selezionato tutte le linee o una linea.
Se nonostante la selezione, non compare nulls prova ad andare sul menu
Window / Workspace / Default in questo modo il pannello si resetta e tutto dovrebbe funzionare. Fammi sapere come va
Ciao!
ho vista e a volte ho dei problemi sai se flash è compatibile con esso? ciao e grazie
[QUOTE-START]susy @ 22/09/2008 – 19:20 – ho vista e a volte ho dei problemi sai se flash…[QUOTE-END]Ciao Susy ^^ A che tipo di problemi ti riferisci? Io uso Flash su Mac OS X, però l’ho provato anche su Vista e non mi ha dato particolari problemi. Se vuoi spiegami a cosa ti riferisci specificatamente sarò felice di dare una mano ^^
Io ho appena scaricato la demo del programma, potreste linkarmi quello completo?
grazie…ho già fleshato e vettorializzato il mio disegno
Ciao a tutti! io avrei un problema con flash!
in pratica quando arrivo al punto 24 e devo cancellare il primo layer, lo cancello ma mi resta un quadrato bianco… potete aiutarmi?
Precisamente che programma ha usato l’utente che ha fatto il tutorial ? o.o
…il link che ci hai dato è ank qll per mac os x??
mi potresti dare un link per scaricare la versione di mac os x??
siiiiiiii!!! co sono riuscita è facilissimoooo grz 1000!!!!^_^ adexo mi manca solo colorarlo!!!
waaaaaaaa *-*
ci sono riuscita anche io *-*
*MIRACOLOO*
grazie mille per il tutorial
quando scannerizzo l’immagine nn mi esce in jpg
ESiste il programma per windows XP??? vi prego… XD
WoW…*-*…Veramente Carino…Non Carino S-U-P-E-R!!!
Mi è Stato Utilissimo, Ma Vorrei Fare Una Domanda: C’ è Anche Un Tutorial Per Imparare A Disegnarli? Insomma Un Seguito?? Grazie In Anticipo Per La Risposta…xD
Alice
Sapresti dirmi che versione di Macromedia Flash è? Mi servirebbe saperlo ^__^ Grazie =P
Io ho windows 7. Dove posso scaricare la versione di Flash per il mio sistema?? Vi prego, non lo trovo da nessuna parte 🙁
[QUOTE-START]Jappy @ 28/08/2010 – 22:47 – Io ho windows 7. Dove posso scaricare la versione…[QUOTE-END]Vai nel sito adobe e ti registri e poi ti scarichi una versione trial di Flash (quella che ha una scadenza di 30 gg) altrimenti devi pagare con dei soldi se vuoi senza scadenza !
salve, vorrei sapere perchè non iresco in nessun modo a colorare i disegni che faccio. seleziono il riempimento, ma assolutamente non va. ho provato in tutti i modi. il secchio nel mio flash è assolutamente vuoto. come posso fare?