Share
Nel seguente tutorial imparerai come disegnare un fischio 3D usando Adobe Illustrator. Inizieremo con una superficie 2D e creeremo una base 3D usando Extrude & Bevel. Passeremo quindi ad aggiungere sfumature e profondità stilizzate. Dai tuoi voti, mettiti in moto ... vettore!
Crea un nuovo documento premendo Cmnd + N o andando su File> Nuovo. Inserisci 600 px nelle caselle di larghezza e altezza, quindi fai clic sul pulsante Avanzate. Seleziona RGB, schermo (72ppi) e assicurati che la casella "Allinea nuovi oggetti alla griglia pixel" sia deselezionata prima di fare clic su OK.
Abilita la griglia (Visualizza> Mostra griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Ora, hai bisogno di una griglia ogni 10px. Basta andare su Modifica> Preferenze> Guide> Griglia, inserire 10 nella griglia ogni casella e 1 nella casella Sottori. Puoi anche aprire il pannello Informazioni (Finestra> Informazioni) per un'anteprima dal vivo con le dimensioni e la posizione delle tue forme. Non dimenticare di sostituire l'unità di misura in pixel da Modifica> Preferenze> Unità> Generale. Tutte queste opzioni aumenteranno significativamente la tua velocità di lavoro.
Usando lo strumento Rettangolo (M), crea una forma di 30 x 100 px, riempila di nero e apri il pannello Simboli (Finestra> Simboli). Assicurati che il tuo rettangolo nero sia selezionato, concentrati sul pannello Simboli e fai semplicemente clic sul pulsante "Nuovo simbolo". Inserire "rettangolo" nella casella Nome quindi premere il tasto OK. Il tuo nuovo simbolo dovrebbe apparire nel pannello Simboli. Passare al pannello Livelli ed eliminare il simbolo esistente.
Seleziona lo strumento Ellisse (L), crea un cerchio di 90 pixel, riempilo con il nero, trasformalo in un simbolo e chiamalo "cerchio". Infine, rimuovi il simbolo dal pannello Livelli.
Utilizzando lo strumento Ellisse (L), crea un cerchio di 120 pixel e riempilo con R = 209 G = 211 B = 212. Passare allo strumento Rettangolo (M), creare una forma di 150 x 50 px, riempirla con R = 209 G = 211 B = 212 e posizionarla come mostrato nell'immagine seguente. Seleziona entrambe le forme create in questo passaggio, apri il pannello Pathfinder e fai clic sul pulsante Unite.
Per questo passaggio avrai bisogno dello script Round Any Corner. Puoi trovarlo nell'articolo Vectortuts + 20 Free e utili script di Adobe Illustrator. Salvalo sul tuo disco rigido, torna a Illustrator e usa lo Strumento selezione diretta (A). Seleziona il punto di ancoraggio evidenziato nella prima immagine e vai su File> Script> Altro script. Apri lo script Round Any Corner, inserisci un raggio di 10px e fai clic su OK. Alla fine la tua forma dovrebbe assomigliare alla seconda immagine.
Riseleziona la forma modificata nel passaggio precedente e vai a Effetto> 3D> Estrusione e smusso. Inserire i dati mostrati di seguito, quindi fare clic sul pulsante Mappa. Vai su "Superficie 1", seleziona il simbolo "cerchio" dal menu a discesa Simbolo, ridimensionalo e posizionalo come mostrato nell'immagine seguente. Continua a concentrarti sulla finestra Map Map, vai su "Surface 6", seleziona il simbolo "rettangolo" dal menu a discesa Symbol, ridimensionalo e posizionalo come mostrato nell'immagine seguente.
Riselezionare il percorso vettoriale modificato nel passaggio precedente e andare su Oggetto> Espandi aspetto. Concentrati sul pannello Livelli, apri il gruppo risultante, esegui il drill down all'interno di tali sottogruppi e rimuovi tutti i percorsi di ritaglio.
Mantieni la concentrazione sul gruppo di forme creato nel passaggio precedente. Seleziona il percorso vettoriale evidenziato nella prima immagine, riempilo con R = 170 G = 170 B = 170 e crea una copia davanti (Control + C> Control + F). Seleziona questa nuova copia insieme alla forma inferiore, grigia (puntata dalla freccia nel secondo passaggio) e fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Separare il gruppo di forme risultante (Shift + Control + G), eliminare il percorso superiore, minuscolo (indicato dalla freccia nella terza immagine) quindi riempire la forma rimanente con il gradiente lineare mostrato nell'immagine finale.
Seleziona le forme grigie in alto evidenziate nella prima immagine e fai clic sul pulsante Unite nel pannello Elaborazione tracciati. Riempi la forma risultante con R = 140 G = 140 B = 140. Torna al pannello Livelli, seleziona l'intero gruppo e usa Maiusc + Ctrl + G fino a quando non ti sbarazzi di tutti quei gruppi e sottogruppi.
Disattiva lo snap alla griglia (Visualizza> Blocca sulla griglia) quindi vai a Modifica> Preferenze> Generale e assicurati che l'incremento della tastiera sia impostato su 1 pixel. Riselezionare il tracciato vettoriale eseguito alla fine dell'ottavo passaggio e creare due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala 3px in basso e 2px a destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Separare il gruppo di forme risultante (Shift + Control + G) ed eliminare il percorso inferiore (indicato dalla freccia nella terza immagine). Riempi la forma rimanente con il gradiente lineare mostrato nella quarta immagine e abbassa la sua Opacità al 20%. Nello screenshot sottostante, lo zero giallo del pannello Gradiente indica la percentuale di opacità.
Riselezionare nuovamente la forma e creare due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala di 1px in su. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero e abbassa la sua opacità al 10%.
Riselezionare nuovamente il percorso e creare due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala di 3px in su. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero e abbassa la sua opacità al 10%.
Riselezionare il percorso vettoriale riempito con R = 170 G = 170 B = 170 e creare due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala di 2 pixel verso il basso. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nell'immagine finale, abbassa la sua Opacità al 70% e cambia il Metodo di fusione in Luce soffusa. Nello screenshot, il numero bianco dal pannello Gradiente indica la percentuale di posizione.
Riselezionare il percorso vettoriale riempito con R = 170 G = 170 B = 170 e creare due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala 1px in alto a sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Seleziona il gruppo di forme risultante, trasformalo in un percorso composto (Oggetto> Percorso composto> Crea o Cmnd + 8) e riempilo con il gradiente lineare mostrato nell'immagine finale.
Riselezionare il percorso vettoriale riempito con R = 170 G = 170 B = 170, mettere a fuoco sul pannello Aspetto e aggiungere un secondo riempimento utilizzando il pulsante Aggiungi nuovo riempimento. Seleziona questo nuovo riempimento e sostituisci il colore piatto con il gradiente lineare mostrato sotto.
Riselezionare il percorso vettoriale riempito con R = 170 G = 170 B = 170, concentrarsi sul pannello Aspetto, aggiungere due nuovi riempimenti e utilizzare i gradienti lineari mostrati nell'immagine seguente.
Sposta fino al percorso vettoriale riempito con R = 140 G = 140 B = 140. Selezionalo e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala 1px in basso e a sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero e modifica la modalità di fusione in Luce soffusa.
Riselezionare il percorso vettoriale riempito con R = 140 G = 140 B = 140 e creare due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala 1px su e 2px a sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato sotto e modifica il suo metodo di fusione in Luce soffusa.
Riselezionare il percorso vettoriale riempito con R = 140 G = 140 B = 140 e creare due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala di 10px in su e 35px a sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato di seguito, abbassa la sua Opacità al 30% e cambia il Metodo di fusione in Luce soffusa.
Concentrati sulla parte anteriore del tuo fischietto. Seleziona quella forma grigia, crea una copia davanti (Control + C> Control + F), selezionala e attiva il pannello Aspetto. Rimuovi il colore dal riempimento e aggiungi un tratto nero di 5 pt. Allinea tratto: all'interno quindi vai a Oggetto> Percorso> Traccia contorno. Riempi il percorso risultante con il gradiente lineare mostrato sotto.
Riselezionare il tracciato vettoriale creato nel passaggio precedente e creare due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala 1px in alto a destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi i tracciati risultanti con il nero, afferra lo strumento Elimina punto di ancoraggio (-) e rimuovi i tre punti di ancoraggio puntati dalle frecce nella terza immagine. Assicurati che entrambi i percorsi neri siano ancora selezionati e cambia il loro metodo di fusione in Luce soffusa.
Riseleziona il tracciato vettoriale creato nel ventesimo passaggio e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala 1px in basso e a sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi i percorsi risultanti con il bianco. Utilizzando lo strumento Elimina punto di ancoraggio (-), rimuovere i tre punti di ancoraggio puntati dalle frecce nella terza immagine. Assicurati che entrambi i tracciati bianchi siano ancora selezionati, abbassa la loro Opacità al 70% e cambia il Metodo di fusione in Luce soffusa.
Riseleziona il tracciato vettoriale creato nel ventesimo passaggio e duplicalo (Control + C> Control + F). Seleziona questa copia insieme al percorso grigio dietro di esso e fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati.
Abilita le guide intelligenti (Control + U). Usando lo strumento Penna (P), traccia un percorso obliquo come mostrato nella prima immagine. Selezionalo insieme al tracciato vettoriale creato nel passaggio precedente e fai clic sul pulsante Dividi dal pannello Elaborazione tracciati. Concentrati sul gruppo di forme risultante, seleziona il tracciato in basso e riempilo con il gradiente lineare mostrato nella terza immagine. Passare all'altra forma, selezionarla e riempirla con il gradiente lineare mostrato nella quarta immagine.
Disabilitare le Smart Guides (Control + U). Seleziona il percorso ovale nero e sostituisci il colore piatto con il gradiente radiale mostrato nell'immagine seguente.
Riseleziona il percorso ovale e crea due copie davanti (Control + C> Control + F> Control + F). Seleziona la copia in alto e spostala 1px in alto a sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il bianco e modifica il suo metodo di fusione in Luce soffusa.
Riseleziona il percorso ovale e crea due copie davanti (Control + C> Control + F> Control + F). Seleziona la copia in alto e spostala 4px in alto a sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato sotto.
Riseleziona il percorso ovale e crea due copie davanti (Control + C> Control + F> Control + F). Seleziona la copia in alto e spostala 1px in basso a destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero e abbassa la sua opacità al 7%.
Riseleziona il percorso ovale e crea due copie davanti (Control + C> Control + F> Control + F). Seleziona la copia in alto e spostala 3px in basso a destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero e abbassa la sua opacità al 4%.
Riseleziona il percorso ovale e crea due copie davanti (Control + C> Control + F> Control + F). Seleziona la copia in alto e spostala di 8px in basso a destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero e abbassa la sua opacità al 3%.
Riseleziona il percorso ovale e crea due copie davanti (Control + C> Control + F> Control + F). Seleziona la copia in alto e spostala di 5px in alto a sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero e abbassa la sua opacità al 10%.
Seleziona il rettangolo nero e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 5px, fai clic su OK e vai su Oggetto> Espandi aspetto. Riempi la forma risultante con il gradiente lineare mostrato sotto.
Riseleziona la forma creata nel passaggio precedente e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala verso il basso di 4 pixel. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nell'immagine finale.
Riselezionare la forma creata nel passaggio 32 insieme alla forma creata nel passaggio precedente e duplicarli (Control + C> Control + F). Seleziona la prima copia e spostala 3px verso il basso. Riselezionare entrambe le copie e fare clic sul pulsante Interseca dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero, abbassa la sua opacità al 10% e cambia il metodo di fusione in luce soffusa.
Riselezionare la forma modificata nel passaggio di trenta secondi e creare due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in basso e spostala 1px in alto a destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 170 G = 170 B = 170.
Riselezionare la forma modificata nel passaggio di trenta secondi e creare due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala di 1px in su. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero e abbassa la sua opacità al 10%.
Riselezionare la forma modificata nel passaggio di trenta secondi e creare due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala di 3px in su. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero e abbassa la sua opacità al 5%.
Seleziona tutte le forme create finora e duplicale (Control + C> Control + F). Seleziona queste copie e fai clic sul pulsante Unite dal pannello Pathfinder. Riempi la forma risultante con il nero e invialo indietro (Shift + Control + [).
Riseleziona il percorso nero creato nel passaggio precedente e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la prima copia, spostala di 2px in su e 1px a destra, quindi riduci la sua Opacità al 10%. Seleziona la seconda copia, spostala 3px verso il basso e 1px verso destra, quindi abbassa la sua Opacità al 10%.
Riseleziona il tracciato del vettore nero e vai a Oggetto> Tracciato> Tracciato offset. Immettere un offset -2px e fare clic su OK. Seleziona la forma risultante e crea una copia in primo piano (Ctrl + C> Ctrl + F). Seleziona questa copia, spostala verso il basso di 8px, abbassa la sua Opacità al 25% e vai a Effetto> Sfocatura> Sfocatura gaussiana. Inserisci un raggio di 7px e fai clic su OK. Seleziona l'altra forma creata in questo passaggio, spostalo di 3px in alto a destra, abbassa Opacità al 15% e vai a Effetto> Sfocatura> Sfocatura gaussiana. Inserisci un raggio di 5px e fai clic su OK.
Riselezionare il percorso vettoriale riempito con R = 140 G = 140 B = 140, concentrarsi sul pannello Aspetto, aggiungere due nuovi riempimenti e utilizzare i gradienti lineari mostrati nell'immagine seguente.
Riseleziona il percorso del vettore nero (creato nel Passo 38) e portalo in primo piano (Shift + Control +]). Riempilo con il gradiente lineare mostrato di seguito, abbassa la sua Opacità al 50% e modifica il metodo di fusione in Moltiplica.
Riseleziona il tracciato vettoriale creato nel passaggio precedente e fai una copia indietro (Control + C> Control + B). Selezionalo, modifica il suo metodo di fusione su Colore, aumenta l'opacità al 100% e sostituisci il gradiente lineare utilizzato per il riempimento con R = 198 G = 205 B = 201.
Infine, puoi usare un colore di riempimento diverso per la forma creata nel passaggio precedente se vuoi cambiare il colore complessivo del fischietto.
Ora il tuo fischio è completo! Spero ti sia piaciuto il tutorial di oggi e puoi applicare le tecniche ai progetti futuri. Utilizzare un modello base 3D e rielaborarlo è un ottimo modo per creare disegni tecnici accurati con il tuo bagliore stilizzato.
Accentsconagua