Come illustrare un cronometro vintage in Adobe Illustrator

Nel tutorial di oggi, impareremo come creare un cronometro vintage utilizzando forme base, Blends e Art Brush in Adobe Illustrator. Imparerai come utilizzare una varietà di strumenti di Illustrator. Quindi iniziamo!


Passo 1

Per iniziare dovrai creare lo schizzo di geometria principale del cronometro che è mostrato nel diagramma sottostante. Creeremo questo piano iniziale su cui lavorare, in cui possiamo aggiungere luci e ombre per renderlo meno piatto. Se sai come raggiungere i principali contorni dell'oggetto e dei suoi elementi, vai al passaggio 7. In caso contrario, leggi attentamente i seguenti passaggi.

Le immagini ridimensionate delle minuscole parti del cronometro sono mostrate sotto per la vostra comodità. Ecco un primo piano di uno dei pulsanti laterali.

Ed ecco il pulsante centrale in alto.


Passo 2

Vai a Visualizza> Righelli> Mostra righelli (comando + R). Quindi trascina e rilascia le linee guida dai righelli per creare l'immagine seguente. Diverse linee guida dovrebbero essere ruotate andando su Oggetto> Trasforma> Ruota. Il punto di intersezione delle linee guida ruotate sarà il centro del cronometro.

Usando lo strumento Ellisse (L), crea un cerchio pieno di grigio.

Vai a Oggetto> Trasforma> Scala in modo da ridurre le dimensioni del cerchio, quindi fai clic sul pulsante Copia nella finestra di dialogo del ridimensionamento e modifica il colore del nuovo cerchio come mostrato.

Ripeti queste manipolazioni per creare il prossimo cerchio mostrato di seguito.


Passaggio 3

Con lo strumento Ellisse (L), crea un'ellisse sopra i cerchi come mostrato nel diagramma sottostante.

Copia e incolla in primo piano (Comando + C poi Comando + F). Sposta la copia verso il basso.

Usando lo strumento Lazo (Q), seleziona i punti di ancoraggio interni di entrambe le ellissi ...

... quindi premi il tasto Elimina sulla tastiera.

Vai a Oggetto> Percorso> Unisci (Comando + J) due volte per completare la forma.


Passaggio 4

Disegna un'altra ellisse (L) nella parte superiore della forma del tuo cilindro.

E crea il percorso blu nello stesso modo in cui hai creato il cilindro verde. Prestare attenzione che il punto di ancoraggio indicato di seguito dovrebbe essere spostato leggermente verso il basso.

Crea la parte superiore di questo dettaglio.


Passaggio 5

Usa di nuovo lo strumento Ellisse (L) per tracciare un cerchio uniforme attorno al pulsante in alto che hai appena creato.

Vai a Oggetto> Trasforma> Scala, riduci le dimensioni della cerchia e fai clic sul pulsante Copia.

Seleziona entrambe le cerchie e vai su Oggetto> Percorso composto> Crea (Comando + 8) per creare un anello.


Passaggio 6

I pulsanti destro e sinistro possono essere illustrati allo stesso modo.


Passaggio 7

Per continuare a creare il cronometro, per prima cosa dovremmo creare alcuni pennelli artistici di Blends. Usando lo strumento Ellisse (L), disegna un percorso ellittico allungato pieno di nero. Segui l'immagine utile sotto.

Copia e incolla in primo piano (Comando + C poi Comando + F). Vai a Oggetto> Trasforma> Scala e riduci al 50%.

Cambia l'opacità dell'ellisse più grande allo 0%.

Vai a Oggetto> Miscela> Opzioni di fusione e imposta i valori nella finestra di dialogo come mostrato.

Seleziona entrambe le ellissi e vai su Oggetto> Miscela> Crea (Comando + Alt + B).


Passaggio 8

Trascina e rilascia questa fusione nel pannello Pennelli e scegli l'opzione Pennello artistico nella finestra di dialogo aperta.

Specificare le opzioni per il pennello nella seconda finestra di dialogo. Assegna un nome a questo pennello "Pennello nero". Cambia il metodo di colorizzazione di esso in Hue Shift.


Passaggio 9

Ora seleziona la miscela del "Pennello nero" ...

... e rilasciarlo andando su Oggetto> Miscela> Rilascia (Comando + Alt + Maiusc + B).

Sposta l'ellisse interna a sinistra (vedi l'immagine sotto) ...

... e vai su Oggetto> Miscela> Riattiva (Comando + Alt + B).


Passaggio 10

Trascina e rilascia questa fusione nel pannello Pennelli e scegli l'opzione Pennello artistico nella finestra di dialogo aperta.

