Adobe Illustrator é o gráfico padrão da indústria de design para a ilustração baseada em vetor. Illustrator é um programa eficaz para a criação de gráficos para a Web. Illustrator pode processar a todos os formatos de imagem comuns, permitindo a simples integração de gráficos de vetor em Web design. Utilizar outros produtos da Adobe, como o Image Ready, para otimizar arquivos do Illustrator adequadamente para Web gráficos prontos.
Coisas que você precisa
- Um compilador de código ou programa de web design
Use papel e lápis para desenhar idéias e planejar os botões da Web. Tire um tempo para entender o que os botões terão de ser utilizados e se os botões alternativos terão de ser feitas para uma imagem de rollover. Escolha fontes, cores e texturas que irá trabalhar com o design do site.
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 a cor RGB para garantir a precisão das cores.
Criar o texto para os botões usando letras pretas e um fundo branco. Ajustar a fonte, altura, peso e espaçamento até que o texto é esteticamente agradável e claro para ler. Projetando o texto em preto e branco permite a clareza tipográfica.
Adicione a cor ao projeto do botão Web. Para um site existente, selecionar cores adequadamente ousadas e marcantes do esquema de cores existente no site. Se os botões não são para um site existente, selecione um esquema de cores populares ou criar um novo. variações sutis de cores vai criar o interesse visual.
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.
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 seu cursor sobre o botão. Rollovers são frequentemente utilizados para indicação de uma página ativa ou link em um projeto da Web. sobreposições simples, tais como a cor do texto mudança, são eficazes.
Adicionar textura para os botões. A textura é um método popular de adicionar interesse visual para um site. Fazer uma textura personalizada usando um scanner ou câmera digital.
Adicionar sombras, choque transversal, gradientes e outros toques finais aos botões da Web.
Faça uma nova camada para cada novo botão para simplificar o processo de exportação. Nome camadas para diferenciar elementos semelhantes.
Exportar os botões clicando "Arquivo," "Exportar" e salvar a pasta Imagens do site. Salve botões que usam a transparência como gráficos de rede portáteis, ou .jpg. Salve botões com quantidades elevadas de detalhe como .jpeg e todos os outros como .jpg.
Adicionar os botões para seu site via upload e codificação. Teste para garantir que o trabalho ligações antes de lançar o site público.
dicas & avisos
- Planejar o projeto, tanto quanto possível antes de utilizar o computador.
- Adobe Illustrator torna todos os gráficos que excedem os limites da placa da arte. Pode ser necessário utilizar o Adobe Photoshop ou outro editor de bitmap para aparar os gráficos finais.
Como encontrar a cor do pantone no ilustrador
Como criar um mapa do site site em ilustrador
Como construir um site em ilustrador
Como reparar um arquivo ilustrador
Como o Adobe Illustrator trabalhar em um tablet PC?
Como abrir um PDF no ilustrador
Como comprimir arquivos ilustrador