Crea un vettore al 100%, illustrazione pittorica

In questo tutorial utilizzeremo Adobe Illustrator per creare un'illustrazione strutturata dinamica. Questa tecnica può essere eseguita usando un mouse; tuttavia, un tablet ti darà un ulteriore livello di controllo. Copriremo il processo di pittura vettoriale completo dallo schizzo all'illustrazione finale.


Passo 1

Creare uno schizzo iniziale per l'opera d'arte, l'ho disegnato a matita e scannerizzato. Questa è una fase molto importante per ottenere l'equilibrio e le pose corrette prima della fase di rendering che richiede tempo.



Passo 2

Crea un nuovo documento Illustrator con una dimensione di tavola da disegno per questa illustrazione a 500 x 530 mm. Copia (Comando + C, Comando + V) o Posiziona (File> Inserisci) lo schizzo nel documento. Nel pannello Aspetto, imposta Opacità dello schizzo su circa il 50%. Crea un nuovo livello per ogni personaggio con i nomi identificativi, posizionali sotto il livello di schizzo e inizia a riempire il lavoro di linea.

Usa lo strumento Pennello (Comando + B) per spazzolare il lavoro di linea. Uso una tavoletta Wacom, in modo da poter produrre linee a larghezza variabile che dipendono dalla pressione della penna. Questo non è necessario, se si utilizza un mouse è sufficiente impostare alcuni pennelli, più spesso per i contorni e più sottile per i dettagli.

Nel pannello pennelli fai clic sul menu a discesa e seleziona Nuovo pennello, scegli Pennello calligrafico, imposta la forma e le dimensioni del Pennello e la variazione se stai utilizzando un tablet. Ho usato tre pennelli: 15pt, 7pt e 3pt.

Puoi anche usare lo strumento Warp (Shift + R) per spingere intorno alle linee se non sembrano giuste.




Passaggio 3

Ora per impostare il riempimento del colore di base. Seleziona una figura e poi copiala. Crea un nuovo livello chiamato Fill e quindi Paste in Back (Command + B). Con le linee selezionate, utilizzare lo strumento Secchiello pittura dinamica (K) per riempire approssimativamente le aree con un colore di base. Una volta completato, sarà necessario espandere il gruppo di pittura dinamica e quindi separare (Command + Shift G) le forme in modo che possano essere modificate singolarmente. Crea un nuovo livello di riempimento e ripeti il ​​processo per l'altro personaggio.




Passaggio 4

Ora per creare un po 'di illuminazione di sfondo, creare un livello di sfondo e riempire la tavola da disegno con un rettangolo, usando lo strumento sfumatura (G) per riempire la forma con una sfumatura radiale che va dal colore chiaro al nero.

Copia il rettangolo (Command + C) e Paste in Front (Command + F). Ora modifica il riempimento del gradiente: cambia la luce in un nuovo colore, tieni premuto Opzione e trascina il campione per duplicarlo, estrai il campione nero dalla linea del gradiente per eliminarlo.

Sposta il colore duplicato sull'altro lato del gradiente e imposta l'opacità del campione su 0%, fai clic e trascina lo strumento Sfumatura nel rettangolo per posizionare il nuovo gradiente.



Passaggio 5

Il personaggio a terra ha una palla luminosa di potere. Per crearlo, prima aggiungeremo un riferimento di illuminazione per questo su un nuovo livello. Usa lo strumento Ellisse (L), quindi nel Pannello Aspetto aggiungi un effetto Piuma (Effetti> Stilizzazione> Piuma) di circa 25 mm, modifica la sua modalità di fusione su Schermo e imposta la sua Opacità all'80%.

Dai livelli "Riempimento a terra" e "Linee" seleziona il braccio posteriore, taglia (Comando + X), crea un nuovo livello sotto la palla luminosa. Assegnagli un nome a "Arm-Behind" e Paste in Back (Command + B).



Passaggio 6

