Come realizzare una gomma vettoriale 3D dettagliata in Illustrator

In questo tutorial, ti mostrerò come creare un pneumatico vettoriale con strumenti e tecniche molto semplici. La parte più importante e più complicata di questo tutorial sono le strisce di pneumatici, ma risolviamo il problema semplicemente e gli daremo un ottimo aspetto finale. L'istruzione tutorial è fornita in Adobe Illustrator CS3.

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.

Passo 1

Seleziona un nuovo documento web 1024px per 768px con una modalità colore RGB e Schermo impostato su 72ppi.

Passo 2

Seleziona lo strumento Ellisse (L) e fai clic sulla tua tavola da disegno nella finestra di dialogo Ellisse. Imposta la larghezza e l'altezza a 400 px, quindi fai clic su OK. Seleziona il cerchio e imposta il colore di primo piano su none e il colore del tratto su K = 88. Cambia il nome di questo livello in "pneumatico".

Passaggio 3

Seleziona il cerchio, quindi vai a Effetto> 3D> Estrusione e smusso. Fare clic sul pulsante Altre opzioni e impostare le opzioni come mostrato di seguito, quindi fare clic su OK.

Passaggio 4

Seleziona lo strumento Rettangolo o premi M, quindi fai clic sulla tavola da disegno e nella finestra di dialogo imposta la larghezza
e altezza a 600px per 4px, rispettivamente. Ora imposta il colore di riempimento su K = 90. Quindi crea un rettangolo (M) con una larghezza di 4px e un'altezza di 14px rispettivamente (vedi 4a sotto).

Imposta il colore di riempimento su K = 90. Per i due rettangoli, seleziona un colore di primo piano di K = 100 e imposta il tratto su none. Premi MAIUSC + F7 per visualizzare il riquadro Allinea. Ora seleziona questi due rettangoli appena creati e fai clic su Allinea verticale In basso e Allinea orizzontale a sinistra nel gruppo Allinea oggetti del riquadro Allinea.

Seleziona il mini rettangolo e spostalo verso l'alto di 7 pixel premendo il tasto Freccia su. Quindi fai una copia del mini-rettangolo (premendo Comando + C poi Comando + F) e spostalo sul lato destro del rettangolo lungo. Assicurati di tenere premuto il tasto Maiusc mentre lo sposti (4b).

Seleziona il rettangolo lungo e il rettangolo rettangolo a destra, quindi premi Orizzontal Allinea a destra nel gruppo Allinea oggetti del riquadro Allinea. Seleziona i due mini rettangoli e vai su Oggetto> Miscela> Opzioni di fusione ... quindi, nella sezione Spaziatura, seleziona il valore Passi specificati di 50 e imposta l'Orientamento su Allinea al percorso, quindi fai clic su OK (4c).

Premi Comando + Alt + B per creare una fusione. Il tuo risultato dovrebbe essere esattamente come mostrato di seguito (4d).

Passaggio 5

Seleziona i mini rettangoli combinati e premi Comando + Alt + Maiusc + D, quindi nella finestra di dialogo imposta Verticale
valore a -24 px nel gruppo Sposta e fare clic su Copia (5a). Ora seleziona il rettangolo lungo e il mini rettangolo superiore unito. Premi nuovamente Comando + Alt + Maiusc + D, quindi imposta l'allineamento verticale su 24 px. Ora fai clic su Copia (5b). Mantieni la selezione e premi Comando + D. Il risultato dovrebbe essere esattamente come mostrato di seguito (5c).

Passaggio 6

Premere A o selezionare lo strumento selezione diretta dal pallet strumento. Seleziona i due punti inferiori di
il rettangolo più a destra e la maggior parte dei mini rettangoli dei mini rettangoli molto bassi (6a). Premi il tasto Shift e poi una volta il tasto freccia destra. Fai lo stesso per i mini-rettangoli miscelati superiori (6b).

Seleziona tutti i mini-rettangoli combinati e vai su Oggetto> Espandi, quindi nella finestra di dialogo Espandi accertati che sia l'Oggetto sia il Riempimento siano spuntati e fai clic su OK (6c). Raggruppa tutti i rettangoli mini e lunghi. Seleziona il gruppo, quindi copia (Comando + C) e incolla in posizione (Comando + F). Trascina 150 px verso il basso premendo il tasto freccia giù 15 volte, inoltre tieni premuto il tasto Maiusc mentre trascini (6d).

Mantieni la selezione del gruppo inferiore, quindi copialo e incollalo in primo piano. Ora premi MAIUSC + F8 per visualizzare il pallet di trasformazione. Non perdere la selezione del gruppo superiore, ora nel set pallet Trasforma la larghezza a 610 px. Inoltre, assicurati che le proporzioni Vincolo larghezza e altezza siano abilitate (6e).

