Il tuo portale su manga, anime e Giappone.

 
Set 02

Tutorial Flash II: Colorare un'immagine vettoriale in Flash

Bentornati! In questa parte ci occuperemo della colorazione di un'immagine flash vettoriale. La colorazione è un processo molto semplice, così come l'ombreggiatura e gli effetti di luce. In flash io utilizzo un metodo che trovo semplice e voglio condivedere con voi.

    color-flash-tutorial 

Colorare in flash: questa è la seconda parte del tutorial per il disegno di un personaggio in vettoriale con flash. Nella prima parte del tutorial abbiamo parlato di come tracciare un'immagine jpg e trasformarla in vettore flash.

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

1. Aprite la vostra immagine vettoriale in line-art.

vector image on Flash Stage


2. Fate clic sullo strumento "Riempimento" a sinistra.

Paint Bucket in Flash



3. Cercate lo stesso simbolo del "Riempimento" più in basso, associato ad quadratino colorato (punto A sull'immagine). Fate clic sul quadratino e selezionate il colore con cui volete riempire l'area interessata.
Per avere una più ampia scelta dei colori potete anche fare clic sulla rosa dei colori (punto B in figura)

Pick Color in flash


4. La rosa dei colori è facile da usare. Basta fare clic sopra il colore desiderato. A destra vi è anche una barra che può aiutarvi a scurire o schiarire il colore. Questo è molto utile nella scelta dei colori per le ombre e per le luci.

Color Wheel


5. Completate il riempimento di ogni area del vostro disegno. Attenzione: se l'area non viene riempita, significa che la linea non è chiusa. Flash è estremamente schizzinoso. Se non riempie un'area lavorate di zoom e cercate di chiudere tutte le linee. Se avete difficoltà nel tracciare e chiudere le linee date un'occhiata al precedente tutorial sul tracciamento vettoriale in flash.

Flat Colors in flash


6. Bene. Ora selezionate una linea di un colore accecante, un colore che non compare nel vostro disegno. Utilizzate lo strumento linea e lo strumento freccia come indicato nel tutorial precedente per disegnare i margini delle ombre nella vostra figura.

Lines for Shadow


7. Colorate ora le aree in ombra, selezionando un colore leggermente più scuro con la rosa dei colori (vedi punto 4).

Fill shadows in flash between lines


8. Proseguite in questo modo per ombre e luci. Se non avete dimestichezza con il calcolo delle luci e delle ombre, seguite l'ottimo tutorial di Elena sulle luci ed ombre.

Shadows in Flash


9. E' tempo di rimuovere queste fastidiose linee verdi, che ci sono servite a "delimitare" le zone da ombreggiare. Fate DOPPIO clic sopra una linea verde. Essa, e tutte le linee adiacenti dello stesso colore, verranno selezionate. Premete il tasto CANC (o DEL) della tastiera per cancellare queste linee (va bene anche il tasto BackSpace, quello che usate per cancellare il testo)

Double click to delete lines in Flash


10. Ripetete il passaggio 9 fino ad aver eliminato tutte le righe.

Keep going


11. Finito! Ecco la vostra immagine vettoriale in flash colorata e ombreggiata. Per esportare l'immagine in qualsiasi risuluzione fate File -> Export. Selezionate una risoluzione e vedrete che l'immagine finale non risulterà mai sgranata.
Conservate il vostro personaggino colorato, nei prossimi tutorial mi piacerebbe insegnarvi ad animarlo. Grazie a tutti dell'attenzione, alla prossima! ^_^

Tracing and colors in flash vector

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.

I Commenti degli Utenti:

 
Sconosciuto

Non so dove trovare questo programma :( riusciresti a passarmelo per caso? oppure dirmi qualche altro programma per lavorare vettorialmente...mi faresti un favore grandissimo!
Bellissimo sito *-*
Ciao ciao!

 
 
 
Inuchan
Mary @ 17/09/2008 - 20:36 - Non so dove trovare questo programma :(...

ciao!
Beh se vuoi puoi scaricare la versione DEMO di Flash da questo sito http://www.soft32.com/Download/free-trial/Macromedia_Flash_MX/4-353-1.html sempre che tu abbia Win XP

Buon lavoro! XD

 
 
 
Sconosciuto

Cavolo ottimo tutorial... perchè non ne fai uno che spiega come creare delle lineart da una pagina di un mangascan....quello sarebbe utile almeno quanto il cellshading colouring :sisi:

cmq Grande!

 
 
 
Sconosciuto

P.S.

il tutorial di elena su luci e ombre da errore 404. Link not found, lo riuppate perfavore :P
Ty

 
 
 
Ryuichi
___K___ @ 29/09/2008 - 20:14 - P.S. il tutorial di elena su luci e ombre da...

Oops avevo inserito il link sbagliato ^^ Aggiorna questa pagina e riprova il link, dovrebbe essere a posto.
Per quanto riguarda il tuo suggerimento di creare delle lineart da una pagina di un mangascan... beh è un'idea interessante! Grazie, penso che lo pubblicherò nei prossimi giorni.

P.s. Iscrivi a nanoda XD

Ciao!

 
 
 
Sconosciuto

belllo!
ma dopo che ho tolto le linee verdi, come faccio a rimettere il contorno nero?

 
 
 
Sconosciuto

io c ho provato e x essere la prima volta è venuto benino..se mi dite come si manda ve lo faccio vedere!!!:-D

 
 
 
Ryuichi
Blackrose @ 20/10/2008 - 21:44 - io c ho provato e x essere la prima volta è...

Ciao Blackrose ^_^
Non vedo l'ora di vedere il tuo capolavoro! Puoi inviarlo da questa pagina: http://www.nanoda.com/it/invia-una-fan-art.html

Grazie!

 
 
 
Ryuichi
Kira @ 20/10/2008 - 13:55 - belllo! ma dopo che ho tolto le linee verdi, come...

In teoria non dovresti aver "perso" il contorno nero :P Il colore 'verde' doveva essere utilizzato solo per disegnare i contorni delle ombre e poi va cancellato facendo doppio clic sopra ciascuna linea verde e premendo CANC sulla tastiera.
Se per caso hai cancellato anche le linee nere, niente paura! Seleziona il colore nero sotto la matita nella barra degli strumenti di destra (vedi punto 2) e poi premi lo strumento che sta SOPRA il secchiello (vedi sempre punto 2). A questo punto avvicinati ad un bordo e fai clic: verrà disegnata automaticamente la linea nera seguendo il bordo del tuo disegno. Se hai altre domande, dimmi pure! ^_^

 
 

 
Commenta questo articolo!

Non sei stanco di riempire moduli? Se ti registri non dovrai più riempire tutta questa pappa, basterà solo il commento. Registrati, è gratis!!

AntiSPAM
Gli indirizzi web vengono trasformati in link automaticamente. Linee e paragrafi vanno a capo automaticamente.
 
mako heart

 

nanoda italiano nanoda english © nanoda.com - P.Iva: 03282440274 - All Right Reserved - All trademarks belong to their respective Companies - Privacy - Note Legali - Staff // Credits
Questo sito è protetto dalla benevolenza di Inari-San
 
Categorie (124):
Nanoda News
Giappone
Tutorial
Cucina Giapponese
Convention
Gadget Giapponesi
Video e Musica
Grafica e Artisti
A ruota libera
Editoriali
Corso di giapponese
Naruto
Download (2874):
Wallpapers
Doujinshi
Fan Art
Fan Fiction
Avatars
Recensioni (164):
Manga
DVD Film
Anime
Previews
Confronti
Nanoda TV (57):
Tutti i Video
Dynit
Fool Frame
Panini Video
Nanoda.com
Gravitation
Interviste
Azumanga Daioh
Byousoku 5 Centimeter
Interactive:
Forum
Chat
Anime Wiki
Games
Web Directory
Area Premium
Get in Touch:
Proponi un Sito Web
Invia una Fan Art
Proponi un'idea
Conosci lo staff
Invia una Fanfic
Invia un Wallpaper
Diventa redattore
Advertising
PR e Stampa
News Ticker
News & Feed RSS:
Blog News
Wallpapers
Fan Art
Recensioni
Anime Wiki
Fan Fiction