Share
Il design delle icone può essere sia divertente che stimolante. Nel tutorial di oggi dimostreremo come creare due tipi di icone. Il primo tipo di icona che impareremo a creare è una scatola di cartone grungy. Creeremo quindi tre icone lucide in stile Adobe e le posizioneremo all'interno della scatola. Iniziamo!
Innanzitutto, disegna un rettangolo. Quindi trasformalo (Cmd + T) come mostrato di seguito. Per fare ciò, seleziona la casella in basso a destra Trasforma e tenendo premuto Cmd + Maiusc + Alt, trascinalo sul lato sinistro.
Aggiungi uno stile di sovrapposizione di sfumatura per la forma che abbiamo creato sopra. Seleziona Colore scuro - # ab6808 / Colore chiaro - # f8bf5b e imposta gli altri parametri come mostrato di seguito.
Aggiungiamo un po 'di sporco alla scatola. Per fare ciò devi trovare una texture "vecchia carta" da Internet. Ora posizionalo davanti al nostro rettangolo, ridimensionalo (se necessario). Quindi mentre selezioni il livello trama, fai una selezione del rettangolo. Inverti la selezione (Cmd + Shift + I). Quindi premere Elimina (assicurarsi di trovarsi nel livello trama). Ora abbiamo fissato la dimensione della texture per il nostro rettangolo, cambia il metodo di fusione della texture in Luce soffusa.
Per renderlo più realistico possiamo aggiungere alcuni adesivi alla scatola. Puoi facilmente trovarne da Internet. Cambia il metodo di fusione degli adesivi su Luce intensa. Vedi l'immagine qui sotto.
Ora realizzeremo il coperchio della scatola per la parte anteriore. Crea un rettangolo e posizionalo e ridimensionalo esattamente come nell'immagine qui sotto. Applicare uno stile di sovrapposizione a gradiente per questo. Usa un colore rosato per la parte superiore (#ffdcaf) e un po 'di colore giallastro (# ffdc8e) per la parte inferiore. Impostare gli altri parametri come mostrato di seguito.
Quindi fai un duplicato da esso. Posizionalo dietro quello originale. Disabilita gli stili di livello di esso. Cambia il colore in Grigio (# 515151).
Ora aggiungeremo della sporcizia sul coperchio della scatola. Fare riferimento a "passaggio 3" per questo. Ma cambia il metodo di fusione in Scurisci e imposta l'opacità al 57%.
Aggiungiamo un'ombra al coperchio della scatola. Per fare ciò, crea un nuovo livello, posizionalo sotto il coperchio della scatola anteriore. Effettua una selezione usando lo strumento Selezione rettangolare (intorno all'area in cui desideri l'ombra). Con lo strumento Sfumatura fai una sfumatura dall'alto verso il basso (nell'area selezionata). I colori sono, in alto - # 515151 / inferiore - Trasparente. Trasformalo come mostrato di seguito e imposta il metodo di fusione su Luce lineare. Imposta l'opacità all'81%.
Seleziona il primo rettangolo che abbiamo creato e creane un duplicato. Ridimensiona e posizionala come mostrato di seguito. Non c'è bisogno di cambiare il gradiente.
Ora aggiungiamo un po 'di sporco. Ancora una volta, fare riferimento a "passaggio 3". Cambia il metodo di fusione in Moltiplica e imposta l'opacità al 34%.
Seleziona la mappa texture che abbiamo appena creato. Duplicalo. Aggiungi Maschera livello (Livello> Maschera livello> Mostra tutto). Con lo strumento Gradiente disegna una sfumatura come mostrato nell'immagine qui sotto. (Rotondo con cerchio rosso). Imposta l'opacità al 34%.
In questo passaggio realizzeremo la cover del back box. Il processo è lo stesso dei passaggi 5, 6 e 7.
Ora realizzeremo la copertina della scatola laterale destra. Seguire di nuovo i passaggi 5, 6 e 7, ma modificare l'angolo di sovrapposizione del gradiente a 171 gradi come mostrato di seguito.
Per creare il coperchio della scatola sul lato sinistro, seleziona tutti i livelli creati nel passaggio precedente. Duplicali e trasformali come mostrato di seguito.
In questo passaggio riempiremo lo spazio vuoto con alcuni rettangoli. Innanzitutto, riempi il lato destro, quindi disegna un rettangolo e trasformalo come mostrato di seguito. Crea un gradiente utilizzando gli stessi passaggi descritti in precedenza.
Aggiungi anche la mappa della sporcizia. Cambia il metodo di fusione in Moltiplica. Imposta l'opacità al 61%.
Aggiungiamo un po 'di ombra. Aggiungerà un po 'di profondità al grafico. Questo processo è identico a "passaggio 8" (avvia il gradiente dal basso). Imposta anche il metodo di fusione su Differenza. Imposta l'opacità al 75%.
Fai la stessa cosa anche alla parte sinistra vuota.
Aggiungi un po 'di ombra alla zona centrale.
Aggiungiamo un'ombra esterna alla nostra scatola. Per fare ciò, disegna un rettangolo (come mostrato sotto). Rendilo nero. Imposta l'opacità all'88%. Aggiungi un Gaussian Blur ad esso. (Filtro> Sfocatura> Sfocatura gaussiana).
Ecco la nostra scatola finale.
Ora che abbiamo finito con la nostra scatola, iniziamo con le nostre icone Adobe. Per iniziare, disegna un cerchio.
Aggiungi una sfumatura alla tua cerchia usando gli stili di livello. Fai i colori come mostrato di seguito. (Blu scuro - # 004f7f / Blu chiaro - # 0072b6 / Bianco). Gioca con i colori fino a ottenere un risultato piacevole.
Cambia l'Angolo del Gradiente a -45 gradi.
Aggiungi un tratto al cerchio. Cambia il tipo di riempimento in Gradiente e crea il gradiente come mostrato di seguito (gioca con i colori fino a ottenere un risultato desiderabile).
Cambia la dimensione del tratto su 21. Cambia l'angolo a -45 gradi. Cambia la scala al 100%.
Applicare un'ombra interiore. Imposta l'opacità al 59% / Angolo: 120 gradi / Distanza: 26 px / Dimensioni: 13 px.
Quindi aggiungi un bagliore interno. Impostare il metodo di fusione su Normale / Opacità: 75% / Colore: Nero / Dimensioni: 46 pixel.
Quindi aggiungiamo uno stile Bevel and Emboss alla nostra cerchia. Stile: Corsa Rilievo / Profondità: 113% / Dimensione: 3px / Attenua: 6px.
In ombreggiatura> Modalità evidenziatore Opacità: 100% / Modalità ombreggiatura Opacità: 49% (utilizzare le impostazioni come mostrato di seguito).
Ora convertiamo il cerchio in oggetto avanzato. Per farlo Fare clic con il tasto destro su Livello (nella scheda Livelli)> Converti in oggetto avanzato.
Ancora una volta applica uno stile Bevel and Emboss all'oggetto convertito. Impostare i parametri come mostrato di seguito.
Applica anche un'ombra esterna. Impostare i parametri come mostrato di seguito.
Sul cerchio digita le lettere "Ps". Posizionali come mostrato di seguito.
Aggiungi un'ombra interna al livello del testo. Impostare i parametri come mostrato di seguito.
Ora aggiungiamo un effetto lucido al nostro grafico. Per fare ciò, prima disegna la forma come mostrato di seguito.
Quindi crea un nuovo livello sopra la forma disegnata nel passaggio 35. Seleziona entrambe le forme e Unisci (Cmd + E).
Seleziona il livello unito, Crea una selezione del cerchio.
Quindi inverti la selezione (Cmd + Shift + I) e premi Elimina.
Ora imposta il metodo di fusione del livello unito su Luce soffusa. Imposta l'opacità al 45%.
Aggiungiamo più brillantezza alla grafica. Per fare ciò, disegna un piccolo cerchio come mostrato di seguito. Imposta l'opacità all'85%.
Ora disegna una forma come mostrato di seguito con lo strumento Penna. Imposta l'opacità al 50%.
Ecco la nostra icona finale di Adobe.
Crea un paio di icone modificando il testo e il colore dei gradienti utilizzati.
Ora posiziona le icone nella casella come mostrato di seguito. Per fare ciò è necessario ridimensionare, posizionare e ruotare un po 'le icone. Infine aggiungi una sfumatura allo sfondo. Metti a punto i colori per farli stare bene.
Dai un'occhiata all'ultima immagine qui sotto.
Abbonati a Psdtuts + Feed RSS per i migliori tutorial e articoli di Photoshop sul Web.
Accentsconagua