Ora seleziona le due strisce inferiori, quindi nel Pallet Pathfinder fai clic su Intersect Shape Areas e fai clic su Expand in
le modalità di forma (6f). Ora imposta il colore di riempimento della striscia a forma di K = 100 (6 g). Selezionare la striscia superiore e inferiore e fare clic su Allineamento verticale nel gruppo Allinea oggetti di Allinea pallet (6h). Il risultato è mostrato nell'ultima immagine qui sotto (6i).

Passaggio 7

Ora seleziona entrambe le strisce e trascinale all'interno del pallet Simboli nella finestra di dialogo Opzioni simboli. Ora chiamatelo "stripe" e impostate Type in Graphic (7a). Ora puoi eliminare il simbolo della striscia dalla tua tavola da disegno.

Passaggio 8

Seleziona lo pneumatico e premi MAIUSC + F6 per far apparire il Pallone Aspetto. Nel Pallet dell'aspetto troverai l'opzione Estrusione e smusso 3D, vai avanti e fai clic su di esso. Nelle opzioni Estrusione e smusso 3D, selezionare Anteprima (8a). Ora fai clic sul pulsante Mappa. Nella finestra di dialogo Map Map per il tipo di campo Surface 6 e quindi premere Invio (8b). Ora nel campo Simbolo seleziona il nostro simbolo di striscia (8c). Ridimensiona come mostrato (8d), quindi fai clic su OK e torna alla tavola da disegno. Il risultato è mostrato nell'ultima immagine qui sotto (8e).

Passaggio 9

Seleziona lo pneumatico e vai su Oggetto> Espandi aspetto. Ora Separa il pneumatico tre volte e seleziona la parte rigata del pneumatico (9a). Fai clic destro su di esso e seleziona Rilascia maschera di ritaglio (9b).

Passaggio 10

Seleziona la striscia di pneumatici, tagliala (Command + X) e crea un nuovo layer dal Layer Pallet. Adesso chiamalo "stripe" e incollalo sul posto (Command + F). Blocca il livello "striscia". Ora seleziona tutto lo strato di pneumatici, fai clic su Aggiungi all'area di forma, quindi espandi nel riquadro Pathfinder Pallet (10a).

Passaggio 11

Crea una nuova cerchia con dimensioni 400 px per 400 px. Imposta il colore tratto su K = 100 e imposta il colore di riempimento su none. Ora seleziona il cerchio e premi il tasto S chiave e invio. Ora nella finestra di dialogo Scala digitare 80 nel campo Scala e fare clic su Copia (11a).

Mantenere la selezione e quindi premere nuovamente il tasto Invio. Digitare 90 nel campo Scala e fare clic su Copia (11b). Seleziona e taglia (Comando + X) il cerchio più grande. Crea un nuovo livello, chiamalo "cerchio 1" e incolla davanti (Comando + F).

Seleziona e taglia (Comando + X) il cerchio medio. Crea un nuovo livello chiamalo "cerchio 2." Incolla davanti (Comando + F), quindi seleziona il cerchio più interno. Taglia (Comando + X) e prendi un livello di creazione chiamato "ruota" e incolla davanti (Comando + F). Il risultato finora è mostrato sotto (11c).

Passaggio 12

Seleziona la "ruota", premi S, e quindi Invio. Ora nella finestra di dialogo Scala digitare 45 nella scala
campo, quindi fare clic su Copia. Taglia il mini-cerchio e crea un nuovo livello e chiamalo "mini_circle" (12a). Seleziona "cerchio 2", quindi nel Pallino tratto fai clic su Allinea tratto a Interno e inserisci un peso di 18 pt (12b). Ora seleziona "wheel" e fai lo stesso di "circle 2", ma imposta il suo Stroke Weight su 80pt (12c).

Passaggio 13

Seleziona la ruota e imposta la sua linea tratteggiata a 89 pt per il primo trattino e il divario a
92pt, come mostrato di seguito (13a). Seleziona "ruota" e "cerchio 2" e vai su Oggetto> Espandi aspetto, quindi fai clic su
Espandere nel Pallet Pathfinder. Ora puoi eliminare il livello "cerchio 2" il tuo "cerchio 2" è già
copiato sul livello "ruota". Questo perché il livello superiore ha la precedenza, come mostrato di seguito (13b).

Passaggio 14

Seleziona "mini_circle", quindi premi S. Immettere un valore di Scala di 200 e premere Copia. Ancora
seleziona "mini_Circle" e premi S e quindi Invio. Ora inserisci un valore di Scala di 130 e premi Copia. Blocca il livello "mini_circle" (14a).

