Share
Cosa starai creandoCi sono molte ragioni per cui Adobe Illustrator è un'eccellente applicazione per la creazione di icone. Gli stessi elementi possono essere utilizzati come elementi costitutivi per garantire coerenza e accelerare il flusso di lavoro. Impara una vasta gamma di tecniche, dalla costruzione di forme di base a effetti di luce più complessi.
Una cosa importante quando si crea un set di icone è la coerenza. Non solo per stile, ma per dimensioni, prospettiva e illuminazione (per ulteriori informazioni sulla progettazione di icone efficaci, consulta questo articolo). A tal fine, otterremo un aiuto dagli effetti 3D di Illustrator nella configurazione della forma di base.
Fai clic una volta con lo strumento Poligono per creare un esagono. Può essere di qualsiasi colore.
Vai a Effetti> 3D> Estrusione e smusso. Inserisci i valori qui sotto. La profondità di estrusione può variare a seconda delle dimensioni del tuo esagono e la tua preferenza per quanto alta vuoi che siano le icone.
Vai a Oggetto> Espandi aspetto. Quindi separare le forme. Probabilmente dovrai selezionare Separare due volte. Elimina la forma superiore. Archivia le tre forme rimanenti con i gialli, come nell'immagine qui sotto. La faccia sinistra ha un riempimento sfumato, che va dal giallo medio a uno leggermente più scuro.
Scegli lo strumento Converti ancoraggio (Maiusc + C) e fai clic e trascina sul punto in alto a sinistra per arrotondare la parte superiore della forma. Tieni premuto il tasto Maiusc mentre trascini per vincolare a 90 gradi, il che manterrà il lato della matita dritto e le curve più uniformi. Puoi anche attivare le Smart Guides per aiutarti. Fai lo stesso con ogni forma, per arrotondare le cime.
Ora puoi fare clic sulle maniglie inferiori di questi punti curvi per sbarazzarti di loro. Questo non è assolutamente necessario, ma penso che crei un file più pulito.
Seleziona la forma centrale e vai su Oggetto> Percorso> Percorso offset. Scegli -4 pixel (o in base alle dimensioni della tua forma), in modo che la nuova forma sia leggermente inserita rispetto a quella originale.
Riempi la nuova forma con un gradiente lineare da bianco a nero, come nell'immagine sottostante. Nel pannello Trasparenza, modifica il metodo di fusione su schermo e imposta l'opacità a circa il 50%.
Fai una copia della faccia destra e trascinala da parte. Opzione: trascinare un'altra copia, posizionandola leggermente sotto e verso destra. Utilizza lo strumento Modellatore forme (Maiusc + M), tieni premuto il tasto Opzione / Alt e trascina per rimuovere le forme evidenziate.
Allinea la forma rimanente in cima al lato destro. Quindi, come hai fatto al punto 7, riempilo con un gradiente e modifica le impostazioni di Trasparenza.
Usa lo strumento Penna per disegnare un triangolo per la punta della matita. Attiva le guide intelligenti per posizionare il punto centrale al centro delle forme a matita.
Riempi la forma con un gradiente, come mostrato nell'immagine qui sotto. Usa lo strumento Sfumatura per inclinare leggermente il gradiente in modo da adattarlo all'angolo dei lati.
Per il piombo sulla punta, disegna un'ellisse e centrala con la forma a triangolo. Nel pannello Pathfinder, fare clic sul pulsante Dividi. Elimina l'ellisse in eccesso. È possibile utilizzare lo strumento Generatore di forme, ma in questo caso lascia troppi punti non necessari.
Crea una copia delle tre forme principali a matita. Usa Pathfinder> Aggiungi per unirli in un'unica forma. Opzione: trascina una copia sopra l'originale. Usa lo strumento Shape Builder per eliminare le forme inferiori, lasciando una sottile rasatura per la matita. Coloralo con un giallo molto chiaro e posizionalo sopra le forme a matita gialla.
Utilizzare lo strumento Generatore di forme per eliminare la sovrapposizione su ciascun lato.
Aggiungi punti salienti alla punta disegnando un triangolo sottile, come nell'immagine qui sotto. Usa lo strumento Penna e segui la curva della forma gialla. Riempi questo triangolo con un gradiente lineare, quindi regola le impostazioni di Trasparenza, come in precedenza. Fare doppio clic sullo strumento Rifletti per riflettere e copiare questa forma. Illuminare l'evidenziatore a destra, come mostrato.
Per aggiungere una dimensione, aggiungi una smussatura alla base della matita. Per prima cosa disegna un triangolo sottile che va dal bordo della forma a matita sinistra all'intersezione delle forme sinistra e centrale. L'utilizzo di Smart Guides ti aiuterà a farlo nel modo giusto. Rifletti: copia questa forma e posizionala sul lato destro.
Disegna un rettangolo lungo e sottile della stessa larghezza della forma centrale. Utilizzare lo strumento Selezione diretta (A) per spostare i punti inferiori in linea con i triangoli destro e sinistro. Ancora una volta, le Smart Guides ti aiuteranno.
Riempi le forme a smussatura con i gialli più scuri, come nell'immagine qui sotto.
La matita è finita Seleziona tutto e raggruppa.
Per una riflessione lucida, selezionare il gruppo di matite e riflettere: copiarlo sull'asse orizzontale. Con lo strumento selezione diretta, trascina i punti laterali in modo che l'angolo dei percorsi corrisponda a quello della forma originale della matita. Effettuare questa operazione su entrambi i lati.
Disegna un rettangolo e riempilo con un gradiente radiale da bianco a nero. Posizionarlo sopra la copia riflessa, come mostrato. Seleziona sia il rettangolo che la matita, vai al pannello Trasparenza, fai clic sul menu a comparsa e scegli Crea maschera di opacità.
È possibile riposizionare o modificare in altro modo la maschera facendo clic sulla relativa miniatura nel pannello Trasparenza.
La matita completata, con la riflessione:
Disegna un cerchio perfetto con lo strumento Ellisse. Puoi fare clic sulla tavola da disegno e inserire valori uguali oppure tenere premuto il tasto Maiusc mentre trascini con lo strumento. Ora, per garantire la coerenza con la matita, applica lo stesso effetto Estrusione 3D e Smusso come prima.
Sotto le opzioni Superficie nella finestra di dialogo 3D, seleziona Nessuna ombra. Espandi il cerchio 3D.
Riempi l'ovale superiore con un grigio scuro. Unisci le due metà del cilindro. Riempi questa forma con una sfumatura rossa, come nell'immagine qui sotto. Questa sarà la forma base dell'impugnatura del pennello.
Per creare la forma per il cinturino metallico, prima fai una copia dell'oggetto cilindro. Opzione / Alt trascinare un'altra copia sotto l'originale. Seleziona entrambi gli oggetti e fai clic su Dividi nel pannello Elaborazione tracciati. Quindi elimina le forme inferiori.
Disegna un ovale e allinea il suo centro con il bordo della forma appena creata. Copia l'ovale e allinea l'altro lato. Unisci queste tre forme. Riempi la nuova forma con una sfumatura metallica. Per accedere ai gradienti di metallo, fai clic sul menu Librerie Swatch nella parte inferiore del pannello Campioni e vai a Gradienti> Metalli.
Crea un punto culminante per il bordo superiore del metallo nello stesso modo in cui hai creato la banda metallica. Iniziando con una copia dell'ellisse superiore, trascina la copia, Dividi, quindi elimina l'eccesso.
Gran parte di questo tutorial riguarda la creazione di forme da forme esistenti, come nel Passaggio 3. Crea una copia della forma di banda metallica appena creata. Usa lo strumento Forbici (C) per tagliare il percorso, come nell'immagine qui sotto. Scarta la sezione centrale, lasciando solo due percorsi curvi.
Posiziona i percorsi sopra e sotto i "rigonfiamenti" sulla fascia di metallo. Potrebbe essere necessario regolare i percorsi con lo strumento Penna.
Una volta posizionati i percorsi curvi, espanderli (Oggetto> Percorso> Corsa contorno). Ingrandisci ed elimina le forme in eccesso con lo strumento Generatore di forme (Maiusc + M). Tenere premuto Opzione / Alt per rimuovere le forme.
Riempi i tratti espansi con lo stesso gradiente di metallo. Nel pannello Trasparenza, cambia il metodo di fusione in Moltiplica. La banda metallica finita (tecnicamente nota come "ghiera") è sotto.
Come hai fatto per l'evidenziazione del bordo nel Passaggio 5, crea una forma per un'ombra sotto la ghiera. Riempi con un rosso scuro e modifica il metodo di fusione in Moltiplica.
Per una maggiore profondità, crea una fascia larga sopra la maniglia del pennello. Crea una copia della forma della maniglia. Con lo strumento Selezione diretta, selezione: seleziona i punti più in alto e spostali verso il basso. Seleziona i punti in basso e spingili verso l'alto.
Riempi la band con una sfumatura in bianco e nero, come nell'immagine qui sotto. Cambia il metodo di fusione in schermo e l'opacità a circa il 70%.
Come hai fatto con la matita, crea una forma più scura sotto il cilindro per un po 'di profondità in più. La maniglia del pennello finito è sotto.
Per le setole del pennello, disegna un'ellisse un po 'più larga di quanto sia alta. Utilizza lo strumento Gomma (Maiusc + E) e ritaglia una sezione per formare un suggerimento, come nell'immagine qui sotto. Potrebbe essere necessario semplificare il percorso se è troppo mosso. Vai a Oggetto> Tracciato> Semplicemente per smussarlo.
Riempi questa forma con un gradiente a tre stop come mostrato.
Vai a Oggetto> Percorso> Percorso offset. Inserisci un valore negativo per creare una versione più piccola della forma. Riempi con il colore più chiaro dal gradiente sopra. Cambia il metodo di fusione su schermo e riduci l'opacità al 20%. Ora spostalo un po '.
Disegna un piccolo percorso leggermente curvo. Cambia il suo profilo di larghezza nel menu a discesa nella barra di controllo.
Fai diverse copie di questo tratto, quindi ridimensiona e posizionale come mostrato. Vai a Oggetto> Espandi aspetto. Spesso, questo si traduce in troppi punti su un percorso, quindi vai su Oggetto> Percorso> Semplifica.
Seleziona tutti questi oggetti e riempi il set con una sfumatura lineare in bianco e nero. Posizionare sopra la forma a setole. Cambia il metodo di fusione in Moltiplica e riduci l'opacità.
Disegna una forma triangolare curva per evidenziare. Oppure copia uno dei tratti dall'alto e modificalo. Cambia il metodo di fusione su schermo e riduci l'opacità al 60%. Rifletti: copia questa forma e posizionala sull'altro lato.
Crea una nuova forma copiando la forma della setola principale, quindi disegnando un'ellisse, come nell'immagine sottostante. Dividi i due nel pannello Pathfinder. Prendi la forma inferiore e posizionala sopra le setole. Riempi con l'arancione e modifica il metodo di fusione in Moltiplica.
Per la vernice stessa, selezionare la forma della setola principale e sfalsarla di 2 pixel. Prendi questa nuova forma e crea alcuni gocciolamenti organici cancellando la forma con lo strumento Gomma.
Riempi la forma della pittura con una sfumatura che va da un colore a una tinta dello stesso colore.
Offset questa forma di 2 o 3 pixel negativi. Riempi la nuova forma con una sfumatura del rivestimento da nero a grigio e modifica il metodo di fusione su schermo.
Offset del secondo percorso e, se necessario, semplificarlo. La tua flebo dovrebbe assomigliare all'immagine qui sotto.
Proprio come hai fatto nei passaggi 17 e 18, disegna piccoli percorsi curvi per le alte luci sulla flebo. Applica lo stesso profilo di larghezza di prima. Cambia il loro metodo di fusione su schermo e l'opacità al 60%.
La ragione per usare questo metodo, piuttosto che i tratti colorati e una normale sfumatura di colore, è che puoi cambiare il colore sottostante senza dover cambiare ogni forma in cima. Quindi, se decidi di volere la pittura viola, ad esempio, tutto ciò che devi fare è cambiare il riempimento dell'oggetto in basso.
Crea un'ombra per la "pittura" compensando la forma di base, quindi usando quella nuova forma come l'ombra. Cambia il suo colore in marrone e il suo metodo di fusione in Moltiplica. Cancellare qualsiasi parte appesa sopra la parte superiore o sui lati. Posiziona la vernice sull'ombra.
La punta del pennello completata dovrebbe apparire come l'immagine qui sotto.
Raggruppa tutti gli elementi della punta del pennello e posizionalo dietro la maniglia del pennello. Ridimensionalo se necessario in modo che appaia come se fosse collegato. L'ovale scuro dovrebbe andare dietro la punta del pennello, per avere la sensazione che le setole siano inserite nell'impugnatura.
Poiché il pennello è rotondo, possiamo imbrogliare un po 'il riflesso, piuttosto che usare il metodo Opacity Mask. Crea un rettangolo della stessa larghezza dell'impugnatura del pennello. Riempilo con un gradiente radiale a tre punte, che passa dal rosso al rosso chiaro al bianco (o trasparente). Il trucco consiste nel posizionare il centro del gradiente ben al di fuori del centro del rettangolo, come nell'immagine sottostante.
Posiziona il rettangolo dietro il pennello e allinearlo alla maniglia del pennello. Sposta in alto o in basso se necessario. Il pennello è ora completo.
Fai una copia del manico del pennello, meno la fascia di metallo. Cambia il gradiente rosso in nero e grigio scuro. La band schermata rimane la stessa.
Posiziona i punti su entrambi i lati usando lo strumento Aggiungi ancoraggio (+). Aiuterà a disegnare una guida in modo che i punti siano posizionati allo stesso livello. Spostare ciascun punto verso il centro ad uguale distanza. Di solito faccio semplicemente clic sui tasti freccia destra e sinistra, contando il numero di clic.
Usa lo strumento Converti ancoraggio per rendere i lati curvi. Infine, sposta i punti sulla banda schermata per allinearli alla nuova forma.
Come hai fatto durante il tutorial, copia l'ovale in alto e usalo per creare una nuova forma per il bordo. Riempilo con una sfumatura radiale, come nell'immagine qui sotto.
Disegna una nuova forma ovale e centrala su quella esistente. Riempi con un gradiente da grigio a nero come mostrato, per dare l'illusione della profondità.
La maniglia della penna completata è sotto.
Per costruire il pennino, usa lo strumento Penna e traccia un percorso con tre punti, come nell'immagine a sinistra. Prendi lo strumento Converti ancoraggio e trascina i punti superiore e inferiore per creare i lati curvi. Attiva le guide sensibili per limitare il trascinamento a 90 °.
Rifletti: copia questo percorso, poi unisciti ai punti come nell'immagine sottostante.
Disegna un rettangolo verticale sottile e un'ellisse. Centrali con la forma del pennino principale. Seleziona tutto e premi Meno davanti nel pannello Elaborazione tracciati.
Riempi la forma del pennino con un gradiente metallico. Ho usato il campione Gold predefinito, quindi reso i colori più luminosi e più saturi.
Per dare al pennino un po 'di dimensione, trascina Opzione per trascinare una copia. Riempi con un oro profondo e spediscilo dietro l'originale.
Allinea i punti in alto, come nell'immagine qui sotto. Sposta i punti laterali in modo che siano in linea con l'originale.
Crea una copia della forma del pennino e usala per creare nuovi percorsi. Taglia il percorso nei punti indicati di seguito. Scarta tutti i segmenti tranne quelli evidenziati.
Posiziona questi percorsi evidenziati sopra il pennino dorato. Cambia i loro profili di corsa e regola i punti in modo che si allineino alla forma del pennino principale.
Normalmente una penna verticale non viene riempita di inchiostro, ma ne mettiamo un po 'per contrasto. Disegnare una forma nera e inviarla dietro il pennino, come mostrato.
Quindi disegna due ellissi per la goccia d'inchiostro. Quello superiore è riempito con una sfumatura di rivestimento come evidenziazione.
Molti pennini presentano una sorta di incisione decorativa. Trova un ornamento o un altro elemento. Ci sono tonnellate sul Web per il download. Ecco una lista di grafiche ornamentali da diverse fonti.
Crea una disposizione simmetrica con il tuo ornamento. Cambia la modalità di fusione in modo che il gradiente venga visualizzato.
La parte inferiore del pennino deve essere allineata con l'ovale superiore sulla base, quindi sembrerà incastrata. Pertanto il fondo deve essere curvo. Crea una copia dell'ovale in alto e trasformala in una guida (Visualizza> Guide> Crea guide).
Allinea la parte inferiore del pennino con il fondo della guida. Aggiungi un punto alla parte inferiore della forma del pennino, quindi utilizza lo strumento Converti ancoraggio per renderlo curvo.
Seleziona il pennino e l'ovale in alto. Opzione / Alt trascinare per creare una copia di entrambi gli oggetti. Vai al pannello Pathfinder e scegli Dividi. Elimina tutto tranne la forma inferiore, che verrà utilizzata come ombra.
Posiziona la forma dell'ombra sopra il pennino. Riempi con un oro massiccio e modifica il metodo di fusione in Moltiplica.
Allineare il pennino, con l'ombra, sulla base. Crea una copia del riflesso dal pennello e modifica la sfumatura in sfumature di nero. La penna completata è sotto.
Illustrator è l'ideale per creare icone. I percorsi e gli oggetti vettoriali possono essere copiati, ritagliati e riutilizzati all'infinito, senza degradare. Lavorare con i building block in questo modo garantisce forme coerenti e file puliti. Risparmia anche tempo - chi vuole disegnare lo stesso percorso più e più volte?
Accentsconagua