Share
Segui questo suggerimento rapido e impara come creare un set di icone grunge. Useremo un sacco di pennelli Art e con l'aiuto del Pathfinder Panel creeremo la forma grunge. Per accentuare l'aspetto sgangherato useremo l'effetto Vetro (smerigliato) insieme ad altre apparenze.
Per prima cosa apri un nuovo documento web. Usa lo Strumento Rettangolo (M) per disegnare un quadrato di 90x90 px e assegnargli qualsiasi colore di riempimento. Copia e incolla in primo piano, elimina il colore di riempimento esistente e assegnagli solo un tratto da 1 pt. Quindi, prendi lo strumento forbici (C) e fai clic sui quattro punti d'angolo del percorso nero per tagliare il quadrato in segmenti. Ho colorato i quattro percorsi risultanti in modo diverso per poterli vedere meglio.
Selezionare il tracciato rosa e tracciarlo usando un pennello Art chiamato Charcoal-Thick che è possibile trovare nel menu Librerie pennello in Artistico> Artistic_ChalkCharcoalPencil. Usa lo stesso pennello per tracciare il percorso blu. Passare al percorso arancione e accarezzarlo con Chalk-Scribble della stessa categoria. Per il percorso verde ho usato Dry Brush 8 che si trova in Artistic> Artistic_Paintbrush. Il peso del tratto è di 1 punto per tutti. Puoi scegliere altri pennelli dalla libreria, se vuoi, non ci sono regole qui. Ho provato diversi e poi ho usato quelli che mi piacevano.
Puoi anche capovolgerli aprendo la finestra Opzioni tratto dal pannello Aspetto e controllando le opzioni Capovolgi o Capovolgi in avanti.
Copia e incolla davanti al percorso a sinistra e rimuovi il tratto di pennello esistente. Seleziona bianco come colore tratto, quindi apri il menu Librerie pennelli e vai a Artistico> Artistico_Inchiostro. Qui troverai un pennello artistico chiamato Galaxy, utilizzalo per tracciare questo percorso (1). Copia e incolla davanti al percorso in basso e usa Fire Ash per accarezzarlo (2), che puoi trovare nella stessa categoria. Il peso del tratto per questi due percorsi è 1 pt.
Copia e incolla di nuovo il tracciato in basso e accarezzalo con Dry Brush 2 che si trova in Artistic_ChalkCharcoalPencil. Cambia il peso del tratto per questo percorso a 0,5 pt (3).
Quindi, prendi lo strumento Penna (P) e traccia un tracciato nell'angolo in alto a destra del quadrato come nell'immagine sottostante. Tracciala con un pennello Art chiamato Chalk che trovi in Artistic> Artistic_ChalkCharcoalPencil e modifica il peso del tratto a 2 pt.
Nascondi tutti i tratti bianchi e concentrati sulle prime pennellate (passaggio 2). Seleziona tutti e quattro e dal menu Oggetto scegli Espandi aspetto. Seleziona tutte le forme rosa risultanti e anche il quadrato e fai clic su Aggiungi all'area della forma> Espandi dal pannello Pathfinder. Otterrai il percorso composto grunge mostrato nella prima parte dell'immagine qui sotto.
Ora, rendi nuovamente visibili tutte le pennellate bianche. Selezionate tutti e quattro quindi dal menu Oggetto scegliete Espandi aspetto e dal pannello Elaborazione tracciati scegliete Aggiungi all'area della forma> Espandi. Come risultato di queste azioni otterrete un percorso composto complesso come quello mostrato nella seconda parte dell'immagine. Selezionare entrambi i tracciati composti (questo e quello verde) e fare clic su Sottrai dall'area della forma> Espandi dal pannello Pathfinder. La forma grunge di cui hai bisogno per creare queste icone è pronta.
Riempi la forma grunge ottenuta con il gradiente radiale mostrato poi vai nel pannello Aspetto, apri il menu a comparsa e scegli Aggiungi nuovo riempimento. Cambia il gradiente con il secondo gradiente mostrato nell'esempio sotto, che ha gli stessi colori solo che sono invertiti. Avendo selezionato questo secondo riempimento nel pannello Aspetto, vai al menu Effetto> Tracciato> Tracciato offset e applica un valore di Offset di 2 pixel meno.
Con il secondo riempimento ancora selezionato, vai al menu Effetto> Distorci e applica l'effetto Vetro. Imposta i valori mostrati e man mano che la texture sceglie Smerigliato. Quindi, vai al menu Effetto> Stilizzazione e applica l'effetto Sfumatura, quindi modifica la Modalità di fusione su Luce soffusa.
Continuiamo con i simboli. Tutti i simboli che ho usato possono essere trovati nel menu Librerie Simboli nelle categorie scritte accanto a ciascuno. Trovali, trascinali tutti nell'area di lavoro e premi il pulsante Interrompi collegamento a simbolo nel pannello Simboli.
Concentrati sul simbolo Home. Dopo aver premuto il pulsante Interrompi collegamento a simbolo, vai al menu Oggetto e seleziona Separa due volte. Di conseguenza otterrai tre forme, la casa e le due finestre. Selezionali tutti e fai clic su Sottrai dall'area della forma> Espandi dal pannello Pathfinder per ottenere un singolo percorso composto.
Vai al simbolo Shopping. Seleziona Espandi dal menu Oggetto per trasformare i tratti in riempimenti e poi Separalo tre volte. Ora seleziona tutte le forme che compongono il carrello e fai clic su Aggiungi all'area della forma> Espandi per ottenere una singola forma.
Continua con il simbolo Cerca in tutto il mondo. Seleziona Espandi aspetto dal menu Oggetto, quindi espandi per trasformare tutti i tratti in riempimenti. Separalo due volte, quindi seleziona tutte le forme che compongono questo simbolo e fai clic su Aggiungi all'area della forma> Espandi per unirle tutte.
Seleziona il simbolo At e prima cancella l'effetto 3D dal pannello Aspetto. Espandilo poi Separalo due volte. Per il simbolo del fumetto di conversazione, separalo semplicemente due volte e l'effetto 3D si rimuove da solo.
Separare il simbolo Contatti ed eliminare il rettangolo grigio arrotondato. Seleziona tutte le forme e fai clic su Aggiungi all'area della forma> Espandi per ottenere un singolo percorso composto.
Continua con il simbolo Mail e Separalo per tre volte. Elimina tutte le forme bianche, quindi seleziona tutti i tratti neri ed espandi. Ora seleziona tutto e fai clic su Aggiungi all'area della forma> Espandi dal pannello Pathfinder.
Separare il simbolo Telefono due volte, quindi selezionare il rettangolo arrotondato ed eliminare il riempimento nero. Dagli un tratto nero di 1 pt, quindi vai al menu Oggetto ed espandi. Seleziona tutte le forme che compongono il simbolo e fai clic su Aggiungi all'area della forma> Espandi per unirle.
Ecco tutti i simboli ottenuti finora. Hanno dimensioni diverse, quindi ridimensionali fino a quando non sono tutti della stessa dimensione. Gli altri simboli che ho usato sono stati ottenuti come gli altri. Lo scopo qui è quello di ottenere dal gruppo di forme che compongono ogni simbolo un singolo percorso.
Torniamo alla forma dell'icona del grunge e posizioniamo il simbolo Home ottenuto al punto 7 nel mezzo. Riempi con il bianco, poi vai nel pannello Aspetto, apri il menu a comparsa e scegli Aggiungi nuovo riempimento. Cambia il colore di riempimento in grigio, quindi vai al menu Effetto> Sfoca e applica una sfocatura gaussiana di 3 px. In questo modo otterrai un'ombra discreta attorno al simbolo.
Quindi, prendi lo strumento testo (T) e digita "Home" usando un font chiamato Cataclysmic che funziona perfettamente in questo caso. Potete trovare qui. La prima icona grunge è pronta e puoi usarla per creare gli altri.
Duplica la forma dell'icona del grunge e cambia semplicemente i due gradienti radiali con quelli mostrati. Metti il simbolo At sopra di esso, riempilo di bianco, quindi crea l'ombra discreta attorno ad esso come mostrato sopra. Digita "Indirizzo" usando lo stesso carattere.
Apporta le stesse modifiche per creare l'icona Negozio ...
... e l'icona Cerca:
Ecco le quattro icone del grunge fatte finora. Se vuoi ridimensionarli, assicurati di selezionare Espandi aspetto per la forma grunge per espandere tutti gli effetti applicati. La stessa cosa vale per i simboli per espandere l'effetto Sfocatura gaussiana. Oltre al riempimento bianco, il testo ha anche un tratto bianco di 0,5 pt per renderlo un po 'più spesso, quindi è necessario espanderlo due volte. Ora sono tutti pronti per essere ridimensionati.
Se vuoi creare il resto delle icone proprio come nell'immagine finale, ecco i due gradienti radiali che ho usato per ognuno di essi. Modificali quindi posiziona il simbolo e digita il testo.
Ecco le altre due icone:
Le possibilità sono infinite. In questo set ho anche creato un'icona Documenti, Fashion, Impostazioni e un'icona Meteo utilizzando il resto dei simboli mostrati al punto 6. Puoi scegliere qualsiasi tema e colore. Puoi anche scegliere di non scrivere il testo e lasciarli semplici.
Ecco l'immagine finale, spero che ti piacciano queste icone colorate grunge.
Accentsconagua