Seleziona lo strumento Aggiungi punto di ancoraggio. Con questo strumento, aggiungi punti di ancoraggio ad ogni centro della ruota, come mostrato sotto (14b). Ora con questo strumento, aggiungi più punti di ancoraggio all'area intersecata della ruota con due cerchi appena creati dal "mini_circle", come mostrato di seguito (da 14c a 14d). Ora sblocca il livello "mini_circle" e seleziona solo i livelli "mini_circle" e "wheel", fai clic su Add to Shape Area, quindi Espandi nel Pathfinder Pallet.

Ora cancella quei due cerchi, ciò che abbiamo creato dal "mini_circle" in precedenza. Cambia il nome del "mini_circle" in "wheel" ed elimina il vecchio livello "wheel". Seleziona lo strumento Aggiungi punto di ancoraggio, ora crea alcuni punti di ancoraggio nello spazio della ruota sul bordo del "mini_circle" come mostrato (14e).

Passaggio 15

Seleziona lo strumento Elimina punto di ancoraggio dal pallet degli attrezzi. Ora rimuovi tutti i punti di ancoraggio degli angoli della ruota come mostrato in (15a). Ora usa Converti strumento Punto di ancoraggio o premi Maiusc + C per smussare il bordo del mini_circle come mostrato nell'immagine- 15b ripeti questo stesso meccanismo per levigare anche tutti gli altri bordi di mini_circle.

Guarda questa immagine all'idea di come convertire i punti di ancoraggio (15c). Ora seleziona i punti d'angolo (15d) con lo strumento Selezione diretta (A), quindi fai clic su Converti punti di ancoraggio selezionati su Levigata come in (15e). Ripeti questi passaggi per lisciare tutti gli altri punti d'angolo della ruota. La tua immagine finale dovrebbe apparire come un'immagine (15f).

Passaggio 16

Crea un nuovo livello chiamalo "wheel top". Crea un cerchio con dimensioni 35px per 35px. Quindi imposta il colore di riempimento e traccia su K = 100. Inoltre, imposta Allinea corsa su Fuori, Peso su 37pt, Linea tratteggiata sul primo trattino 12pt e il primo spazio su 10pt (16a).

Blocca tutti i livelli tranne il nuovo layer "rotella". Seleziona la "rotella" e vai su Oggetto> Espandi aspetto, quindi fai clic con il tasto destro del mouse su di esso e seleziona Separa. Seleziona il cerchio della "rotella" (16b) e ingrandiscila trascinandolo, continua a premere Comando + Maiusc durante il trascinamento per ottenere la forma e la posizione perfette.

Ora seleziona il cerchio e la forma del tratto e fai clic su Aggiungi all'area di forma, quindi espandi nel Pallet Pathfinder come mostrato (16c). Crea una nuova cerchia con una dimensione di 85 px per 85 px e allinearla al centro della "parte superiore della ruota". Fai questo selezionando "wheel top" e il cerchio, quindi clicca Horizontal Align Center e Vertical Align Center nel gruppo Align Objects di Align Pallet (16d).

Passaggio 17

Ora seleziona il cerchio e bloccalo (Comando + 2), quindi crea i punti di ogni percorso di intersezione della "parte superiore della ruota" con il cerchio e crea anche dei punti nel centro di ciascun bordo esterno esterno della "parte superiore della ruota" (17a).

Ora rimuovi tutti i punti d'angolo (17b). Converti gli spigoli del bordo e ruotalo come mostrato (17c). Selezionare i punti d'angolo con lo strumento Selezione diretta e fare clic su Converti punti di ancoraggio selezionati su Levigati (17d). Ora premi Command + Alt + 2 per sbloccare il cerchio ed eliminarlo.

Passaggio 18

Crea una nuova cerchia a 22 px per 22 px. Impostare il colore di riempimento su marrone scuro (R = 66 G = 33 B = 11). Lo troverai nel Pallet di campioni RGB di default e imposta il colore del tratto su marrone (R = 96 G = 56 B = 19). Questo colore si trova sul lato sinistro del colore di riempimento (18a).

Ora seleziona lo strumento Poligono, tieni premuto Maiusc mentre disegna il poligono, quindi imposta la sua larghezza su 19px. Assicurati di avere abilitato Vincoli larghezza e altezza proporzioni (18b).

Seleziona il poligono e imposta il colore di riempimento su Nessuno e Traccia su 3px e un colore nero (K = 100). Vai a Espandi oggetto nella finestra di dialogo e fai clic su OK. Ora usa Elimina punto di ancoraggio per eliminare i punti interni del poligono come mostrato di seguito (18g).

