Colpisca il segno con un tirassegno di vettore realistico

Scopri come utilizzare la funzione Live Paint di Illustrator, gli Stili grafici e l'Effetto Trasforma mentre crei un tirassegno realistico. Tutte le funzionalità utilizzate in questo tutorial di livello intermedio sono contenute in Illustrator CS2 e versioni successive.

Anteprima dell'immagine finale

Di seguito è l'immagine finale su cui lavoreremo. Vuoi accedere ai file Vector Source completi e alle copie scaricabili di ogni tutorial, incluso questo? Unisciti a Vector Plus per soli 9 $ al mese.

Dettagli dell'esercitazione

  • Programma: Adobe Illustrator
  • Versione: CS2 e successive
  • Difficoltà: intermedia
  • Tempo di completamento stimato: 2,5 ore

PARTE I: Il Consiglio

Passo 1

Disegna un cerchio perfetto con lo strumento Ellisse (L), facendo clic una volta sulla tavola da disegno e inserendo 8 pollici nei campi Larghezza e Altezza. Il peso del tratto e il colore non contano a questo punto.

Passo 2

Con il cerchio selezionato, fai doppio clic sullo strumento Scala. Seleziona Uniforme, inserisci 75% e fai clic su Copia. Con il nuovo cerchio selezionato, ridimensiona e copia ancora una volta, questa volta inserendo il 95%. Ripeti altre quattro volte, inserendo questi valori: 65%, 92%, 15% e 50%. I cerchi concentrici risultanti dovrebbero apparire come l'immagine qui sotto.

Passaggio 3

Attiva le guide intelligenti (Visualizza> Guide intelligenti). Utilizzando lo strumento Segmento di linea (\), traccia una linea verticale dal centro dei cerchi appena oltre la parte superiore del primo anello interno. Tenere premuto il tasto Maiusc per vincolare la linea a 90 °. Le guide intelligenti ti daranno indicazioni visive quando sei sul punto centrale e quando la tua linea incontra / interseca il percorso del cerchio.

Passaggio 4

Con la linea selezionata, vai su Effetto> Distorci e Trasforma> Trasforma. Ruota la linea 19 volte, per un totale di 20. Poiché 360 gradi (un cerchio) diviso per 20 (il numero di segmenti) è 18, inserisci 18 ° nel campo Angolo. Assicurati di fare clic sul punto centrale inferiore sul proxy Punto di riferimento, in modo che la linea ruoti dal suo punto inferiore. Seleziona la casella Anteprima per assicurarti che assomigli all'immagine qui sotto.

Passaggio 5

Vai a Oggetto> Espandi aspetto. Il risultato sarà di 20 linee individuali, ruotate attorno al punto centrale. Questa è la struttura di base del tuo tirassegno.

Ora è il momento di colorare. Prima di ciò, però, crea una copia dei contorni delle freccette. Prima crea un nuovo livello nel pannello Livelli. Seleziona i percorsi, tieni premuto Alt e trascina il proxy (quadratino colorato) fino al nuovo livello per creare una copia. Nascondi quel livello per ora.

Passaggio 6

Prima di colorare il bersaglio, scegli una tavolozza di colori per la tua illustrazione. Ho usato questi campioni, che approssimano lo schema dei colori di un bersaglio tradizionale. Creare un nuovo gruppo di colori dai campioni selezionandoli nel pannello Campioni e facendo clic sull'icona Nuovo gruppo di colori. È anche possibile creare un nuovo gruppo di colori dagli oggetti selezionati nella figura. Fare clic sul menu a comparsa del pannello a colori, selezionare Nuovo gruppo colori, quindi selezionare il pulsante Disegno artistico.

Passaggio 7

Ora seleziona la struttura del bersaglio. Se i tracciati sono tracciati, modificali in un riempimento e in un tratto di nessuno. Scegli lo strumento Secchiello pittura dinamica (K). Vedrai tre piccoli campioni di colore sopra il secchio di vernice. Per impostazione predefinita, quei campioni saranno none, bianco e nero. Se il tuo gruppo di colori è stato selezionato in precedenza, i campioni verranno riempiti con quelli del gruppo di colori. Quindi assicurati di poter vedere tre dei colori che hai creato in precedenza.

Passaggio 8

Fare clic all'interno dei profili del pannello per convertirli in un gruppo di pittura dinamica. Ora quando si posiziona il mouse su ciascun segmento, viene visualizzata una linea spessa di evidenziazione attorno alla forma. Fare clic una volta con Paint Bucket per riempire quella forma con il colore. Per passare a un colore adiacente, premere il tasto freccia sinistra o destra.

