Adobe Illustrator è lo standard di progettazione grafica per illustrazione vettoriale. Illustrator è un programma efficace per la creazione di grafica per il Web. Illustrator può eseguire il rendering di tutti i comuni formati di immagine, permettendo per semplice integrazione di grafica vettoriale in Web design. Utilizzare altri prodotti Adobe, come Image Ready, per ottimizzare i file di Illustrator correttamente per la grafica Web-ready.

Istruzioni

1

Utilizzare carta e matita per idee progettuali e pianificare i pulsanti Web. Prendere tempo per capire che cosa dovrà essere utilizzato per i pulsanti e se alternativi pulsanti saranno necessario prevedere un'immagine di rollover. Scegliere font, colori e texture che funzioneranno con il design del sito.

2

Aprire Adobe Illustrator e creare un nuovo documento. Impostare l'unità di misura in pixel. La dimensione dipenderà le esigenze e le limitazioni del design del sito Web. Impostare la modalità di colore di colore RGB per garantire la precisione del colore.

3

Creare il testo per i pulsanti utilizzando lettere di colore nero e sfondo bianco. Regolare il tipo di carattere, altezza, peso e spaziatura fino a quando il testo è esteticamente gradevole e chiaro da leggere. Permette di progettare il testo in bianco e nero per chiarezza tipografica.

4

Aggiungere colore al disegno pulsante Web. Per un sito esistente, selezionare i colori in modo appropriato audaci e sorprendenti dalla combinazione di colori del sito esistente. Se i pulsanti non sono per un sito esistente, selezionare una combinazione di colori popolari o crearne uno nuovo. Sottili variazioni di colore creerà interesse visivo.

5

Creano una caratteristica forma per i pulsanti in modo che la navigazione sul sito è semplice e lineare. Uno, due o quattro angoli di un rettangolo di arrotondamento sono un metodo popolare di creare pulsanti Web.

6

Creare colori alternati ed elementi di design per pulsanti di rollover. Un pulsante rollover è due immagini che quando l'utente posiziona il cursore sul pulsante di interscambio. Rollover vengono spesso utilizzati per indicazione una pagina o un link in un Web design. Rollover semplice, ad esempio il testo cambiando colore, sono efficaci.

7

Aggiungere texture ai pulsanti. Texture è un metodo popolare di aggiungere interesse visivo a un sito Web. Fare una texture personalizzata utilizzando uno scanner o una fotocamera digitale.

8

Aggiungere ombre, cross da cova, gradienti e altri ritocchi ai pulsanti Web.

9

Creare un nuovo livello per ogni nuovo pulsante semplificare il processo di esportazione. Nome layer per differenziare gli elementi simili.

10

Esportare i pulsanti facendo clic su "File", "Esportazione" e risparmio alla cartella immagini del sito Web. Salvare i pulsanti che utilizzano la trasparenza come grafici portatili della rete, o. png. Salvare i pulsanti con le quantità elevate di dettaglio come tutti gli altri come gif e JPEG.

11

Aggiungere i pulsanti al tuo sito Web tramite il caricamento e la codifica. Test per assicurarsi che i collegamenti funzionino prima di lanciare il sito pubblicamente.

Consigli & Avvertenze

• Pianificare la progettazione quanto possibile prima di utilizzare il computer.
• Adobe Illustrator esegue il rendering di elementi grafici che superano i limiti del Consiglio di arte. Può essere necessario utilizzare Adobe Photoshop o un altro editor di bitmap per tagliare la grafica finale.