Come realizzare un anello di diamante vettoriale in Illustrator

Se ami i gioielli, come faccio io, allora questo tutorial sarà interessante. Alla fine imparerai come creare due anelli di diamanti vettoriali e i dettagli che danno loro realismo.

Questo tutorial riguarda la creazione di due anelli di diamanti con tutte le loro parti componenti, a partire dall'anello, il grande diamante con la base in cui si trova e i piccoli diamanti applicati con una lucentezza extra. Ho prestato attenzione ai dettagli in modo che sembrino realistici e ti mostrerò i suggerimenti e i trucchi che ho usato per realizzarli. Iniziamo!

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: Illustrator CS4
  • Difficoltà: intermedia
  • Tempo di completamento stimato: 3 ore

Passo 1

Apri un nuovo documento di qualsiasi dimensione e usa la modalità RGB. Inizieremo con la forma ad anello. Utilizza lo strumento Ellisse e disegna una forma come nell'immagine sottostante, seleziona nessun riempimento e solo un tratto nero di 1 px. Quindi rendere la seconda forma un po 'più grande della prima.

Ora prendi lo strumento selezione diretta e seleziona il punto più a sinistra, quindi spostalo un po 'verso destra in modo da schiacciare un po' la forma. Seleziona il punto più giusto e fai lo stesso. Ora seleziona il cerchio esterno, copialo e incollalo di fronte. Ne avremo bisogno in seguito. Quindi seleziona entrambe le forme originali (non quella che abbiamo appena incollato) e vai su Oggetto> Percorso composto> Crea.

Passo 2

Seleziona lo strumento Ellisse e forma una forma ovale più grande della prima. Ora posizionalo sopra la forma più piccola e selezionali entrambi. Vai al pannello Pathfinder e fai clic su Meno fronte in modo da ottenere la forma nell'immagine successiva.

Passaggio 3

Ora useremo la forma che abbiamo incollato in precedenza. Utilizza lo strumento Aggiungi punto di ancoraggio, aggiungi due punti e quindi traccia il percorso che vedi nell'immagine sottostante utilizzando lo strumento Penna. Fai lo stesso con l'altra parte, seleziona nessun riempimento e 1 pennellata nera. Queste forme che abbiamo appena creato devono essere in cima alle prime due. Questo è importante altrimenti non saremo in grado di colorarli in seguito.

Passaggio 4

È tempo per alcuni colori. Seleziona la prima forma composta che abbiamo creato, deseleziona il tratto e riempilo con il gradiente lineare che vedi nell'immagine sottostante. I colori da sinistra a destra sono: 80% nero (R = 51, G = 51 e B = 51), (R = 153, G = 153 e B = 153) o 40% nero; (R = 204, G = 204 e B = 204) 20% nero; (R = 243, G = 244 e B = 244); (R = 128, G = 124,128); (R = 242, G = 242 e B = 242) 5% nero; (R = 178, G = 178 e B = 178) 30% nero e (R = 125, G = 125 e B = 125).

Seleziona anche la forma mostrata nella seconda immagine e riempila con il gradiente lineare che vedi. I colori sono: 80% nero (R = 51,51 e B = 51), 60% nero (R = 102, G = 102 e B = 102), 10% nero (R = 230, G = 230, e B = 230), nero al 60% (R = 102, G = 102 e B = 102), grigio chiaro (R = 243, G = 244 e B = 244); 70% nero (R = 77, G = 77 e B = 77) e nero al 90% (R = 26, G = 26 e B = 26).

Passaggio 5

Ora coloreremo le forme che abbiamo creato sopra. Per farlo usa il gradiente lineare dall'immagine. Per la forma a sinistra i colori sono: 80% nero (R = 51, G = 51 e B = 51), grigio (R = 139, G = 135 e B = 141), grigio chiaro (R = 243 , G = 244 e B = 244), grigio (R = 128, G = 124 e B = 128), grigio (R = 167, G = 169 e B = 172) e per la forma a destra: 80% nero (R = 51, G = 51 e B = 51), grigio (R = 139, G = 135 e B = 141), grigio chiaro (R = 243, G = 244 e B = 244) , grigio (R = 178, G = 178 e B = 178) e un altro grigio (R = 167, G = 169 e B = 172).

Passaggio 6