Specificare le opzioni per il pennello nella seconda finestra di dialogo. Assegna un nome a questo pennello "Sposta pennello nero". Cambia il metodo di colorizzazione di esso in Hue Shift.


Passaggio 11

Prendi ora lo strumento Rettangolo (M) e traccia il prossimo percorso. Riempilo con un gradiente lineare con visibilità delle frange bianche e nere. Vedi lo schema qui sotto per riferimento.

Quindi apri il pannello Campioni ...

... aprire il menu a comparsa facendo clic sul pulsante indicato nell'immagine sopra e selezionare Nuovo comando Campione. Assegna un nome a questo campione "Gradiente metallico".


Passaggio 12

Seleziona il percorso arancione superiore del pulsante destro e riempilo con un gradiente lineare ad angolo.

Applica il "Gradiente metallico" al percorso giallo. Cambia l'angolo del gradiente come mostrato.

Anche il percorso blu deve essere riempito con un gradiente lineare angolato.

Anche il percorso nero è riempito con un "gradiente metallico" inclinato.


Passaggio 13

Il pulsante sinistro del cronometro è riempito allo stesso modo.


Passaggio 14

Il pulsante centrale centrale del cronometro deve essere riempito con i normali gradienti lineari e con il "Gradiente metallico" dove è necessario.


Passaggio 15

Riempi il percorso marrone con un gradiente radiale.

Gli stop di colore indicati del gradiente sono mostrati sotto.

Riempi anche la faccia del cronometro con un gradiente radiale sottile.


Passaggio 16

Lavoriamo sull'anello superiore per creare un'immagine 3D da questa immagine grigia piatta. Sì, puoi usare l'effetto 3D Revolve Illustrator, ma ti consiglio di usare i nostri pennelli Art. Vediamo come funzionano.

All'inizio disegna due cerchi concentrici sull'anello grigio usando lo strumento Ellisse (L).

Quindi prendi lo strumento forbici (C) e fai clic sui quattro punti di ancoraggio che coincidono con la linea guida orizzontale mostrata sotto. In altre parole, è necessario dividere i cerchi concentrici sui quattro percorsi semicircolari.


Passaggio 17

Applica il "Pennello nero" a tutti questi quattro percorsi.

Non ti consiglio di lasciare questa meravigliosa foto invariata! Seleziona l'anello grigio, copialo e incolla in primo piano (comando + C poi comando + F).

Crea quindi una maschera di ritaglio da questa copia andando su Oggetto> Maschera di ritaglio> Crea (Comando + 7).


Passaggio 18

Cambia il colore del tratto dei seguenti percorsi in bianco.

Cambia il colore del tratto del percorso successivo in nero.

Dopodiché diminuisci i Pesi dei tratti dei percorsi.


Passaggio 19

Ora la tua immagine ha il seguente aspetto.

Ti piacciono le sfumature di colore indicate nell'immagine sopra? Se no (non mi piace), come risolverli? Seleziona tutti e quattro i percorsi a cui è applicato il "Pennello nero", Copia e Incolla in primo piano (Comando + C poi Comando + F). Ruota le copie andando su Oggetto> Trasforma> Ruota.

Quindi modifica il metodo di fusione di questi nuovi percorsi su Sovrapponi e Opacità nel pannello Trasparenza ...

... e otterrai il prossimo risultato più bello.


Passaggio 20

Illustrare il prossimo percorso mostrato di seguito e fare clic sui punti di ancoraggio indicati con lo Strumento forbici (C) per dividere il percorso su due.

Applica il "Pennello nero spostato" a entrambi i percorsi. Ritagliali con la corrispondente maschera di ritaglio (la stessa usata sopra).

Cambia i colori dei tratti come mostrato di seguito.

Modifica le opacità e il peso dei tratti. Dovresti ottenere l'immagine come mostrato di seguito.


Passaggio 21

Crea una maschera di ritaglio (Ctrl + 7) per l'anello mostrato sotto. È semplice, quindi fallo da solo.

Applica il "Pennello nero spostato" ai percorsi successivi. Il diagramma utile è sotto.


Passaggio 22

Ora fai le tacche sul pulsante cronometro in alto.

Disegna all'inizio due percorsi verticali come mostrato di seguito in rosso. (Il secondo percorso può essere una copia spostata del primo).

Vai a Oggetto> Miscela> Opzioni di fusione e scegli le opzioni che puoi vedere nello schema qui sotto.


Passaggio 23

Applica il "Pennello nero spostato" alla linea sinistra.

E applica il "Pennello nero" sulla linea destra.

Diminuire i pesi del tratto.

E ritaglia i percorsi con la corrispondente maschera di ritaglio.


Passaggio 24

