31 Esercitazioni su Icon Design

Le icone possono essere incredibilmente utili sia per il Web che per il design di stampa. Sono un modo fantastico e molto semplice per aggiungere elementi grafici alle aree di testo, rendendo l'esperienza molto più facile e migliore per l'utente.

Ci sono molti tutorial di icone sul web che sono specifici per Adobe Illustrator, principalmente perché le sue capacità di immagine vettoriale consentono di ridimensionare l'icona finita su e giù per le dimensioni di un capocchia di spillo o dei muscoli di Incredible Hulk. Tuttavia, se sai qual è lo scopo della tua icona (ovvero sai che non lo vorrai più grande di, diciamo, 128x128px) progettarlo in Photoshop non è un problema, infatti, in alcuni casi, è molto più facile! Quindi in questo articolo ho raccolto 31 magnifici tutorial di icone appositamente per coloro che conoscono lo scopo delle loro icone, solo con Photoshop con cui lavorare o che sono semplicemente più fiduciosi e abili in Photoshop. Godere!

1. Icona del dispositivo disco rigido USB

Difficoltà: Intermedio
Abilità: Usa Gradiente e Ombre per aggiungere profondità a forme altrimenti molto semplici.

2. Come progettare Mini icone

Difficoltà: Facile
Abilità: Usa lo strumento Pencil per creare forme personalizzate semplici.

3. Design dell'icona di Skype

Difficoltà: Intermedio
Abilità: Usa diverse modalità di fusione per aggiungere luci e ombre a determinate aree.

4. Creare un'icona di social media 32x32px

Difficoltà: Facile
Abilità: Usa Modifica> Strumento per il contratto per creare punti salienti perfetti per i pixel.

5. Come creare un'icona base per la casa

Difficoltà: Intermedio
Abilità: Usa un sacco di stili di livello come sfumature e ombre per conferire all'icona un'aspetto 3D.

6. Icona Mac vintage

Difficoltà: Facile
Abilità: Usa stili di livello come Glows e Satins per conferire al tuo schermo un effetto lucido.

7. Icona in pelle strutturata, realistica della cartella

Difficoltà: Avanzate
Abilità: Usa le modalità e i livelli di fusione per fondere una texture nella tua icona.

8. Icona di Digg unica e divertente in una bottiglia

Difficoltà: Intermedio
Abilità: Usa Gradienti per creare miscele e ombre realistiche per far apparire la tua bottiglia 3D.

9. Icona del logo del pacchetto postale

Difficoltà: Facile
Abilità: Usa lo strumento Lazo poligonale per creare forme sproporzionate ma funky.

10. Icona radio vintage

Difficoltà: Avanzate
Abilità: Usa trame e motivi per creare un'icona di qualità fotografica e realistica.

11. Icona dettagliata bussola

Difficoltà: Avanzate
Abilità: Usa lo strumento Trasformazione libera per modificare e combinare forme semplici per farle apparire tridimensionali.

12. Icona del feed RSS animato

Difficoltà: Intermedio
Abilità: Usa lo strumento di animazione incorporato di Photoshop per animare la tua icona del feed RSS.

13. Icona del cono del traffico

Difficoltà: Avanzate
Abilità: Usa lo strumento Penna per creare forme personalizzate e modificarle con lo strumento selezione diretta.

14. Icona RSS

Difficoltà: Facile
Abilità: Usa lo strumento Penna per creare linee curve per aggiungere profondità e interesse alla tua icona.

15. Icona del monitor stile XP

Difficoltà: Intermedio
Abilità: Utilizza lo strumento Distorci per modificare la dimensione e l'angolo generali dell'icona, facendolo sembrare 3D.

16. Icone di social media disegnate a mano

Difficoltà: Facile
Abilità: Usa lo strumento Tonalità / saturazione per aggiungere colore ai tuoi elementi disegnati a mano.

17. Icona RSS lucida

Difficoltà: Intermedio
Abilità: Usa lo strumento selezione diretta per rimodellare forme semplici come cerchi.

18. Icona lucchetto lucchetto

Difficoltà: Intermedio
Abilità: Usa gli strumenti di selezione percorso e selezione diretta per modificare le forme e renderle pixel perfette.

19. Icone dell'acquerello Social Networking

Difficoltà: Facile
Abilità: Usa lo strumento Pennello per creare elementi simili a "disegnati a mano".

20. Caffè tinto icone di social networking

Difficoltà: Facile
Abilità: Usa trame e metodi di fusione per creare macchie di caffè realistiche.

21. Icona domestica lucida

Difficoltà: Facile
Abilità: Usa lo strumento Selezione ellittica e Sovrapponi sfumatura per creare un aspetto lucido realistico.

22. Icona di download lucido

Difficoltà: Facile
Abilità: Usa lo strumento Penna per aggiungere un'evidenziazione riflettente realistica.

23. Icona grafica cubita

Difficoltà: Intermedio
Abilità: Usa lo strumento scherma per creare luci realistiche e far apparire oggetti 2D in 3D.

24. Icona Compact Disc (CD)

Difficoltà: Facile
Abilità: Usa lo strumento Trasforma prospettiva per trasformare i rettangoli in altre forme.

25. Icona posta 3D riflessa

Difficoltà: Facile
Abilità: Usa forme e sfumature semplici per produrre un'icona di posta realistica e moderna.

26. Icona Mac OS X Leopard Folder

Difficoltà: Intermedio
Abilità: Usa lo strumento Lazo per creare punti casuali per rendere la carta naturale realistica.

27. Icona casella 3D

Difficoltà: Avanzate
Abilità: Usa lo strumento Brucia per creare ombre e curvature realistiche.

28. Elegante icona della posta

Difficoltà: Avanzate
Abilità: Usa lo strumento Penna per creare forme personalizzate.

29. Icona errore Vista

Difficoltà: Intermedio
Abilità: Usa lo strumento testo e lo strumento di trasformazione per creare elementi per le tue icone.

30. Icona del calendario

Difficoltà: Intermedio
Abilità: Utilizza lo strumento Selezione rettangolare per eliminare aree diverse di forme per produrre quadrati.

31. Icona del sigillo di soddisfazione garantita

Difficoltà: Intermedio
Abilità: Usa varie modalità di fusione per aggiungere un aspetto tridimensionale al tuo sigillo / badge.