Photoshop è ottimo da usare per creare design di icone di qualità. In questo tutorial, ti insegnerò come creare un'icona di cappello di laurea professionale, lucida e pulita. Le tecniche di questo tutorial ti aiuteranno a passare al livello successivo nella progettazione di icone.
Prima di tutto, crea un nuovo documento e riempilo con un grigio chiaro (# d6d6d6).
Facciamo la base dell'icona usando lo strumento Rettangolo. Il colore non ha importanza per ora. Questo verrà utilizzato solo per l'orientamento.
Ruota la forma usando lo strumento Trasforma (Comando / Ctrl + T). Successivamente riduci la sua altezza usando di nuovo lo strumento Trasforma.
Ora dobbiamo impostare il centro della forma. Usa la scorciatoia (Comando / Ctrl + R) per far apparire i Righelli. Configura le tue guide come nell'immagine qui sotto.
Ora vai con una linea guida e imposta la cima della piramide. Quindi duplica la forma blu e spostala verso l'alto. Quindi imposta una guida nella parte superiore della forma duplicata. Quindi puoi eliminare quella forma che hai appena duplicato.
Crea il lato sinistro della piramide usando lo strumento Penna. Riempi con (# feb624).
Crea il lato destro della piramide, proprio come hai fatto con il lato sinistro, ma questa volta riempilo con (# e49e11).
Sposta il livello blu sopra gli altri livelli. Quindi spostalo come ho fatto io. Quindi ingrandiscila usando lo strumento Trasforma.
Questa sarà la parte superiore del cappello. Chiamalo "" Parte superiore "" e riempilo con questo colore (# ffd931). Quindi duplicalo.
Assegna un nome al duplicato del bordo "" Parte superiore "" livello "." Riempi con il colore (# b14f00). Ora sposta il livello "Parte superiore" sul livello "bordo".
Assicurati di aver selezionato il livello del bordo. Ora premi una volta sul tasto freccia giù sulla tastiera. Questo sposta il livello di un pixel verso il basso. Quindi, tenendo premuto Opzione / Alt, premere il tasto freccia giù quattro volte. Ciò duplicherà il livello del bordo quattro volte.
Ora unisci tutti questi livelli di confine. Ora puoi disattivare le linee guida, poiché non ne abbiamo più bisogno. Vai a Visualizza> Mostra> Guide e impostali su non mostrare.
La forma del cappello è fatta. Ora dobbiamo farlo sembrare migliore. Inizieremo con la parte superiore. Seleziona il livello "Parte superiore" e crea un nuovo livello.
Questo posizionerà il nuovo livello su tutto il resto dei livelli. Seleziona un colore arancione per il primo piano. Comando / Ctrl + Fare clic sul livello "Parte superiore" nella tavolozza dei livelli per effettuare una selezione. Quindi sul nuovo livello appena creato, utilizzando lo strumento Sfumatura, fai clic e trascina dall'alto verso il basso.
Ora evidenziamo maggiormente i bordi dei riflessi. Usiamo lo strumento penna per fare ciò, come puoi vedere negli scatti dettagliati qui sotto. Inoltre, riduci l'opacità di questa forma al 30%.
Quindi dobbiamo lavorare sul lato destro della piramide. Fai una selezione del lato destro della piramide. Crea un nuovo livello. Utilizzando lo strumento Sfumatura, con questo colore (# e37a05), fare clic e trascinare da sinistra a destra.
Per la parte sinistra useremo un approccio diverso. Evidenzia i bordi dei riflessi. Quindi ridurre l'opacità della forma al 30 percento. Guarda le immagini qui sotto per i dettagli.
Ora abbiamo bisogno di aggiungere un po 'più di luce sul lato sinistro. Lo facciamo creando un nuovo livello sul lato sinistro della piramide. Quindi fai una selezione del lato sinistro della piramide. Utilizzare le impostazioni seguenti per lo strumento sfumatura. Quindi fare clic e trascinare nella sezione che ho indicato nell'immagine successiva. Infine, imposta le opzioni di fusione per questo livello su Sovrapponi.
Dovremo fare un'ombra per il lato superiore. Questa ombra si proietterà sulla piramide. Crea un nuovo livello e spostalo sotto il livello del bordo. Chiamalo "Shadow 1". Usa lo strumento Penna per fare una selezione come la mia. Imposta l'opacità al 30%.
Vai nella parte superiore e al centro crea un cerchio arancione (# c54400). Quindi riduci l'altezza con lo strumento Trasforma, come hai fatto nel passaggio 3.
Ora crea una forma simile a questa usando lo strumento Penna.
Crea un piccolo cerchio blu alla fine della forma che abbiamo appena creato.
Questa sarà l'ultima cosa che faremo al cappello. Qui useremo lo strumento penna e lo strumento pennello. Inizia aprendo un nuovo livello dietro il cerchio blu che hai appena creato. Con lo strumento Penna, assicurati che Path sia selezionato e traccia un percorso come l'immagine qui sotto.
Usa le impostazioni sottostanti per il pennello e questo colore (# ee4c05).
E ora con lo strumento Penna selezionato, fare clic con il tasto destro del mouse sul tracciato e selezionare Tracciato tracciato.
Ripeti il passaggio precedente, ma ogni volta che fai un nuovo tratto, fallo su un nuovo livello. Inoltre, usa colori diversi. Qui puoi usare lo stesso effetto che ho usato nel tutorial di Valentines qui su Psdtuts+.
È possibile unire tutti questi livelli utilizzati per creare questa forma che chiamo Mot. Tutto ciò che dobbiamo fare ora è creare l'ombra di Mot.
Le ultime cose che dobbiamo fare ora sono aggiungere più luci, renderlo più brillante, fare una riflessione per il cappello, creare un'ombra per il cappello e creare uno sfondo piacevole. Controlla le immagini sottostanti per le indicazioni per ogni passaggio. Uso solo lo strumento pennello, lo strumento penna e lo strumento sfumatura.
Puoi semplicemente cambiare il colore dell'icona in pochi secondi. Vai nella cartella Hat a cui vuoi cambiare i colori. Fare doppio clic sui livelli delle forme che si desidera modificare e selezionare i colori. È la stessa tecnica che ho usato nel tutorial Apple Remote qui su Psdtuts +. Visualizza il risultato finale dell'immagine qui sotto.