Share
Questo tutorial ti mostrerà come realizzare un'illustrazione vettoriale del Sidekick LX. Questo tutorial utilizza principalmente lo strumento Penna, le forme base e le sfumature semplici per dare a questa illustrazione un certo grado di realismo. In questo tutorial imparerai modi rapidi per realizzare illustrazioni vettoriali stilizzate.
Per iniziare, diamo un'occhiata all'immagine che creeremo. L'immagine finale è sotto.
Ora vai su File> Nuovo, e assicurati di scegliere Web per il profilo del documento. Quindi salvare il file e denominarlo "Sidekick".
Ora che hai preparato il documento, assicurati di avere il pannello Campioni, il pannello Livelli e il pannello Strumenti aperto. Questi tre pannelli sono i pannelli più essenziali in questo tutorial.
Incolla il JPEG del Sidekick LX. Assicurati che questa immagine sia sul proprio livello e sia bloccata. Questo è estremamente importante perché il progetto finale avrà molti oggetti e questo li aiuterà a organizzarli.
Il primo passo per creare il telefono vero e proprio è quello di creare una parte posteriore che alla fine si trovi sotto lo schermo a fogli mobili. Per questo puoi semplicemente creare un rettangolo o usare lo strumento Penna.
Quindi creeremo i contorni dei vari componenti del telefono. Ho diviso il telefono in tre parti: lato sinistro, schermo e lato destro. Traccia queste tre parti con lo strumento Penna. Assicurati di curvare la maggior parte delle linee trascinando lo strumento Penna per ottenere una curva morbida, poiché qualsiasi linea retta sembrerà scomoda e innaturale.
Ora aggiungeremo la sfumatura ai due lati. Dovremo fare il gradino solo una volta; possiamo quindi copiare il gradiente e girarlo per l'altro lato. L'obiettivo per il gradiente non è quello di visualizzare una fonte di luce e creare l'illusione della profondità.
Il telefono è un oggetto a forma di globo. Il gradiente dovrebbe contenere almeno tre colori. Un colore dovrebbe essere il colore di base, il prossimo dovrebbe essere una tonalità più chiara per l'evidenziazione, e il terzo dovrebbe essere un'ombra più scura.
Il prossimo passo è creare lo schermo flip del telefono. Per questo è sufficiente utilizzare lo strumento Rettangolo arrotondato. Rendi nero il colore di riempimento senza il colore del tratto. Quindi creare l'area nera in cui verrà posizionato lo schermo.
Ora ha scelto un colore marrone opaco per rendere lo schermo LCD. Usa lo strumento Rettangolo e crea un rettangolo con un bordo nero uniforme in alto, in basso ea sinistra. Ci dovrebbe essere più spazio sul lato destro, questo è dove andrà il grande logo.
Ora duplica il rettangolo dello schermo LCD e applica ad esso un gradiente orizzontale grigio. Una volta applicata la sfumatura, impostare l'angolo a -40 °. Quindi imposta la modalità di trasferimento su Sovrapposizione e Opacità su 60%.
Crea un piccolo cerchio usando lo strumento Ellisse e applica un gradiente orizzontale grigio ad esso. Posizionalo sotto lo schermo LCD e centralo. Questo è il rilevatore di luce.
Ora progetteremo i simboli che vanno sui pulsanti. Per fare ciò, usa l'immagine del sidekick come riferimento e ricrea i simboli. Per il Menu e il Annulla simboli Ho usato lo strumento Rettangolo arrotondato. Per il Casa il simbolo ho usato lo strumento Ellisse. Per il Ritorno simbolo ho usato lo strumento penna.
Aggiungi una sfumatura con un marrone chiaro e i colori marrone di base che abbiamo usato in precedenza. Usa il colore marrone scuro per il tratto. Posiziona l'angolo in modo che la fonte di luce si trovi in alto a sinistra su "Sidekick".
Per creare il pulsante per questi simboli, utilizzare lo strumento Rettangolo arrotondato per creare una forma quadrata semplice con lo stesso tratto marrone scuro e riempimento marrone base. Duplica questo quadrato per creare un pulsante per tutti e quattro i simboli e centrare i simboli sui quadrati. Raggruppa ciascun pulsante e simbolo. Quindi posizionare i pulsanti in base all'immagine di riferimento.
Ora faremo il pulsante dell'altoparlante in argento. Usa lo strumento Rettangolo arrotondato per creare due quadrati. Uno dovrebbe essere più grande dell'altro. Applica il gradiente orizzontale grigio al quadratino. Applica lo stesso gradiente orizzontale grigio sul quadrato più grande, ma modifica l'angolo a 90 °.
Crea un piccolo cerchio con un riempimento grigio scuro e un tratto grigio. Crea quattro colonne e quattro righe dello stesso cerchio. Quindi posizionare l'altoparlante nella posizione corretta in riferimento con l'immagine "Sidekick".
Utilizzare lo strumento Rettangolo arrotondato per creare il Mic. Applica gli stessi attributi che i simboli avevano a questo rettangolo. Quindi posiziona il Mic accanto al Annulla pulsante.
Ora crea il Fine chiamata pulsante. Questo rettangolo avrà un cerchio ritagliato nell'angolo in basso a destra. Avrà anche un leggero rilievo sopra il rientro per dare un effetto estruso. È possibile utilizzare lo strumento Penna per disegnare questa forma, come mostrato di seguito. Utilizzare il Sidekick immagine come riferimento.
Ora applica una sfumatura con gli stessi colori marrone chiaro e marrone scuro. Impostare l'angolo su 139 °.
Duplica il Pulsante di fine e capovolgerlo orizzontalmente in modo che sia capovolto.
Utilizzare lo strumento penna per tracciare il Parlare e Fine simboli. Entrambi non dovrebbero avere un ictus. Colora il Parlare pulsante # 00B384 e il Fine pulsante # E46674. Posizionare entrambi i simboli negli angoli dei pulsanti.
Ora faremo il Track Ball. Usa lo strumento Ellisse per creare un cerchio. Il riempimento dovrebbe essere di colore crema e il tratto dovrebbe essere di colore marrone chiaro.
Ora aggiungi una sfumatura al cerchio. Il gradiente può essere di qualsiasi colore; Ho scelto di mantenere un gradiente di crema.
Attorno a Track Ball, crea un cerchio grande con un riempimento sfumato. Il gradiente dovrebbe essere il colore marrone chiaro usato prima e un colore marrone scuro. Sposta questo oggetto dietro il Track Ball.
Ora fai un altro cerchio e posizionalo sopra il cerchio fatto nel passaggio 23. Usa lo stesso gradiente, ma cambialo da lineare a radiale, in modo che il marrone più chiaro sia all'esterno.
Puoi vedere nell'immagine qui sotto dove sono posizionate tutte le forme che abbiamo creato. Complimenti, hai appena realizzato un telefono fantastico utilizzando gli strumenti di base e le sfumature semplici in Adobe Illustrator. Ora puoi tornare indietro e ritoccare il vettore secondo i tuoi gusti! Ho finalizzato questo design aggiungendo un marchio e un riflesso, come mostrato di seguito.
Accentsconagua