È ora di aggiungere alcuni dettagli. Invece di disegnare nuove forme con lo strumento Penna, preferisco il seguente trucco. Utilizza lo strumento Selezione diretta e seleziona solo i 3 punti che vedi nell'immagine, quindi copiali e incollali nell'area di lavoro. Ora deseleziona il riempimento e dargli solo un tratto nero. Se Illustrator copia più dei 3 punti, come ha fatto il mio, basta eliminarli, abbiamo solo bisogno di ottenere la forma qui sotto.

Quindi vai al pannello Pennelli e seleziona il pennello dall'immagine in basso, la prima. Avevo bisogno di più pennelli quindi ho cancellato alcuni punti per ottenere i 2 nuovi pennelli che vedete nell'immagine. Quindi trascinali entrambi sul pannello Pennelli in modo da poterli utilizzare ulteriormente.

Ora seleziona il percorso del dettaglio che abbiamo fatto prima e applica il primo pennello ad esso, fai il tratto 0,10 px e quindi Espandi aspetti. Riempi la forma con il gradiente lineare dell'immagine: nero al 90% (26,26,26), nero 0% (255,255,255), nero al 70% (77,77,77), nero 0% (255,255,255) e 90% nero (26,26,26).

Ora rimetti la forma al suo posto, imposta la modalità su Moltiplica e abbassa l'opacità al 50%.

Passaggio 7

Usando la stessa tecnica, la forma del dettaglio dall'immagine sottostante e la si riempie con un gradiente simile. Basta regolare i colori in modo che i riflessi sembrino il più reali possibile. Vai anche a Effetti> Stilizzazione> Illuminazione esterna, quindi imposta i valori che vedi nell'immagine.

Passaggio 8

Ora basta ripetere i passaggi precedenti e rendere più dettagliate le forme. Per il prossimo basta riempirlo con un gradiente lineare da bianco a nero e regolarlo in modo da ottenere il risultato che ti piace. Una volta che hai finito, fai lo stesso con l'altro lato o rifletti una copia di esso.

Passaggio 9

Fai lo stesso con l'esterno del nostro anello. Riempilo con il gradiente come mostrato, quindi ripeti o giralo dall'altro lato.

Passaggio 10

Per la forma mostrata nell'immagine sottostante, dopo averla creata e riempita con la sfumatura mostrata, vai su Effetti> Stilizzazione> Illuminazione esterna. Quindi applica gli stessi valori del passaggio 7. Cambia la modalità in Moltiplica e abbassa l'opacità al 25%. Fai lo stesso con l'altro lato.

Passaggio 11

Abbiamo ancora due forme da seguire. Riempili con il gradiente mostrato nell'immagine qui sotto: molto grigio scuro (26,26,26), grigio chiaro (228,228,228) e nero (0,0,0). Quindi riduci l'opacità al 50% o finché non ti piace quello che vedi.

Passaggio 12

Abbiamo finito con questa parte. Ora il nostro anello dovrebbe assomigliare all'immagine qui sotto.

Passaggio 13

È ora di creare la base dove rimarrà il grande diamante. Prendi lo strumento Rettangolo e disegna un rettangolo (la dimensione non è importante ora perché la ridimensioneremo comunque in seguito per adattarla dietro al diamante). Successivamente con lo strumento selezione diretta, selezionare ciascun punto e fare clic su Converti punti di ancoraggio selezionati per uniformare (come mostrato nella barra dei menu). Dovresti ottenere la forma dall'immagine successiva.

Passaggio 14

Per creare la forma successiva, seleziona quella sopra e vai su Oggetto> Percorso> Percorso offset e imposta il valore su 8 pt, quindi Espandi. Ora crea quattro piccole forme ovali con lo strumento Ellisse e posizionale al centro di ciascun lato come vedi nell'immagine.

Seleziona tutte le cinque forme e fai clic su Meno fronte dal pannello Elaborazione tracciati. Dovresti avere qualcosa di simile a quello mostrato di seguito. Ora riempilo con un gradiente lineare chiamato Steel dalla libreria. Potresti anche usare Silver, ma mi è piaciuto il modo in cui il primo sembrava più.

Passaggio 15

Ora con questa ultima forma che abbiamo appena selezionato, vai su Oggetto> Percorso> Percorso offset e imposta il valore su -1 pt o -2 pt a seconda della dimensione della tua forma. Espandilo e riempilo con la stessa sfumatura di acciaio regola solo l'angolo come nella prima immagine.

