Share
Hey Vectortuts + fedele! Bentornata per la seconda parte della mia serie di tutorial sui vantaggi dell'utilizzo dello strumento Variable Width Stroke. Se non hai letto il primo tutorial, ti suggerisco di tornare a leggere: Illustrator CS5 Strumento Variable Width Stroke: perfetto per creare disegni tribali !, che spiega come utilizzare lo strumento, e poi mostra come creare disegni tribali con esso . Avrai bisogno di conoscere queste basi prima di procedere con questa seconda parte della serie, dove la usiamo per creare schizzi gestuali e inchiostrazione digitale.
Una funzione incredibilmente utile dello strumento Variable Width Stroke dà carattere alle tue linee. Variando la larghezza della linea, aggiungi estro, movimento, forza, personalità e molti altri aggettivi che non descrivono visivamente una linea. Fondamentalmente, prendi qualcosa di piatto e noioso e dagli la vita! Diamo solo un'occhiata ad alcuni esempi di come lo strumento Variable Width Stroke aggiunge un carattere gestuale ad una linea altrimenti noiosa:
OK, ora che ti ho convinto quanto è grande lo strumento, diamo un'occhiata a un esempio reale di come ho usato questo strumento. Recentemente ho avuto un cliente (chiamiamola Brenda - il nome è stato cambiato per proteggere gli innocenti) che aveva bisogno di un logo per il suo blog; "Vivere Brenda". La descrizione del progetto che ho avuto aveva una specie di atmosfera di Martha Stewart. Il suo blog era un consiglio naturale e organico su come vivere la vita. Il cliente ha descritto il logo come la testa di una donna con una varietà di oggetti che emergono da esso - come ricette, amore e consigli per una vita sana.
Capii immediatamente che potevo disegnare la testa di una donna con delle cose che esplodevano: non era un problema, ma sapevo anche che lo stile del disegno era critico. Aveva bisogno di sentirsi libero e gestuale. Lo strumento Variable Width Stroke è stato il modo perfetto per ottenere il look che cercavo. OK, diamo un'occhiata a come ho creato questo logo.
Il tutto inizia con il mio schizzo a matita. Sfortunatamente, non posso dare un'intera lezione sul disegno qui, ma ti mostrerò i passaggi che ho seguito per creare questo schizzo a matita.
Ogni volta che disegno una testa inizia sempre come un ovale. Poi provo a immaginare l'ovale in 3D - come un uovo. Su quell'ovale (uovo) disegno una linea verticale e orizzontale. Dovresti essere in grado di immaginare come quelle linee si avvolgono attorno alla forma dell'oggetto.
La linea verticale sarà usata come linea centrale, come se si disegnasse una linea al centro del viso. Quindi, naturalmente, il naso sarebbe atterrato proprio sopra questa linea centrale. La linea orizzontale rappresenta dove andranno gli occhi. Anche in questo stato rudimentale posso già vedere la faccia. Più ti eserciti, più facilmente lo vedrai.
L'ovvio passo successivo è disegnare occhi e naso. È importante rimanere mentalmente in quello spazio 3D. Ho anche malmenato il punto in cui la parte superiore della sua testa sarebbe saltata fuori. Non so se lo mostrerò così chiaramente nel logo finale, ma è un buon riferimento.
Successivamente, mi sono abituato a vedere i capelli che le avvolgevano la testa. Pensavo che lo stile dei capelli di Brenda avrebbe funzionato per un segno di stile gestuale. I suoi capelli avevano una fluida fluidità al riguardo.
Infine, ho aggiunto alcuni oggetti per rappresentare le cose che Brenda scriverà sul suo blog. Il cliente ci ha dato una lista da cui lavorare. Ed ecco, questo è lo schizzo che userò per creare il mio logo gestuale.
Il prossimo passo è scansionare il nostro schizzo a matita sul computer e caricarlo in Illustrator. Ora, una volta in Illustrator mi piace impostare il mio file di logo creando tre livelli. Lo schizzo a matita andrà sul livello inferiore. Io blocco quel livello in modo che la mia arte non si muova e quindi non accidentalmente lo afferro mentre sto lavorando al progetto.
Sul secondo strato alla fine metterò i miei solidi blocchi di colore. Voglio farlo per ultimo, quindi per ora lascerò in bianco il mio secondo livello.
Lo strato superiore è dove ho intenzione di mettere le mie linee gestuali. Ora, so che userò il mio strumento Variable Width Stroke per dare a queste linee il loro carattere - quindi ho solo bisogno di creare linee centrali, non forme. Ecco le linee che ho realizzato in Illustrator sopra il mio schizzo a matita.
Una volta che ho tracciato quelle linee, prendo il mio strumento di larghezza variabile e lo metto a frutto. Ancora una volta, le basi su questo strumento sono insegnate nella prima parte di questa serie di tutorial. Quando aggiungi carattere alle tue linee, assicurati di sottolineare le linee più importanti. Ad esempio, la linea che compone la sua mascella è molto più spessa. Rappresenta il fondo della sua testa, quindi è lo spessore a dare stabilità alla testa. Inoltre, si trova dove ci sarebbe naturalmente un'ombra, quindi lo spessore della linea aiuta a creare quell'ombra.
Ecco un piccolo dettaglio per te. Che enorme differenza rende lo strumento a larghezza variabile.
Quindi dobbiamo tornare indietro di un livello e aggiungere i nostri solidi blocchi di colore. Non c'è niente di speciale in questo passo. Ho appena usato il mio normale strumento penna per disegnare queste forme. Ho mantenuto i colori naturali e chiari in modo da non sopraffare le mie linee gestuali, che voglio far apparire. Puoi vedere quanto queste forme base aiutano a definire il viso e i capelli.
Ora ho bisogno di aggiungere le varie materie di cui Brenda sta scrivendo nel suo blog. In questo caso, ho ignorato un po 'il mio schizzo a matita.
Ultimo ma non meno importante, ho bisogno di aggiungere le forme dietro ciascuno degli oggetti soggetto. Questa è stata una buona opportunità per lavorare in un certo colore. Ma anche con questi oggetti più colorati, ho mantenuto la saturazione dei colori sottomessi. Volevo che questo marchio si sentisse un po 'più naturale.
E come ultimo passo ho aggiunto un logotipo per andare avanti con questo marchio. Mi sono assicurato di tirare i colori dal marchio per l'utilizzo nel logo in modo che tutto funzionasse insieme. Per un font ho selezionato Century Gothic. Ho pensato che il suo stile geometrico incisivo fosse un buon segno per la scioltezza del marchio. Ho pensato che questi stili contrastanti avrebbero funzionato bene insieme nel design di un sito web.
Ora, so cosa stai pensando, "Ma BILL! Non sono un illustratore fantastico e di talento come te. E se non riuscissi a disegnare?" Nessun problema! Creare questi tipi di segni gestuali è molto facile da creare utilizzando le foto anziché il disegno. Usare le foto ti limita un po ', ma è un ottimo approccio alternativo se non hai capacità di disegno. Lascia che ti guidi attraverso questo processo in modo rapido e senza commenti.
Bene, ora per la nostra ultima parte in questo tutorial - inchiostrazione digitale. Se sei un illustratore, che sia un illustratore di fumetti, un illustratore di cartoni animati, un tatuatore o un artista di graffiti, lo strumento Variable Width Stroke è un grande vantaggio per inchiostrare i tuoi schizzi a matita.
Lascia che ti mostri rapidamente come puoi usare questo strumento per fare il tuo inchiostrazione digitale. Ora, ancora una volta, questo processo inizia con un disegno a matita. E di nuovo, sfortunatamente non sarò in grado di darti una lezione di disegno in questo tutorial. Questo è per un altro giorno. Quindi, diamo un'occhiata allo schizzo a matita che sto per inchiostrare:
Questo è un disegno che ho fatto per divertimento nel mio tempo libero. Il concetto era una specie di supereroe con un motivo samurai. Ora, questo è sicuramente troppo grande per inchiostrare completamente in questo tutorial, quindi permettimi di zoomare sul suo viso, e quindi possiamo colorare una parte di quello.
Eccoci, molto meglio. Ora il primo passo nell'inchiostrazione consiste nel creare le linee centrali utilizzando il nostro strumento Penna. Ora, di nuovo, queste saranno le nostre linee sottili, noiose e piatte. Ecco il primo set di linee che ho creato:
Lo farò in un mucchio di piccole parti in modo da poter vedere i progressi. Una volta create queste linee semplici, è il momento di aggiungere il carattere (utilizzando ovviamente lo strumento Variable Width Stroke).
Wow! Che differenza. Ora, l'inchiostrazione come questa è un po 'più intensiva di un flusso di lavoro rispetto all'uso di un pennello o penna d'oca, ma il controllo e la freschezza che ottieni è sorprendente. Non so se questo stile di inchiostrazione prenderà il sopravvento sull'industria dei fumetti perché è un po 'più lento, ma per una serie di splash page e progetti di design vale sicuramente la pena provarlo.
Ora noterai che alcune estremità spesse delle linee finiscono per essere divertenti. Nei casi in cui una linea non combacia bene con un'altra linea, dobbiamo eseguire una piccola correzione manuale. Per prima cosa, dobbiamo selezionare, quindi Oggetto> Espandi Aspetto la riga incriminata. Questo lo convertirà in una forma. Quindi possiamo usare lo Strumento Pathfinder per sottrarre e aggiungere i bit di forma di cui abbiamo bisogno. Ecco il prossimo passo, renderò le mie modifiche e aggiunte in verde in modo da poter vedere cosa ho riparato e cosa ho aggiunto.
Noterai anche in verde che ho aggiunto alcune forme vettoriali standard (come le sopracciglia). Ehi, non ho detto che lo strumento Variable Width Stroke sarebbe l'UNICO strumento che usi per digitalizzare questo schizzo a matita.
Questo è più o meno lo stesso. Ho preso le mie linee standard e ho dato loro quel bel personaggio usando lo strumento Variable Width Stroke. Poi in verde ho aggiunto altre righe.
Quindi, questo è il punto in cui prenderò la parte dell'inchiostrazione digitale di questo tutorial. Puoi sperare di vedere il processo che sto seguendo. Sono sicuro che stai morendo dalla voglia di vedere l'arte finale, quindi lo butterò qui solo per il gusto di farlo. Che ci crediate o no, in realtà ho colorato questa intera opera d'arte in Illustrator! Credilo! Se ti piacerebbe vedere come ho fatto, ho un video tutorial in arrivo su Go Media's Arsenal.
Bene, è gente. Si spera, un altro tutorial utile. Ho sicuramente trovato un sacco di usi per il nuovo strumento Variable Width Stroke di Illustrator e spero che ora sia possibile vedere i suoi numerosi usi.
Questo tutorial è stato scritto da William A. Beachy, partner di Go Media Inc. Go Media è un'agenzia creativa con sede a Cleveland, Ohio. Oltre a scrivere tutorial per GoMediaZine e Vectortuts +, lavoriamo anche per i clienti e vendiamo materiale illustrativo e file di disegno sull'Arsenale.
Accentsconagua