Nwlapcug.com


Come creare icone Web con Adobe Illustrator

È possibile rendere le proprie icone Web per qualsiasi sito Web utilizzando Adobe Illustrator. Utilizzando il Pathfinder per combinare due oggetti consente di creare forme più interessante agli occhi di un semplice cerchio o un rettangolo. Questo tutorial utilizza un rettangolo e cerchio, ma è possibile utilizzare la stessa procedura con forme diverse per creare un'icona personalizzata. Quando si effettuano diverse icone per la stessa pagina, è possibile utilizzare la stessa forma, o lo stesso colore per mantenere alcuni coesione alla pagina.

Istruzioni

1

Aprire Adobe Illustrator e creare un nuovo documento Web. Dimensioni del documento per la dimensione delle icone, ad esempio 100 x 100 pixel.

2

Selezionare il "strumento rettangolo arrotondato" dalla casella degli strumenti. Trascinate lo strumento attraverso il documento, creare un rettangolo che è a filo con la parte superiore e a destra della finestra del documento e circa 15 pixel all'interno dei bordi del documento in basso a sinistra. Questo è per fare spazio per l'ombra dell'icona.

3

Fare doppio clic sul selettore colore e selezionare un colore per la tua icona.

4

Selezionare "Ellisse" per creare un cerchio che coprirà l'angolo inferiore sinistro del rettangolo. A tale scopo, posizionare lo strumento al centro del rettangolo. Tenere premuto il tasto "Shift" mentre si trascina lo strumento diagonalmente passato nell'angolo inferiore destro del rettangolo fino a quando la Guida di "Centro" dell'ellisse è all'angolo del rettangolo.

5

Fate clic sul pannello "Pathfinder". Se non è visibile, fare clic sul menu "Finestra" e selezionare "Pathfinder". Premere "Ctrl-A" per selezionare entrambi gli oggetti. Fare clic sul pulsante "Minus anteriore" nel pannello Elaborazione tracciati. Il cerchio scomparirà, lasciando un "morso" a forma di cerchio nel rettangolo.

6

Clicca il menu "Effect", selezionare "Stilizzazione" e clicca "Ombra." Impostare l'opacità al "75," X Offset alle "-3 px," Y Offset alle "7 px" e sfocatura a 5 "px". Fare clic sulla casella "Preview" per garantire che l'ombra non cade fuori del bordo del documento. Si può regolare l'ombra, o diminuire le dimensioni della casella, se lo fa.

7

Fare clic su "Strumento di tipo" nella casella degli strumenti e trascinare il cursore sopra il rettangolo per creare una casella di testo. Digitare il testo desiderato per l'icona. Premere "Ctrl-A" per evidenziare tutto il testo. Cambiare il font, la 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 anziché testo.

8

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

9

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