Nonostante Flash sia nato per scopi diversi dall’illustrazione, possiede tutti gli strumenti adeguati per disegnare, alcuni dei quali sono stati integradi da Illustrator solo più tardi, alcuni addirittura solo nell’ultima CS4, come ad esempio la possibilità di creare gradienti con trasparenza o lo strumento pennello che permette di interagire più semplicemente attraverso la tavoletta grafica.
Flash è uno strumento sviluppato per il web, perciò è sconsigliato se volete creare un’illustrazione adatta alla stampa. Ad ogni modo ho scoperto che molti illustratori lo usano proprio per la sua flessibilità e semplicità, al posto del rigoroso Illustrator.
Per avere un esempio di illustrazioni in Flash che ho realizzato potete dare un’occhiata a Rotkehlchen, Berlin Fernsehturm e Coffee.
Come al solito prima di tutto ho fatto po’ di ricerca su Google e Flickr. La parte di documentazione è fondamentale per capire colori, forme, ambientazioni ed entrare nel giusto mood.
Quindi ho preso carta e matita e ho cominciato a fare qualche schizzo.
Prima di cominciare a tracciare i contorni è bene sapere che in Flash possiamo procedere in diversi modi:
- possiamo tracciare linee dritte con lo strumento “line”, per poi curvarle semplicemente con lo strumento selezione;
- oppure usiamo lo strumento “pen”, come in illustrator
- infine se avete una tavoletta grafica e una buona mano potete utilizzare direttamente lo strumento “brush” per disegnare riempimenti o “pencil” per le linee.
Tenendo come sfondo l’illustrazione fatta a matita ho iniziato a tracciare i contorni. La timeline di Flash può essere usata allo stesso modo dei livelli di Photoshop o Illustrator, è sempre una buona idea dividere i diversi elementi sui vari livelli per poterli poi trattare separatamente. Infatti a differenza di Illustrator Flash unisce automaticamente le forme che hanno lo stesso colore, a meno che non abbiate attivato l’opzione “Object Drawing”.
Prima di iniziare a colorare, è necessario sempre definire da dove viene la fonte di luce, in modo da avere una colorazione coerente in tutte le parti dell’illustrazione.
Con il secchiello ho riempito le forme con un gradiente, poi con lo strumento “Gradient transform” ho regolato l’aspetto del gradiente in modo da accordarsi con la fonte luminosa definita in precedenza.
Sempre con lo stesso metodo ho riempito tutte le forme che compongono l’ornitorinco.
Ho disegnato quindi delle forme lungo il fianco destro del corpo, del becco e della testa che sono state riempite con un gradiente con trasparenza per dare un effetto di illuminazione.
Ho disegnato allo stesso modo le ombre ed ho iniziato ad aggiungere qualche dettaglio come il riflesso negli occhi, le ombre che simulano la pelliccia sulla schiena e la membrana delle zampe palmate.
Per un effetto di maggiore tridimensionalità è bene aggiungere dei riflessi come di una seconda luce opposta alla prima.
A questo punto ho selezionato tutto, copiato e incollato tutto in un nuovo layer, al di sotto di tutti gli altri. Così facendo posso dare un bordo al contorno esterno dell’ornitorinco con lo strumento “ink bottle”.
Per terminare ho aggiunto un’ombra dietro la testa dell’ornitorinco. Per farla ho selezionato la forma della testa, copiata e incollata al di sotto della testa. Quindi l’ho convertita in MovieClip, dato che questo è l’unico modo per poter applicare effetti di blending, o altri effetti come il blur, drop shadow o glow.
Al MovieClip ho assegnato il blend “multiply” e un effetto di sfocatura.
Ed ecco qua. L’illustrazione è pronta per essere esportata per poterla gestire in Photoshop o Illustrator.
Alcuni esempi di come ho poi utilizzato questa immagine sono nella pagina del progetto Openasp.
Openasp Mascotte – Flash painting
posted on Sep 2009
Openasp è un CMS opensource. L’ornitorinco è la mascotte ufficiale, perché come il CMS è composto da parti (moduli) diversi tra loro, ma che insieme creano qualcosa di estremamente funzionale e spettacolare. Vi spiegherò in questo piccolo tutorial tutte le fasi della realizzazione dell’illustrazione in Flash.
Leave a comment