Lavorando su un personaggio per ora, seleziona le forme dell'armatura dal livello di riempimento, quindi vai al menu Seleziona> Stesso> Riempi colore e copia le forme. Crea un nuovo livello "Midtone", seleziona il livello e Incolla davanti (Comando + F). Ora usa il pannello Elaborazione tracciati per Unificare le forme, imposta Riempi su Nessuno.

Utilizzare lo strumento selezione diretta per selezionare le forme, dalla parte inferiore del pannello degli strumenti e selezionare Disegna all'interno. Usa lo strumento Pennello con un colore più chiaro per disegnare approssimativamente nelle aree in cui la luce colpisce la figura.




Passaggio 7

Una volta aggrovigliati nelle aree, aggiungi un Effetto sfumato al pennello nel pannello Aspetto e sfiora le forme per ammorbidire e aggiungere texture. In questo modo alcune aree possono essere rigide e altre sbiadite, utilizzare il colore medio per estendere e il colore scuro per tagliare nelle forme.

Utilizzare la stessa tecnica al punto 6 per selezionare le aree meccaniche della figura dal livello Riempimento, incollare sul livello di Midtone e aggiungere il colore di evidenziazione, mantenere i bordi medi meccanici a spigoli vivi.



Passaggio 8

Crea un nuovo livello sotto il livello di Midtone chiamato "Scuro", usando la stessa tecnica di cui sopra per creare aree di mascheramento e pennello in ombreggiatura. I mezzitoni dovrebbero essere circondati da un'ombra perché la pelle del robot è metallica. Utilizzare un pennello con un effetto Piuma applicato quando si spazzolano aree scure nelle parti meccaniche.



Passaggio 9

Selezionare il livello Riempimento, utilizzare lo strumento Sfumatura per applicare sfumature alle forme di base utilizzando come riferimento le aree ombreggiate e le fonti di luce. Usa gradienti lineari e radiali a seconda della forma della parte del corpo.



Passaggio 10

Crea un nuovo livello denominato "Luminoso". Seleziona il livello Riempimento e segui la tecnica dal punto 6 per copiare le aree di mascheratura sul livello "Luminoso". Usa un colore quasi bianco con un set di pennelli 15pt su Opacity al 20% per le aree luminose e tattili, quindi un pennello 3pt al 75% di Opacity per le alte luci. Usa la stessa tecnica per le aree meccaniche.



Passaggio 11

Spostati in un'area vuota e crea un modello da usare sull'armatura per questa forma. Ho usato il Blob Brush (Shift + B) e lo strumento Warp (Shift + R). Una volta soddisfatto della forma, ho usato il Pathfinder per unire in una singola forma, ho copiato la forma una volta (tieni premuto Opzione + Maiusc e trascina), quindi duplica la trasformazione (Comando + D).



Passaggio 12

Una volta che sei soddisfatto dello schema, è tempo di farlo diventare un pennello pattern. Inizialmente il modello deve essere eseguito orizzontalmente, quindi ruotare di 90 gradi se necessario.

Con il tuo pattern selezionato, vai al menu Pennello seleziona Nuovo pennello. Ho ridimensionato il mio modello e sto usando l'opzione Percorso approssimativo con lo 0% di spazio. Ciò manterrà il modello delle stesse dimensioni e lo adatterà al percorso del pennello. Sperimenta con le impostazioni per vedere cosa funziona meglio con il modello che crei.



Passaggio 13

Dal livello Riempi selezionare le aree dell'armatura per applicare il modello, creare un nuovo livello "Texture" sotto il livello In evidenza e incollare le forme in Anteriore (Comando + F). Usa lo strumento Pennello con il tuo nuovo pennello pattern selezionato e usa l'opzione Disegna dentro nella barra degli strumenti. Nel pannello Aspetto imposta la modalità pennello su Sovrapponi al 70%. Spazzolare le aree su cui si desidera applicare il motivo.