Continua a riempire ogni forma, o "faccia". SUGGERIMENTO: per l'occhio di bue rosso, puoi trascinare il secchio di vernice su più facce per dipingerne più di uno alla volta.

Il tuo bersaglio colorato dovrebbe apparire come l'immagine qui sotto.

PARTE II: The Wires

Passo 1

Per creare i fili che separano i campi colorati sul bersaglio, creeremo prima uno stile grafico. Disegna una breve linea retta. Dagli un colpo di 0,5 punti e un colore del 5% di nero. Seleziona Tappo rotondo nel pannello Traccia (icona centrale accanto al campo Peso).

Passo 2

Seleziona il tratto, quindi dal pannello Aspetto, scegli Aggiungi nuovo tratto.

Cambia la larghezza del tratto inferiore in 2 punti e rendi il suo colore nero al 40% (in CS4, queste modifiche possono essere apportate direttamente nel pannello Aspetto). La tua linea a due punte dovrebbe assomigliare all'immagine qui sotto

Passaggio 3

Trascina la linea a due punte nel pannello Stili grafica per creare il nuovo stile. Se lo desideri, puoi fare doppio clic sulla sua miniatura e dargli un nome.

Passaggio 4

Ricorda la copia dei contorni delle freccette che hai fatto nella parte 1? Mostralo e selezionalo, quindi fai clic sul nuovo Stile grafico per applicarlo alle linee.

Passaggio 5

Non vogliamo che le linee radiali si incontrino nel centro, dove è l'occhio del toro, quindi prendi lo strumento forbici (C) e taglia via l'eccesso. Utilizzare lo strumento selezione diretta (freccia bianca) per selezionare ed eliminare i bit aggiuntivi.

Passaggio 6

Ora dovresti avere un livello con il bersaglio colorato e un altro strato contenente i separatori filo. L'illustrazione dovrebbe assomigliare all'immagine qui sotto.

Seleziona tutto, quindi fai doppio clic sullo strumento Ruota. Vogliamo che una sezione nera sia centrata verticalmente, quindi inserisci -9 ° (metà dell'angolo di rotazione usato nella Parte I).

PARTE III: I numeri

Passo 1

I numeri su un bersaglio tradizionale sono fatti di filo e sembrano piegati a mano. Sarai costretto a trovare un font che assomiglierà a un filo piegato, ma puoi modificare un font esistente e applicare lo stile grafico a filo. Qui ho usato VAG arrotondato, seguendo questi passaggi:

  1. Converti tipo in contorni
  2. Cambia tratto e riempimento (MAIUSC + X)
  3. Applicare lo stile grafico "Filo"
  4. Tagliare il percorso
  5. Elimina percorso interno
  6. Modificare il percorso con lo strumento Penna

Passo 2

Fare tutte le cifre e sistemarle sul dartboard è un processo noioso. È possibile accelerare un po 'digitando la sequenza numerica su un percorso circolare. Per prima cosa disegna un cerchio. Fare clic sul percorso con lo strumento Tipo su tracciato e digitare questa sequenza, inserendo un punto di tabulazione tra ciascuno di essi. Inserisci questi numeri: 20, 1, 18, 4, 13, 6, 10, 15, 2, 17, 3, 19, 7, 16, 8, 11, 14, 9, 12 e 5. Il tipo su un percorso Lo strumento può essere un po 'complicato, ma con alcuni tentativi, ne prenderai confidenza.

Una volta che i numeri sono equamente distribuiti attorno al cerchio, puoi ridimensionarlo per adattarlo al bersaglio, quindi delineare i personaggi, applicare lo stile Wire e modificare i percorsi come sopra. L'illustrazione è quasi terminata e dovrebbe apparire come l'immagine qui sotto.

PARTE IV: Tocchi finali

Ora solo 5 minuti in più per dare al tuo bersaglio un aspetto finito. Ecco alcuni suggerimenti: riduci leggermente l'anello esterno, quindi sembra che i numeri siano collegati ad esso. Usa lo Strumento selezione gruppo (freccia bianca con un segno +) per selezionare solo il cerchio esterno, quindi passa allo Strumento selezione (V) per ridimensionarlo. Aggiungi una goccia Shadow ai cavi per dare loro un po 'di dimensione.

Aggiungi una leggera sfumatura ai campi colorati per dare un senso di illuminazione. Inoltre, aggiungi un'ombra esterna o un'ellisse sfocata sul retro del bersaglio per avere un aspetto generale della profondità. L'illustrazione finale è sotto.

Iscriviti al feed RSS di Vectortuts + per rimanere aggiornato con le ultime esercitazioni e articoli vettoriali.