A causa delle gocce di luce dalla sinistra (vedi lo schema sopra), cambia il colore del tratto della linea sinistra in nero ...

... e il colore del tratto della linea retta in bianco. Perché non viceversa? Perché abbiamo bisogno di creare contrasto nelle tacche.


Passaggio 25

Seleziona entrambi i percorsi e vai su Oggetto> Miscela> Crea (Comando + Alt + B).


Passaggio 26

La parte grigia principale del cronometro ...

... è illustrato assolutamente allo stesso modo dell'anello del cronometro. In altre parole, usa i pennelli Art e le modalità di fusione per ricevere la seguente immagine.


Passo 27

Dovremmo fare i valori della faccia del cronometro. Ogni valore indica 1/5 del secondo. A causa di un minuto composto da 60 secondi, è necessario avere 300 valori di corsa mostrati di seguito.

Disegna una linea verticale nera che ha una lunghezza di circa 20px.

Copia e incolla in primo piano (Comando + C poi Comando + F). Sposta la copia orizzontalmente andando su Oggetto> Trasforma> Sposta.

Vai a Oggetto> Miscela> Opzioni di fusione e modifica il numero di passaggi a 299. Perché non 300? Poiché 299 passaggi forniscono 301 linee nella fusione, ma quando inseriamo la fusione nel cerchio, riceveremo solo 300 linee, poiché la prima riga coinciderà con l'ultima.

Quindi vai su Oggetto> Miscela> Crea (Comando + Alt + B).


Passaggio 28

Seleziona il percorso che rappresenta il volto del cronometro, copialo e incolla in primo piano (Comando + C poi Comando + F). Cambia entrambi: il peso del tratto e il colore del tratto su Nessuno.

Prendi lo strumento forbici (C) e fai clic sul punto di ancoraggio superiore di questa cerchia.

Seleziona entrambi: il cerchio e la miscela di 299 passaggi, quindi vai a Oggetto> Miscela> Sostituisci colonna vertebrale.

Modificare l'orientamento della fusione facendo clic sul pulsante corrispondente nella finestra di dialogo Opzioni fusione.

Ritaglia la miscela con la corrispondente maschera di ritaglio.


Passaggio 29

Copia la miscela e incollala davanti (comando + C poi comando + F). Modifica il numero di passaggi nella copia di Blend e aumenta i percorsi verticali nella fusione aperta nella palette Livelli passando a Oggetto> Trasforma> Scala. L'immagine utile è qui sotto.

Crea un'altra fusione allo stesso modo.


Passaggio 30

Seleziona tutte e tre le miscele (senza il corrispondente percorso di ritaglio), Copia e Incolla dietro (Comando + C poi Comando + B). Riduci l'opacità di questi a circa il 30% e ritagliali con la nuova maschera di ritaglio mostrata. È necessario eseguire questa operazione in modo da mostrare il riflesso dei tratti sulle parti metalliche del cronometro.


Passaggio 31

Usando lo Strumento testo (T), stampa un numero sulla faccia.

Ripeti questa azione ancora e ancora.

Quindi vai su Tipo> Crea contorni (comando + Maiusc + O).


Passo 32

Usando lo strumento Penna (P), illustrare una freccia e riempirla con un gradiente lineare angolato.

Il bullone della freccia è riempito con un gradiente radiale.


Passaggio 33

La freccia ha un'ombra. Per disegnarlo, copialo e incolla indietro (comando + C poi comando + B). Riduci l'opacità di circa il 20% e spostalo leggermente come mostrato nell'utile diagramma sottostante.

Il contatore dei minuti è illustrato allo stesso modo. Fallo senza assistenza.


Passaggio 34

Usando di nuovo lo Strumento testo (T) e stampando la frase universalmente nota di Luigi XVIII, il re di Francia, "La puntualità è la gentilezza dei re". Seleziona un font interessante e meraviglioso nella palette Carattere. Segui la tua sensazione di bellezza.

Vai a Oggetto> Distorsione busta> Crea con Warp (Comando + Alt + Maiusc + W).

Specificare i valori di adattamento nella finestra di dialogo per individuare il testo nella giusta posizione.


Passaggio 35

Vai a Oggetto> Espandi e riempi le lettere con un riempimento sfumato.


Passaggio 36

Il passaggio finito in questo tutorial dovrebbe essere dedicato alla creazione di un vetro esterno del cronometro. Illustrare un cerchio sul cronometro e riempirlo con un gradiente radiale.

E cambia l'opacità di esso a circa il 20%.

Conclusione

L'immagine finale è sotto. Usa le tecniche che hai imparato qui nelle tue opere. Spero ti sia piaciuto questo tutorial.