Come creare icone web con Adobe Illustrator

Potete fare le vostre proprie icone web per qualsiasi sito web utilizzando Adobe Illustrator . Utilizzando il Pathfinder di combinare due oggetti permette di creare le forme più interessanti per l'occhio di un cerchio normale o rettangolo . Questo tutorial utilizza un rettangolo e un cerchio , ma è possibile utilizzare la stessa procedura con forme diverse per creare la propria icona . Quando si effettuano diverse icone per la stessa pagina , utilizzare la stessa forma o lo stesso colore per mantenere una certa coesione alla pagina . Istruzioni
1

Apri Adobe Illustrator, e creare un nuovo documento web. Dimensioni del documento alle dimensioni delle icone , come ad esempio 100 per 100 pixel .
2

Seleziona lo strumento " Rettangolo arrotondato " dalla casella degli strumenti . Trascinate lo strumento attraverso il documento , creando un rettangolo che è a filo con la parte superiore e sinistra della finestra del documento , e circa 15 pixel all'interno dei confini del documento sul fondo e di sinistra . Questo per fare spazio ombra dell'icona.

3 Fare doppio clic sul selettore colore e selezionare un colore per la vostra icona .
4

Selezionare il " Ellipse Tool " per creare un cerchio che copre l'angolo in basso a sinistra del rettangolo . Per fare ciò, posizionare l'utensile al centro del rettangolo . Tenere premuto il tasto "Shift" mentre si trascina lo strumento in diagonale oltre l'angolo in basso a destra del rettangolo fino a quando la guida "Centro" della Ellisse è dietro l'angolo del rettangolo .
5

Fare clic su " " pannello Elaborazione tracciati . Se non è visibile , fare clic sul menu "Finestra" , e selezionare " Pathfinder ". Premere il tasto " Ctrl -A " per selezionare entrambi gli oggetti . Fare clic sul pulsante "Meno anteriore" nel pannello Elaborazione tracciati . Il cerchio scompare , lasciando un cerchio a forma di "morso" nel rettangolo .
6

Fare clic sul menu " Effect" , selezionare " Stilizzazione " e cliccare su " Ombra ". Impostare l'opacità al " 75 , " X Offset a "-3 px , " Y offset " 7 px " e sfocatura in 5 " px ". Fare clic sulla casella "Anteprima " per garantire l'ombra non cade al di fuori del confine documento . È possibile regolare l'ombra , o diminuire la dimensione del box se lo fa .
7

Fare clic sul " Tipo di strumento " nella casella degli strumenti e trascinare il cursore sopra il rettangolo per creare una casella di testo . Digitare il testo che si desidera per l'icona . Premere il tasto " Ctrl - A" per evidenziare tutto il testo . Modificare il tipo di carattere , dimensione del carattere e il colore come desiderato dalla barra delle opzioni . Centrare il testo facendo clic sul pulsante paragrafo "Centro" . In alternativa è possibile inserire una foto sul icona invece di usare il testo .
8

Fare clic sul menu "File" e selezionare " Salva per Web e dispositivi . " Modificare il formato di " PNG- 24" e assicurarsi che la casella "Trasparenza" è selezionata per mantenere lo sfondo trasparente , quindi fare clic su " Salva ".
9

Eliminare il testo o l'immagine in icona e utilizzare lo sfondo per creare icone aggiuntive .