Come creare icone web con Adobe Illustrator

May 3

È possibile effettuare le proprie icone web per qualsiasi sito web utilizzando Adobe Illustrator. Utilizzando il Pathfinder di combinare due oggetti permette di creare forme più interessanti per l'occhio di un cerchio semplice o un rettangolo. Questo tutorial utilizza un rettangolo e 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 dello stesso colore per mantenere un po 'di coesione alla pagina.

istruzione

1 Aprite Adobe Illustrator, e creare un nuovo documento Web. Dimensioni del documento alle dimensioni delle icone, come ad esempio 100 per 100 pixel.

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

3 Fare doppio clic sul selettore di colori e selezionare un colore per l'icona.

4 Selezionare l'opzione "Strumento Ellisse" per creare un cerchio che coprirà l'angolo inferiore sinistro del rettangolo. Per fare questo, 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" del Ellipse si trova all'angolo del rettangolo.

5 Fare clic sul pannello "Pathfinder". 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 una a forma di cerchio "morso" nel rettangolo.

6 Fare clic sul menu "Effect", selezionare "Stilizza" e fare clic su "Ombra". Impostare l'opacità a "75," X Offset a "-3 px," Y Offset a "7 px" e sfocatura a 5 "px". Fare clic sulla casella "Anteprima" al fine di garantire l'ombra non cade al di fuori del confine del documento. È possibile regolare l'ombra, o ridurre le dimensioni della scatola 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 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 un'immagine sull'icona piuttosto che utilizzare 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 ulteriori icone.


Articoli Correlati