Passaggio 14

Ripeti queste tecniche per colorare l'altro robot. Ho mantenuto questo più semplice, poiché è il personaggio secondario e ha meno illuminazione.



Passaggio 15

Seleziona tutte le forme nel livello Riempimento, copia e crea un nuovo livello sopra tutti gli altri chiamati Overlay. Incolla le forme di fronte. Usa il Pathfinder per combinare le forme e riempire con un gradiente in base al colore dell'illuminazione. Nel pannello Aspetto imposta la forma su Sovracorrente al 75% di Opacità. Ripeti il ​​processo per il robot volante e scegli la colorazione appropriata per il gradiente.



Passaggio 16

Crea un nuovo livello per gli effetti di illuminazione e gli overlay di trama chiamati "Overlay".

Per ottenere texture davvero diverse ho realizzato alcuni dei miei pennelli di Illustrator personalizzati creando alcune trame in bianco e nero in Photoshop, aprendole in Illustrator e utilizzando Live Trace. Separare la forma risultante e selezionare una forma di trama. Ora, nel pannello Pennello, seleziona Nuovo pennello> Pennello di dispersione, sperimenta con le impostazioni del pennello per ottenere una fantastica varietà di effetti materici.

Per ulteriori suggerimenti su questo processo, consulta questo ottimo tutorial di Iaroslav Lazunov: Crea un paesaggio vettoriale magico usando Illustrator.



Passaggio 17

Lavorando nel livello "Sovrapposizione", create il globo di potere usando una combinazione di pennelli dal menu del pannello Pennello, dal menu Apri Bush> Sottotitoli Artistico> Matita di carbone di gesso e Pennello inchiostro, provate entrambi i pennelli Artistico e Scatter. Nel pannello Aspetto, imposta Opacità al 70% e imposta la modalità di fusione su Schermo o Luce soffusa. Seleziona gli elementi e Raggruppa (Comando + G) una volta soddisfatto del risultato.



Passaggio 18

Ora la mano anteriore è oscurata dal globo della potenza, per correggere questa copia gli elementi della mano dai livelli "Riempimento" e "Struttura", incolla davanti (Comando + F) sul livello "Sovrapposizione" e usa il pannello Elaborazione tracciati per combinare le forme. Maiusc: selezionare il gruppo Orb e la mano.

Nel menu del pannello Trasparenza seleziona Crea maschera di opacità. Se necessario, è possibile modificare l'oggetto maschera isolandolo con Opzione facendo clic sull'icona della maschera. Per tornare alla tavola da disegno selezionare il campione vuoto nel pannello Trasparenza.



Passaggio 19

Lavorando ancora nel livello "Sovrapposizione", crea un cerchio per i riflessi della luce riflessa. Ora imposta il riempimento su un gradiente radiale utilizzando lo stesso colore brillante per entrambe le estremità del gradiente, inizia con il colore 100% Opacità e il colore finale con lo 0% di Opacità. Copia e posiziona il bagliore su qualsiasi punto riflettente che ti piace.

Prova i colori del personaggio volante e usa lo strumento Pennello impostato su un suggerimento calligrafico approssimativo. Nel pannello Aspetto imposta la miscelazione su Luce soffusa e Opacità su 65%. Disegna le linee per dare al personaggio la sensazione di essere fatto saltare all'indietro.



Passaggio 20

Seleziona il livello "Sfondo". Ora usa gli stessi pennelli per delineare i personaggi e dare un aspetto più strutturato all'immagine. Imposta i pennelli in Moltiplica al 30% di Opacità nel pannello Aspetto.



Conclusione

Ce l'abbiamo, un'immagine tessuta dipinta che è al 100% vettoriale. Questa tecnica è ottima per l'illustrazione a tinte piatte e, essendo vettoriale, significa che rimane modificabile per una facile raccolta e modifica del colore. Ed è infinitamente scalabile!