Share
In questo tutorial useremo una combinazione di strumenti 3D e Illustrator per creare un'icona di primo soccorso. Puoi utilizzare le tecniche che impari in questo tutorial per creare icone di caselle arrotondate realistiche a tua scelta. Funziona bene per icone complesse di grandi dimensioni e si adatta bene alle dimensioni.
Di seguito è l'immagine finale su cui lavoreremo. 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.
Aprire un nuovo documento e selezionare lo strumento Rettangolo (M). Crea un rettangolo e riempilo di rosso.
Arriva all'effetto> Stilizzazione> Angoli arrotondati e applica un raggio di 30 pt al rettangolo. Vai a Oggetto> Espandi aspetto. Questo applicherà gli angoli arrotondati. Crea una copia della forma, poiché ne avremo bisogno in seguito.
Ora vai su Effect> 3D> Extrude & Bevel e applica le impostazioni che vedi nell'immagine qui sotto. Assicurati di aggiungere un'evidenziazione extra e uno smusso.
Vai a Effetto> Stilizzazione> Sfalsa ombra e scegli le impostazioni che vedi nell'immagine qui sotto.
Crea un rettangolo riempito di grigio. Questo diventerà la croce per l'icona del primo soccorso. L'ho riempito di grigio per ora, ma dopo lo cambieremo in bianco.
Seleziona il rettangolo, premi Comando + C + F (questo verrà incollato sopra l'oggetto) e poi selezionalo con lo Strumento selezione (V) e ruotalo di 45 gradi.
Seleziona i due rettangoli e applica l'opzione Unisci nella Tavolozza degli itinerari.
Applicare un altro effetto angolo rotondo (vedere il Passaggio 2) e impostare il raggio su 12pt.
Una volta espansa la forma (Oggetto> Espandi aspetto), riempila con il bianco.
Con la croce ancora selezionata, apri la palette dei simboli e trascina la croce su di essa. Chiamalo "Croce" e imposta il tipo su Grafica.
Torna alla casella rossa e apri la tavolozza Aspetto. Qui, fai doppio clic sul livello 3D Estrusione e smusso per modificare l'effetto. Nella finestra pop-up, fai clic su Map Art, scegli "surface 1" e seleziona "Cross" che abbiamo appena aggiunto nella tavolozza dei simboli. Mettilo al centro della parte superiore della scatola.
Questo è ciò che abbiamo finora per l'icona di primo soccorso.
Creiamo l'illusione di una separazione nella scatola, quindi sembra che abbia una parte superiore e una parte inferiore che si apre. Prendi la copia del rettangolo che abbiamo creato nel passaggio 2 e imposta il riempimento su none e il tratto su 1pt rosso.
Seleziona l'oggetto e vai su Oggetto> Percorso> Traccia contorno.
Applicare le stesse impostazioni di estrusione e smusso 3D dal passaggio 3, ma non aggiungere alcuna smussatura e impostare la profondità di estrusione su 5pt.
Crea un rettangolo e riempilo con un gradiente dal bianco al nero. Posizionalo sopra il rettangolo che abbiamo appena creato. Assicurati di impostare la direzione del gradiente come vedi nell'immagine qui sotto. Aggiungeremo una maschera di opacità e il nero nasconderà l'oggetto e il colore bianco lo mostrerà.
Seleziona l'oggetto e il gradiente e vai alla tavolozza della trasparenza e clicca sulla piccola freccia a destra e applica la maschera di opacità.
Questo è come dovrebbe essere.
Ora sposta l'oggetto sopra la scatola.
Andiamo alle clip della scatola. Crea tre forme simili come vedi nell'immagine qui sotto. Questi oggetti sono abbastanza facili da creare. Riempili con il grigio e l'oggetto composto con una sfumatura dal nero al bianco.
Applicare di nuovo un 3D Extrude & Bevel.
Una volta applicato l'effetto 3D su tutti e tre gli oggetti, spostali insieme. Questi tre oggetti costituiscono la clip per la scatola del pronto soccorso.
Raggruppa le tre forme (Comando + G) e creane una copia. Quindi posizionali sulla parte anteriore della scatola del pronto soccorso.
Ultimo ma non meno importante, crea una forma con lo strumento Penna (P) e riempila con un gradiente lineare da bianco a grigio a bianco. Posizionalo sopra la scatola e imposta Opacity nella palette Trasparenza all'80%. Questo sarà il momento saliente dell'icona del primo soccorso.
Questa è l'immagine finale. Creo una versione 384px, 192px, 64px e 32px. Anche piccolo come 32px, l'icona di primo soccorso è riconoscibile fino a quando. Spero ti sia divertito a creare questa piccola icona.
Iscriviti al feed RSS di Vectortuts + per rimanere aggiornato con le ultime esercitazioni e articoli vettoriali.
Accentsconagua