Ora copia la forma originale (quella grigia semplice), incollala davanti e riempila con la stessa sfumatura di acciaio, come nella seconda immagine. Successivamente incolla di nuovo una prima volta la prima forma grigia, rendila un po 'più piccola per ottenere qualcosa come nell'ultima immagine qui sotto. Abbiamo finito con la base per il grande diamante.

Passaggio 16

È tempo di fare il grande diamante. Ho cercato alcuni bei tagli di diamante per l'ispirazione e poi ho disegnato un disegno utilizzando lo strumento Penna. Puoi usare qualsiasi forma che ti piace. Ho qualcosa di simile nell'immagine qui sotto.

Passaggio 17

Il prossimo passo è aggiungere alcuni colori. Seleziona ogni singola parte, impostala su nessun tratto e riempili con il gradiente lineare, come mostrato nell'immagine sottostante.

Li ho selezionati casualmente da diverse parti della forma del diamante e ho anche regolato il gradiente per ogni singola parte perché volevo finire con qualcosa di meno regolare. I colori sono: viola (R = 183, G = 169 e B = 210), viola chiaro (R = 226, G = 220 e B = 238) e bianco (R = 255, G = 255 e B = 255).

Ed ecco un altro tipo di gradiente che ho usato in modo da ottenere l'effetto che volevo. I colori sono simili: bianco (R = 255, G = 255 e B = 255), viola chiaro (R = 226, G = 220 e B = 238) e metà viola (R = 135, G = 140, e B = 197).

Passaggio 18

Questo è l'aspetto finale del diamante. Nella seconda immagine qui sotto, l'ho posizionato sopra la base che abbiamo creato.

Passaggio 19

Sembra che il diamante si sia seduto sopra e ho deciso di creare due piccole forme come quelle che tengono il rock su un vero anello di diamanti. Per questo prendi lo strumento Ellisse e fai un ovale come mostrato, e riempilo con il gradiente simile a quello d'acciaio che abbiamo usato per la base. La dimensione della forma non ha importanza a questo punto, perché verrà ridimensionata quando tutto il disegno sarà pronto.

Ora facciamo una maschera di opacità perché si fonderà meglio con la forma di base quando la mettiamo sopra. Copia e incolla la forma e riempila con una sfumatura dal bianco al nero come mostrato. Mettilo sopra il primo. Selezionali entrambi e vai al pannello Trasparenza e seleziona Crea maschera di opacità. Dovresti avere qualcosa di simile nella seconda immagine qui sotto.

Passaggio 20

Successivamente ho copiato l'ovale originale, lo ho riempito con un grigio scuro e l'ho posizionato dietro come mostrato nell'immagine, per un aspetto più realistico. Ora raggruppa tutte le forme, ridimensionale, crea una seconda copia e posizionale una sul lato, una sopra l'altra, proprio come nell'immagine qui sotto.

L'anello dovrebbe ora assomigliare alla seguente immagine.

Passaggio 21

Volevo più bagliore e un design più elegante, così ho deciso di aggiungere qualche altro diamante. Seleziona quello grande quindi copia e incolla altri diamanti. Ridimensionali e posizionali come mostrato.

Facciamo un po 'di più adesso e posizionali. Per un aspetto più naturale ho aggiunto una piccola ombra esterna con i valori che vedi nell'immagine qui sotto a ciascuno di essi.

L'anello dovrebbe assomigliare a questo ora.

Passaggio 22

Per il secondo diamante ho usato la stessa forma e ho appena cambiato le sfumature. Fondamentalmente, ho sostituito il viola chiaro con uno scuro in modo da ottenere una riflessione diversa. Ho anche regolato gli angoli per renderlo diverso dal primo. Ecco due esempi dei gradienti che ho usato.

La prossima cosa da fare è sostituire i piccoli diamanti con questo nuovo, quindi basta fare delle copie e ridimensionarle come facevamo prima. Ecco come dovrebbe apparire il secondo anello di diamanti.

Conclusione

Per il passo finale, ho fatto uno sfondo nero. Poi ho ruotato gli anelli fino a quando mi è piaciuto come sembrava. Ho regolato alcuni dei gradienti utilizzati in modo che i riflessi sembrassero naturali e ho aggiunto anche qualche ombra in cui il primo anello si sovrappone all'altro per renderlo più realistico. Questa è l'immagine finale.

Il lavoro è fatto! Spero che ti sia piaciuto e che tu abbia imparato alcune nuove tecniche!

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