Share
In questo tutorial imparerai come creare una divertente icona vettoriale di un simbolo di persone, congelata in un cubetto di ghiaccio, da zero. Esploreremo l'utilità degli strumenti 3D di Adobe Illustrator. L'intera creazione può essere divisa in due parti differenti. Parte I: Il cubetto di ghiaccio e questa Parte II: L'icona della gente. Creeremo l'icona della gente e li integreremo insieme in questa parte II. Andiamo ad esso!
Di seguito l'immagine finale su cui lavoreremo nella parte II di questo tutorial in due parti. 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.
Iniziamo disegnando le forme principali per la nostra gente. Faremo un cerchio per la testa e quindi creeremo una forma ruvida per il busto, proprio sotto quella forma.
Ora coloreremo le forme. Seleziona il cerchio, riempi il cerchio con un colore solido e rimuovi il bordo.
Ora seleziona il busto. Fare clic sulla scheda Gradiente, posizionare il tipo di gradiente come Lineare. Ora puoi vedere il gradiente nero e bianco predefinito applicato alla forma.
Cambia il gradiente con i colori di tua scelta, usando i cursori sfumatura. Ho fatto un gradiente da blu chiaro a blu scuro.
Ora seleziona la forma. Afferra lo strumento Sfumatura, modifica l'angolo del gradiente trascinando lo strumento dall'alto verso il basso della forma del busto. Inoltre, rimuovi il contorno.
Ora disegna il colletto e la cravatta. L'ho disegnato molto grosso modo. Riempi la cravatta con un colore rosso fisso e rimuovi il contorno.
I collari devono avere colori simili a quelli della camicia. Quindi, seleziona la forma del colletto, quindi con lo strumento contagocce scegli il gradiente dalla forma del busto. Ora regola la sfumatura per i collari.
Ora abbiamo finito con la forma di base. Raggruppiamo il colletto e leghiamo insieme. Per questo selezionare i colletti e legare insieme. Quindi fai clic con il pulsante destro del mouse sulla selezione e seleziona Raggruppa dal menu (o premi semplicemente Comando + G). E la selezione sarà raggruppata. Assegna un nome al gruppo "tie_collar". Analogamente, unisci la testa e il busto a un gruppo e chiamalo "corpo".
Nascondi il gruppo "tie_collar" per ora. Seleziona il gruppo "corpo", quindi applica Effetto> 3D> Estrusione e smusso.
La casella di opzione si aprirà. Per prima cosa, attiva la casella di controllo Anteprima facendo clic su di essa. Ora basta trascinare e ruotare il cubo e vedere la modifica nell'icona. Gioca con i parametri e crea l'angolo per l'icona come preferisci. Ho mantenuto le impostazioni come mostrato nell'immagine.
Basta non dimenticare di fare una cosa specifica, e cioè: apri la finestra delle opzioni avanzate facendo clic sul pulsante Altre opzioni. Quindi modifica il valore Blend Step a 1. Ciò influenzerà comunque l'ombreggiatura dell'icona, ma tutto ciò di cui abbiamo bisogno è solo l'informazione di forma 3D estrusa, non l'ombreggiatura. Quando hai finito, fai clic su OK. E quali che siano i valori che hai messo li tenga notato da qualche parte, poiché avremo bisogno di quei valori più tardi.
Ora quando selezioni nuovamente il gruppo, puoi vedere se l'aspetto dell'oggetto è cambiato, ma i percorsi e i punti di ancoraggio sono sempre gli stessi di prima. E in questo modo non possiamo più modificare l'aspetto grafico. Quindi seleziona il gruppo, quindi vai a Oggetto> Espandi aspetto.
La forma 3D è ora suddivisa in un gruppo di forme raggruppate. Anche se abbiamo bisogno delle informazioni sulla forma, ma ci sono ancora molte forme indesiderate che dovremmo rimuovere e conservare solo le forme utili. Quindi dobbiamo prima separarli. Per fare ciò, fare clic con il tasto destro del mouse sul gruppo selezionato e selezionare Separa. Continua a ripetere questo processo fino a quando tutti i gruppi non se ne sono andati. Noterai che ci sono molti gruppi nidificati all'interno del gruppo principale. Dovremo separarli tutti.
Se osservi da vicino tutti i gruppi e i livelli, noterai che ci sono alcuni gruppi che contengono percorsi di ritaglio al loro interno, che non possono essere separati facilmente. Anche il gradiente blu frontale è diventato un'immagine rasterizzata. Ora che tutte le forme sono confuse in una disposizione disordinata e in una gerarchia, è diventato molto necessario organizzarle correttamente per una facile navigazione attraverso gli strati.
Elimina tutti quei tracciati di ritaglio, le forme nascoste al di sotto e anche il gruppo dell'immagine del gradiente rasterizzato. Questo stadio potrebbe rivelarsi irritante (come è successo a me). Ma questo ci avvantaggerà in futuro.
Dopo la pulizia ci saranno solo pochi strati rimanenti.
Anche le forme che hanno troppi punti di ancoraggio all'interno dovrebbero essere semplificate. Seleziona tale forma e poi vai su Oggetto> Tracciato> Semplifica.
Quando si apre la finestra di dialogo, attiva Anteprima. Quindi inserisci i valori, come mostrato nell'immagine sottostante, e fai clic su OK.
Seleziona insieme le forme di estrusione della parte di testa e unisciti a loro utilizzando il pulsante Aggiungi nella scheda Pathfinder. Ora fai clic sul pulsante Espandi per semplificare la forma.
Ora c'è un piccolo spazio visibile tra la testa e il busto. Risolvilo aggiungendo punti di ancoraggio aggiuntivi, quindi elimina i punti indesiderati e modifica le tangenti. Infine, regola la forma ovale di conseguenza.
Attiva il livello "tie_collar". Quindi selezionare la forma frontale del busto. E scegli la sfumatura dalla forma della cravatta. Inoltre, regola la posizione del gradiente.
Nascondi di nuovo il livello "tie_collar". Metti il gradiente sull'estrusione e regola lo stesso.
Ridurre la trasparenza dell'estrusione al 75%. Seleziona le forme frontali della testa e del tronco. Seleziona anche i livelli nella scheda dei livelli. Fai clic sul piccolo pulsante del menu nell'angolo in alto a destra della scheda, come mostrato di seguito. Ora seleziona l'opzione Duplica selezione dal menu.
Ora ci sono due serie di forme di testa e busto. Nascondere il set superiore, trascinare i livelli dietro i livelli di estrusione e posizionarli allineando i bordi posteriori dell'estrusione, in modo che riempiano il lato posteriore cavo dell'icona 3D.
Scopri il set in alto e duplicali di nuovo. Selezionandoli insieme, rendere il colore del contorno bianco e rimuovere il colore di riempimento. Ciò fornirà un bordo sottile all'icona.
Seleziona la forma del busto frontale e riduci l'opacità al 75%.
Ora seleziona la forma ovale della "testa". Aggiungi un gradiente radiale che va dall'arancione al bianco, come mostrato di seguito. Posiziona la sfumatura in modo tale che il punto più luminoso appaia verso un bordo, che dia il volume della forma.
Duplica il livello. Metti un altro gradiente su quel livello come mostrato.
Imposta la modalità di fusione su Moltiplica e riduci l'opacità all'80%.
Ora seleziona l'estrusione laterale per la testa. Cambia leggermente il colore di base in modo che si gelifichi bene con la testa.
Duplica il livello e aggiungi una sfumatura come quella mostrata sotto.
Cambia la modalità di fusione in Moltiplica e riduci l'opacità al 65%.
Ora rendiamo la testa lucida. Selezionare la forma della testa ovale frontale e duplicarla.
Con lo strumento Penna disegna una forma, tale che, rende e S digitare la curva al centro dell'ovale. Non preoccuparti per il colore di questa forma.
Seleziona l'ovale duplicato e la forma insieme. Usando lo Strumento Pathfinder interseca le aree di forma per estrarre quell'area dalle forme. Premi il pulsante Espandi. Ora abbiamo la forma desiderata.
Schermate il livello con Opacity impostato al 65%. Regola la sfumatura e il suo colore se vuoi.
Allo stesso modo tagliare un'altra forma come mostrato. Posiziona anche un gradiente luminoso.
Moltiplicare il livello con Opacity impostato su 60%.
Trascina il livello sotto il precedente S digita il gradiente, quindi sembra sottile e non influenza direttamente quel livello.
Ora utilizzeremo alcuni gradienti in scala di grigio (da nero a bianco) per creare i riflessi. Quindi ripetiamo nuovamente il processo precedente e interseciamo una forma. Metti un gradiente da nero a bianco su di esso e regolalo come preferisci.
Schermala con un'opacità del 30%.
Continua ad aggiungere tali riflessioni a tuo piacimento. Dipende totalmente dalla tua scelta creativa. Mi sono fermato in uno stadio mostrato nell'immagine qui sotto.
Se ritieni che i livelli siano diventati troppo disordinati, raggruppa le forme in modo logico e assegna un nome ai gruppi, quindi tutto torna organizzato.
Utilizza anche questi riflessi del gradiente in scala di grigi per la parte del tronco. Non sto descrivendolo questa volta rendendo ogni forma di riflessione. Ti dirò subito cosa ti è venuta in mente. Ti suggerisco di sperimentare con diversi tipi di forme e sfumature quanto vuoi.
Ora attiva il livello "tie_collar". Trascina il livello in alto, in modo da poter visualizzare facilmente le modifiche che vengono eseguite.
Quindi vai su Effetto> 3D> Ruota. Quando si apre la finestra di dialogo, inserisci gli stessi valori che hai usato per il livello "corpo". Vedi nell'anteprima che gli angoli si abbinano perfettamente ora ma la posizione è diversa. Fai clic su OK per applicare. Questo è il motivo per cui ho notato i valori l'ultima volta.
Vai a Oggetto> Espandi Aspetto, come abbiamo fatto in precedenza. Questo convertirà l'oggetto in forme raggruppate. Ora sposta il gruppo nella posizione corretta.
Facciamo anche alcune riflessioni sul pareggio. Crea le forme e le sfumature che vuoi e impostale sulla modalità Schermo.
La cravatta sembra lucida ma piatta. Useremo un piccolo piccolo trucco per farlo apparire un po ' 3D. Offset un po 'gli strati, come mostrato nell'immagine. Questo dà all'illusione una spessa superficie vetrosa.
Formare una forma nitida come mostrato di seguito. Metti un gradiente radiale di rosso a bianco. Mantenerlo opaco al 100%.
Ciò creerà un'impressione di un bordo di vetro affilato che riflette e splende luminoso.
Quando hai finito, seleziona tutti i livelli relativi alla legatura e poi raggruppa pure, quindi raggruppalo di nuovo e metti questo gruppo sotto il gruppo "testa".
Finalmente è tutto fatto! Aggiungeremo un ultimo pezzo di gemma per completarlo. Aggiungiamo bruschi piccoli dettagli in cima alla grafica. Quindi, crea una solida forma ellittica bianca, rendilo molto piccolo.
Sfocatura ad una quantità di 3.0. Impostare la modalità di fusione su Schermo.
Ora continua a duplicare il livello, ridimensiona, ruota, cambia opacità e metti piccoli bagliori ovunque desideri. Proprio come un suggerimento, vorrei menzionare la mia preferenza, che ai bordi questi punti salienti sembrano buoni. Puoi vedere come li ho applicati qui sotto.
Finalmente abbiamo finito con questa parte. Trascina: seleziona l'intera icona e raggruppala. Assegna un nome al gruppo "Icona persone".
Ora finiamo questo incorporando il nostro simbolo di persone all'interno del ghiaccio, che finalizzerà la nostra icona.
Ora abbiamo il "cubetto di ghiaccio" e il "popolo_icon", quindi cerchiamo di tenerli insieme nello stesso file (se li hai fatti in file diversi). Disporli in modo che "people_icon" si trovi in cima al "cubetto di ghiaccio".
Ridimensiona l'icona in modo tale che si adatti al cubo.
Duplica il gruppo "people_icon" e porta il nuovo livello di gruppo dietro quello vecchio. Ridimensionatelo un po ', quindi posizionatelo come mostrato. Riduci l'opacità al 75%. E infine selezionare entrambe le icone insieme, basta riposizionarle in modo che siano visibili e centrate.
Crea una forma rettangolare nella parte inferiore di un'area dell'icona. Metti un colore ciano scuro su di esso. E assicurati di portare giù questo livello sotto l'icona, ma sopra la "parte posteriore" del cubetto di ghiaccio. Questo fungerà da ombra dell'icona sul pavimento interno del cubo.
Sfocare la forma con una quantità di 25. Impostare la modalità di fusione su Moltiplica e alla fine ridurre l'opacità al 35%. E abbiamo finito!
Ecco l'ultimo sguardo della nostra icona divertente di persone congelate sul ghiaccio. Opzionalmente puoi aggiungere un'ombra anche sotto il cubetto di ghiaccio, ma ti lascerò a te.
Iscriviti al feed RSS di Vectortuts + per rimanere aggiornato con le ultime esercitazioni e articoli vettoriali.
Accentsconagua