Crea un disegno dell'icona del cappello di laurea ad alta lucentezza

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.

Passo 1

Prima di tutto, crea un nuovo documento e riempilo con un grigio chiaro (# d6d6d6).

Passo 2

Facciamo la base dell'icona usando lo strumento Rettangolo. Il colore non ha importanza per ora. Questo verrà utilizzato solo per l'orientamento.

Passaggio 3

Ruota la forma usando lo strumento Trasforma (Comando / Ctrl + T). Successivamente riduci la sua altezza usando di nuovo lo strumento Trasforma.

Passaggio 4

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.

Passaggio 5

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.

Passaggio 6

Crea il lato sinistro della piramide usando lo strumento Penna. Riempi con (# feb624).

Passaggio 7

Crea il lato destro della piramide, proprio come hai fatto con il lato sinistro, ma questa volta riempilo con (# e49e11).

Passaggio 8

Sposta il livello blu sopra gli altri livelli. Quindi spostalo come ho fatto io. Quindi ingrandiscila usando lo strumento Trasforma.

Passaggio 9

Questa sarà la parte superiore del cappello. Chiamalo "" Parte superiore "" e riempilo con questo colore (# ffd931). Quindi duplicalo.

Passaggio 10

Assegna un nome al duplicato del bordo "" Parte superiore "" livello "." Riempi con il colore (# b14f00). Ora sposta il livello "Parte superiore" sul livello "bordo".

Passaggio 11

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.

Passaggio 12

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.

Passaggio 13

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.

Passaggio 14

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%.

Passaggio 15

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.

Passaggio 16

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.

Passaggio 17

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.

Passaggio 18

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%.

Passaggio 19

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.

Passaggio 20

Ora crea una forma simile a questa usando lo strumento Penna.

Passaggio 21

Crea un piccolo cerchio blu alla fine della forma che abbiamo appena creato.

Passaggio 22

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.

Passaggio 23

Usa le impostazioni sottostanti per il pennello e questo colore (# ee4c05).

Passaggio 24

E ora con lo strumento Penna selezionato, fare clic con il tasto destro del mouse sul tracciato e selezionare Tracciato tracciato.

Passaggio 25

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+.

Passaggio 26

È possibile unire tutti questi livelli utilizzati per creare questa forma che chiamo Mot. Tutto ciò che dobbiamo fare ora è creare l'ombra di Mot.

Passo 27

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.

Conclusione

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.