Share
In questo tutorial, imparerai come creare un'illustrazione di una webcam utilizzando gli strumenti di Adobe Illustrator, quali: lo strumento Ellisse (L), lo strumento Penna (P), lo strumento rettangolo (M), le sfumature e il pannello Pathfinder. Seguiremo un flusso di lavoro professionale di illustrazione vettoriale. Iniziamo.
Prendi lo Strumento Ellisse (L), disegna un'ellisse con le dimensioni di W = 394 e H = 244 px. Ora riempilo con un nero a R = 159 G = 177 B = 193, colore radiale e applica il colore tratto R = 85 G = 104 B = 109 con un peso di 1pt.
Crea due copie della forma dal passaggio precedente usando Command + C, quindi incolla con Command + F. Ora sposta la forma che si trova in cima a 10px in su. Seleziona le copie delle due forme che hai appena creato, apri il pannello Pathfinder, fai clic sul pulsante Minus Front. Disattiva il colore tratto e riempi la nuova forma con un gradiente lineare, con i colori R = 47 G = 153 B = 160 a R = 29 G = 101 B = 106. Inoltre applica Feather with Radius: 2px (Effetto> Stilizzazione> Piuma).
Seleziona la forma dal passaggio precedente a cui hai applicato Sfuma e vai a Oggetto> Tracciato> Tracciato offset. Impostare l'Offset su -2px, fare clic su OK e riempire la nuova forma con un R = 91 G = 196 B = 186 colori. Quindi vai nel pannello Aspetto, fai clic sull'effetto Sfuma, modifica il Raggio su 3px, fai clic su OK e modifica il metodo di fusione da normale a sovrapposizione.
Continuiamo con la parte superiore della webcam. Non abbiamo ancora finito con la parte inferiore della webcam, ma ci torneremo un po 'più tardi. Dopo aver fatto la parte superiore, per poter sapere come rendere la parte superiore dell'ombra della webcam.
Prendi lo Strumento Ellisse (L) e disegna un cerchio con le dimensioni W = 316 px e H = 316 px. Ora riempilo con un gradiente lineare usando i colori R = 159 G = 177 B = 193 a R = 139 G = 158 B = 156. Posiziona la forma sopra tutte le altre forme in posizione come mostrato di seguito.
Con la forma del passaggio precedente selezionato, vai su Oggetto> Tracciato> Tracciato offset. Applica offset: -2px e fai clic su OK. Ora riempire la nuova forma con colori sfumati radiali R = 244 G = 248 B = 249 a R = 159 G = 177 B = 193.
Crea due copie della forma dal passaggio precedente usando Comando + C, quindi incolla con Comando + F, e di nuovo Comando + F. Quindi sposta la forma in alto di 10px in alto. Seleziona le copie delle due forme appena create, apri il pannello Pathfinder e fai clic sul pulsante Minus Front. Ora riempire la nuova forma con R = 200 G = 214 B = 224 colori.
Crea la parte superiore della forma allo stesso modo facendo due copie della forma dal passaggio 5, quindi fai scorrere verso il basso la seconda copia 2 volte verso il basso. Seleziona entrambe le copie, apri il pannello Pathfinder, fai clic sul pulsante Meno davanti e riempi con un R = 200 G = 214 B = 224 colori.
Prendi lo Strumento Ellisse (L), disegna un'ellisse con la dimensione W = 226 px e H = 244 px, riempila con un R = 211 G = 226 B = 232 colori e posizionalo in posizione, come mostrato nella foto qui sotto :
Con la forma del passaggio precedente selezionato, vai su Effetto> Stilizzazione> Sfalsa ombra. Impostare i valori mostrati di seguito e fare clic su OK.
Con la forma del passaggio precedente ancora selezionata, vai su Oggetto> Tracciato> Tracciato offset. Impostare l'offset su -2px e fare clic su OK. Ora apri il pannello Aspetto. Elimina l'effetto Ombra esterna e riempi la forma con i colori Sfumati radiali R = 40 G = 51 B = da 55 a R = 21 G = 26 B = 28.
Duplica due volte la forma del passaggio precedente. Sposta la seconda copia di alcuni pixel verso il basso e verso destra, quindi seleziona le due copie. Apri il pannello Pathfinder e fai clic sul pulsante Minus Front. Fai la stessa cosa per la parte destra della forma, quindi raggruppa le ultime due forme (Oggetto> Raggruppa) e riempili con R = 61 G = 70 B = 76 colori. Applica un Raggio di Piuma a 10 px al gruppo e fai clic su OK. Ora cambia il metodo di fusione da normale a multiplo e riduci l'opacità al 20%.
Prendi lo strumento Penna (P) e crea le forme sopra a tutti gli altri. Se le forme vanno fuori dalla forma che hai riempito con un gradiente radiale al punto 10, usa il pannello Pathfinder e il pulsante Interseca. Riempili con un gradiente lineare e applica Gaussian Blur. Cambia il metodo di fusione di ogni forma come mostrato di seguito:
Prendi lo Strumento Ellisse (L), disegna un'ellisse con la dimensione W = 105 px e H = 111 px e in posizione come mostrato nell'immagine qui sotto. Riempilo con un gradiente lineare usando i colori R = 139 G = 158 B = 156 a R = 211 G = 226 B = 232.
Duplica due volte la forma del passaggio precedente con Command + C, quindi incolla con Command + F e Command + F di nuovo. Sposta la seconda copia di alcuni pixel verso destra e quindi seleziona entrambe le forme. Apri il pannello Pathfinder, fai clic sul pulsante Meno anteriore e riempi la forma risultante con un R = 35 G = 31 B = 32 colori.
Seleziona la forma dal passaggio 13 e vai su Oggetto> Tracciato> Tracciato offset. Impostare l'Offset su -3px, fare clic su OK e riempire la nuova forma con i colori Sfumatura lineare R = 21 G = 26 B = 28 a R = 40 G = 51 B = 55.
Prendi lo strumento Penna (P) e inizia ad aggiungere forme nella posizione e nel colore mostrati sotto. Ho anche applicato Gaussian Blur ad alcuni di essi, guarda le immagini sotto per i dettagli:
Prendi lo Strumento Ellisse (L), disegna un'ellisse con la dimensione W = 58 px e H = 62 px. Ora riempilo con R = 0 G = 12 B = 15 colori. Posiziona la forma in posizione come mostrato di seguito:
Seleziona la forma dal passaggio precedente e vai su Oggetto> Tracciato> Tracciato offset. Impostare l'offset su -2px e fare clic su OK. Ora riempilo con i colori del gradiente lineare R = 85 G = 104 B = 109 a R = 75 G = 93 B = 97. Sposta la forma 1 px a sinistra.
Copia la forma del passaggio precedente usando Comando + C, quindi incolla con Comando + F. Usa lo strumento Penna (P) per creare un'altra forma sulla copia come mostrato nell'immagine qui sotto.
Ora seleziona la copia e la forma che hai appena creato. Aprire il pannello Pathfinder, fare clic sul pulsante Meno anteriore e riempire la nuova forma con i colori Sfumatura lineare R = 211 G = 226 B = 232 su bianco con opacità a 0%. Quindi cambia il metodo di fusione della forma da normale a schermo e imposta l'opacità al 70%.
Copia la forma del passaggio 18 con Command + C, quindi incolla con Command + F. Utilizza lo strumento di selezione diretta (A) per selezionare il punto chiave sinistro e inferiore. Ora premi Elimina sulla tastiera. Quindi disattiva il colore di riempimento e applica un tratto 1px con un colore bianco.
Crea due copie della forma dal passaggio 18, sposta la copia in alto a 3 px a destra, quindi seleziona entrambe le copie e apri il pannello Pathfinder. Fare clic sul pulsante Minus Front e cambiare il colore della forma risultante in R = 85 G = 104 B = 109.
Copia la forma del passaggio precedente con Comando + C, quindi incolla con Comando + F. Ora usa lo Strumento selezione diretta (A) per selezionare ed eliminare il punto chiave destro. Disattiva il colore di riempimento e applica un tratto di 1 pixel con R = 211 G = 226 B = 232 colori. Guarda l'immagine qui sotto per i dettagli di riferimento:
Seleziona tutte le forme della parte superiore della webcam e raggruppale (Oggetto> Gruppo).
In questo passaggio creeremo l'ombra della parte superiore della webcam. Per fare ciò, prendi lo Strumento Ellisse (L) e disegna un'ellisse in qualsiasi posizione tu decida meglio, quindi riempila con un colore scuro. Applica Gaussian Blur di 4px e modifica il metodo di fusione da Normal a Multiply con Opacity 50%. Ora usa lo strumento Penna (P) per aggiungere le forme mostrate qui sotto, applica anche Controllo sfocatura a Gaussian e cambia anche il metodo di fusione come mostrato di seguito:
Selezionare le forme che rappresenteranno l'ombra della parte superiore della webcam, raggrupparle (Oggetto> Gruppo), quindi inviarle sotto il gruppo della parte superiore del gruppo andando su Oggetto> Disponi> Porta indietro. Guarda la foto sotto:
Nei prossimi passi faremo l'antenna della webcam.
Prendi lo Strumento Rettangolo (M), disegna un rettangolo delle dimensioni W = 72 px e H = 332 px con angoli arrotondati di 40 px Raggio.
Con il rettangolo che hai arrotondato gli angoli per selezionare, vai su Oggetto> Espandi aspetto e riempi la forma con un Gradiente lineare come mostrato di seguito:
Seleziona la forma dal passaggio precedente e vai su Oggetto> Tracciato> Tracciato offset. Impostare l'offset su -2px e fare clic su OK. Sposta la nuova forma che appare dopo aver applicato Offset 1px a sinistra, apri il pannello Sfumatura e fai clic sul pulsante Gradiente inverso.
Con l'ultima forma creata nel passaggio precedente selezionato, vai su Oggetto> Tracciato> Tracciato offset, imposta l'Offset su -2px e fai clic su OK. Sposta la nuova forma che appare dopo aver applicato Offset 1px a sinistra e modifica i colori del gradiente.
Crea due copie dell'ultima forma usando Command + C, quindi incolla con Command + F, e di nuovo Command + F. Sposta la copia in alto di 1 pixel in basso e 1 pixel a destra. Ora seleziona entrambe le copie, apri il pannello Pathfinder, fai clic sul pulsante Meno anteriore e riempi la forma con Bianco.
Seleziona tutte le forme dell'antenna e raggruppale (Oggetto> Raggruppa). Ruota le forme del gruppo a -8 gradi e inviali dietro le forme della parte superiore della webcam applicando Oggetto> Disponi> Porta indietro.
Copia la forma del passaggio 28 con Comando + C e quindi incolla con Comando + F. Usa lo strumento Penna (P) per creare un'altra forma sulla copia come mostrato di seguito. Ora seleziona la copia e la forma che hai appena creato. Apri il pannello Pathfinder, fai clic sul pulsante Meno anteriore, riempi la nuova forma con un colore nero, quindi modifica il metodo di fusione da Normale a Moltiplica con il 20% di opacità.
Alla fine puoi aggiungere uno sfondo e un'ombra nel modo desiderato. Questo è il risultato finale:
Accentsconagua