Share
Il design delle icone è un elemento essenziale nel cofanetto di qualsiasi designer. Non importa quanto sia semplice o complesso il tuo design, un'icona di bell'aspetto aiuterà quasi sempre a far crescere le cose. In questo tutorial di Photoshop mostreremo alcuni semplici passaggi per aiutarti a creare la tua icona di Psdtuts + in Photoshop. Questi passaggi possono essere facilmente modificati per produrre una famiglia di icone per il tuo sito web.
Inizia con un nuovo documento, ho usato Width - 600px, Height - 600px. Prendi lo strumento Rettangolo arrotondato (U), Raggio-20px e disegna una forma come questa, modifica la forma usando lo strumento Aggiungi punto di ancoraggio, quindi sposta i nuovi punti di ancoraggio come mostrato.
Premi Ctrl + Invio per selezionare, riempilo con il colore - # 05b4ba e poi applica una sovrapposizione sfumatura usando uno stile di livello.
Denominare questo livello "Base", Ctrl + Fare clic sulla miniatura Livello per creare la selezione. Ora creane una nuova in seguito e chiamala "Traccia esterna". Vai a Modifica> Traccia. Applicare un tratto di 8px, posizione - centro. (Puoi usare qualsiasi colore).
Ora abbiamo bisogno di creare un'ombra del livello "Outside Stroke". Per fare ciò, dovrai duplicare quel livello e trascinarlo sotto il livello "Tratto esterno" principale. Vai a Livello> Stile livello> Sovrapposizione colore. Riempi con il colore nero. Ora vai su Filtro> Sfocatura> Sfocatura gaussiana. Raggio - 0,9 px. Cambia la sua opacità al 7%. Dovresti ottenere qualcosa di simile.
Ora di nuovo Ctrl + clic sulla miniatura del livello "Base". Crea un nuovo livello e chiamalo "Glow Overlay 1". Riempi con il colore bianco e sposta la selezione verso il basso usando il tasto freccia. Hit delete. Cambia la sua opacità al 7%.
È tempo di un'altra luce splendente. Usa lo strumento Penna (P) e disegna una forma come questa. Assegna un nome a questo livello "Glow Overlay 2". Cambia la sua opacità all'11%.
Ancora Ctrl + clic sul livello "Base". Crea un nuovo layer e chiamalo "Box Glow". Riempi di bianco. Vai a Seleziona> Modifica> Contratto, contratto di 30 px. Elimina questa area. Prendi lo strumento Gomma (E), segui l'immagine successiva.
Facoltativamente, puoi aggiungere i tuoi effetti come mostrato.
Il nostro prossimo passo è dargli un aspetto vitreo. Crea un nuovo livello e chiamalo "Vetro". Prendi lo strumento Rettangolo arrotondato, Raggio - 10 px, modifica la modalità di fusione dei livelli per schiarire. Vedi le istruzioni nella prossima immagine.
Ora dobbiamo creare il bordo dell'area a tema di vetro. Disegna la stessa forma usando lo strumento Rettangolo arrotondato, premi Ctrl + Invio per selezionare, vai a Modifica> Traccia, larghezza - 1px, Posizione - Centro, colore - bianco. Cambia la modalità di fusione dei livelli in Sovrapponi. Prendi lo strumento Gomma (E). Vedi l'immagine successiva.
Ora che il testo è stato digitato, è ora di regolare alcuni dei livelli. Crea un nuovo gruppo di livelli, chiamalo "Oggetto Anteriore", quindi inserisci tutti i livelli al suo interno.
Tempo per la regolazione dei livelli. Crea un nuovo gruppo di livelli, chiamalo "Fronte oggetto" e inserisci tutti i livelli al suo interno.
Per creare il retro dell'oggetto, creeremo un nuovo livello sotto il gruppo "Oggetto Anteriore" e lo chiameremo "Oggetto Indietro", creeremo una forma usando lo strumento Rettangolo arrotondato, quindi applicheremo i seguenti stili di fusione dei livelli.
Ora è il momento di aggiungere un altro bagliore sul livello "Oggetto Indietro". Qualcosa come questo. A tale scopo, segui i passaggi illustrati nelle parti precedenti di questo tutorial.
Il nostro prossimo passo è applicare un'ombra al nostro oggetto posteriore. Vedi la seguente immagine.
Crea un nuovo gruppo di livelli, chiamalo "Oggetto Indietro" e inserisci i livelli al suo interno. Successivamente, crea l'area superiore dell'icona della cartella creando un nuovo livello sopra il gruppo "Oggetto Indietro". Chiamalo "Testa". Inizia a usare lo strumento Penna, segui l'immagine successiva.
Ctrl + Fare clic sulla miniatura del livello Head, creare un nuovo livello e denominarlo "Head Stroke", Vai a Modifica> Traccia, larghezza - 1 px, colore - bianco. Ora aggiungi un bagliore sul livello Testa, prova a crearne uno tu stesso.
Ora creeremo il nostro tag. Per fare ciò, segui le istruzioni sull'immagine sottostante.
Per creare la corda, disegnala usando lo strumento penna e applica lo Stile di fusione del foro. (Utilizzato nel passaggio 17.)
Per creare l'ombra del tag, segui i passaggi illustrati nel Passaggio 4 e cancella le aree esterne. Imposta la sua opacità al 61%.
Crea un'ombra per l'icona della cartella proprio come questa e posiziona il livello in basso.
Puoi creare una famiglia di icone usando tecniche molto simili. Grazie! Spero ti sia piaciuto questo tutorial.
Accentsconagua