Seleziona il poligono e riempilo con un gradiente come mostrato (18e). I colori sono varie sfumature di grigio, con un angolo di -34. Imposta il colore del tratto del poligono su grigio scuro con un peso del tratto di 0,5 pt. Ora centra il cerchio e il poligono insieme. Mettilo nel centro di una mano "ruota in alto" e copialo in tutte le altre mani, anche ruotando alcune viti con diverse angolazioni.

Passaggio 19

Aggiungi la sovrapposizione del gradiente alla "parte superiore della ruota" come mostrato nell'immagine 19a. Seleziona "wheel top" e fai una copia di esso e incollalo in posizione. Ora cambia il suo colore in grigio (K = 30). Sposta 1px a sinistra e 1px verso il basso, rimandalo indietro premendo il tasto Comando + Sinistra parentesi (19b).

Seleziona la ruota e cambia il suo colore di riempimento in sfumatura (19c). Copia e incolla davanti alla ruota. Cambiare il colore di riempimento su Nessuno e Traccia su grigio scuro (K = 70), quindi inviarlo indietro premendo il tasto Comando + Tasto sinistro.

Ora aggiungi un colore tratto di grigio chiaro (K = 20) a "ruota superiore". Seleziona la ruota superiore e inferiore e vai a Oggetto> Miscela> Opzioni di fusione (19d). Premi Comando + Alt + B per creare una fusione (19e). Modifica un logo come mostrato (19f). Posiziona il testo (19g). Ora seleziona "wheel", "wheel top" e il gruppo di testo e rinominale "wheel" (19h).

Passaggio 20

Seleziona "ruota" e vai a Effetto> 3D> Ruota, quindi modifica le impostazioni come mostrato (20a). Mantieni la selezione e vai su Oggetto> Espandi Aspetto (20b).

Passaggio 21

Vai e sblocca il livello "pneumatico". Crea un nuovo cerchio di 500 px per 500 px e imposta il colore di riempimento su Nessuno e Colore traccia su nero. Vai a Effetto> 3D> Ruota e cambia come mostrato (21a). Ora posizionalo come mostrato sotto (21b).

Crea una copia di questa cerchia e incolla in posizione. Cambia le dimensioni a 322 px per 322 px. Posizionalo come mostrato (21c). Ora crea più due cerchi a 390px per 390px e 440px per 440px copiandoli e posizionali come mostrato (21d). Chiameremo questi quattro tratti: "cerchio 1", "cerchio 2", "cerchio 3" e "cerchio 4" a partire da quello più piccolo.

Passaggio 22

Impostare il colore del tratto "cerchio 1" su grigio (K = 40) e il colore del tratto "cerchio 2" su grigio chiaro (K = 20). Seleziona "Cerchio 1" e "Cerchio 2" e creane una copia Conserva la copia selezionata (22a).

Vai a Oggetto> Miscela> Opzioni di fusione, impostare come mostrato (22b). Ora premi Comando + Alt + B per fondere. Ora taglia "ruota" "dal suo strato e incollalo nel livello" pneumatico ".Posizionalo come mostrato (22c). Seleziona" cerchio 1 "e" cerchio 2 "e premi Comando + Maiusc + Tasto destro per portarlo davanti.

Passaggio 23

Riprendi la copia "cerchio 1" e "cerchio 2" e posizionala esattamente nel suo stato precedente. Selezionalo, quindi premi i tasti Comando + Maiusc + Tasto destro per portarlo in primo piano.

Cambia il colore "cerchio 1" in grigio (K = 60) e "cerchio 2" in grigio scuro (K = 80), come mostrato (23a). Imposta il colore del tratto "cerchio 3" sul grigio scuro (K = 70), il cerchio del 4 Traccia il colore al grigio scuro (K = 80). Seleziona "cerchio 2", "cerchio 3" e "cerchio 4". Imposta la modalità di fusione e aggiungila come mostrato (23b).

Passaggio 24

Crea un cerchio di 220 px per 220 px e riempilo con il nero. Vai a Effetto> 3D> Ruota ... e modifica le impostazioni come mostrato (24a). Copia e posiziona davanti (Comando + F). Cambia il riempimento del cerchio superiore in grigio scuro (K = 70). Sposta la copia 6px su e 6px a destra. Seleziona i due cerchi e mescola (4b). Ora posizionalo come mostrato sotto (24c).

Conclusione

Ho finalmente aggiunto il testo del marchio e modificato leggermente per renderlo più evidente. Un grosso problema con la forma della ruota è che quando lo ruotiamo con lo strumento 3D ha perso l'aspetto perfetto (specialmente con i suoi fori), questo non può essere risolto direttamente, ma possiamo risolverlo manualmente. Quindi, è una buona idea pianificare l'angolo in cui la ruota verrà posizionata bene dall'inizio. Questo è stato il mio primo tutorial e i commenti sono benvenuti. Grazie per aver letto!

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