Adobe Illustrator é o gráfico padrão da indústria de design para ilustração baseada em vetor . Illustrator é um programa eficaz para a criação de gráficos para a Web . Illustrator pode tornar a todos os formatos de imagem comuns , permitindo uma integração simples de gráficos vetoriais em Web design. Utilize outros produtos da Adobe , como o Image Ready , para otimizar Illustrator arquivos corretamente para gráficos Web -pronto. Coisas que você precisa
Um compilador de código ou programa de web design
Show Mais instruções
1

Use papel e lápis para desenhar idéias e planejar os buttons. Tire um tempo para entender o que os botões terão de ser usado e se vai precisar de botões alternativos para ser feito de uma imagem rollover para . Escolha fontes, cores e texturas que irão trabalhar com o design do site.
2

Abra o Adobe Illustrator e crie um novo documento. Definir a unidade de medida para pixels. O tamanho dependerá das necessidades e limitações do desenho do site . Defina o modo de cor para a cor RGB para garantir a precisão das cores .
3

Criar o texto para os botões usando letras pretas e um fundo branco. Ajuste a fonte, altura , peso e espaço até que o texto é esteticamente agradável e claro de ler. Projetando o texto em preto e branco permite a clareza de digitação .
4

Adicione cor ao desenho botão Web . Para um site existente, selecione as cores adequadamente ousadas e marcantes de esquema de cores existente no site. Se os botões não são para um site existente , selecione um esquema de cores popular ou criar um novo. Variações sutis de cores vai criar o interesse visual.
5

Criar uma forma distinta para os botões para que a navegação do site é simples e direta. Completando um, dois ou quatro cantos de um retângulo é um método popular de criação de botões da Web .
6

Criar cores alternadas e elementos de design para os botões de rolagem . Um botão de rolagem é de duas imagens que trocam quando o usuário coloca o cursor sobre o botão. Sobreposições são frequentemente utilizadas para indicação de uma página ativa ou link em um web design. Rollovers simples, como a mudança da cor do texto , são eficazes.
7

Adicione textura para os botões. A textura é um método popular de adicionar interesse visual para um site. Faça uma textura personalizada usando um scanner ou câmera digital.
8

Adicione sombras, choque transversal , gradientes e outros toques finais aos botões web.
9

Fazer uma nova camada para cada novo botão para simplificar o processo de exportação . Nome camadas de diferenciar elementos semelhantes .
10

Exportar os botões , clicando em " Arquivo", " Exportar" e salvar a pasta de imagens do site. Salve botões que usam transparência como gráficos de rede portáteis, ou . Png . Salve botões com quantidades elevadas de pormenor como . Jpeg e todos os outros como . Gif .
11

Adicione os botões para seu site através de upload e de codificação . Teste para garantir que links funcionam antes de lançar o site publicamente.