Um Guia Abrangente de Botões da Web Profissional de Artesanato com Adobe Illustrator

Introdução ao Adobe Illustrator

Adobe Illustrator é um poderoso software de desenho gráfico baseado em vectores que é amplamente utilizado por artistas digitais, ilustradores, e desenhadores gráficos. É o software padrão da indústria para criação de logótipos, ilustrações, gráficos, desenhos web, e muito mais. Neste artigo, vamos explorar como criar botões web profissionais e apelativos com o Illustrator.

Planear o seu desenho de botões da web

Antes de mergulhar no Illustrator, leve algum tempo a planear o seu desenho de botões da web. Considere o aspecto geral do seu website, que cores e tipos de letra irá utilizar, e como incorporar quaisquer imagens ou logótipos no design. Esboçar algumas ideias em papel pode ajudá-lo a engomar os detalhes antes de começar.

criar a forma do botão

Uma vez determinada a forma e o tamanho desejado do botão, pode criá-lo no Illustrator. Use a Ferramenta Retângulo para desenhar a forma básica do botão, e depois adicione quaisquer detalhes extra, tais como cantos arredondados ou uma sombra de gota. Também pode querer adicionar um contorno ou borda ao botão para lhe dar um aspecto profissional.

selecção de cores

A selecção das cores certas para o seu botão é um componente chave do desenho. Pode usar o Selecionador de Cores para escolher as cores exactas que deseja usar, ou pode seleccionar entre as muitas paletas de cores pré-fabricadas no Illustrator. Utilize a ferramenta Conta-gotas para seleccionar facilmente cores de outros elementos do seu desenho.

Adicionando Texto

Adicionar texto ao botão pode torná-lo mais apelativo e informativo. Pode usar a ferramenta Texto para adicionar texto ao botão, e depois ajustar o tipo de letra, tamanho, e cor. Certifique-se de manter o texto legível e legível, e não use mais do que duas ou três palavras no botão.

incorporação de imagens

A incorporação de imagens no design do botão pode dar-lhe um toque criativo extra. Pode usar a ferramenta de caneta para desenhar uma imagem personalizada ou usar o comando Place para importar uma imagem do seu computador. Uma vez a imagem no documento, pode usar a Ferramenta de Selecção Directa para ajustar o tamanho, forma, e posição da imagem.

Finalização do desenho

Uma vez que tenha todos os elementos do botão no lugar, pode utilizar as ferramentas Alinhar e Transformar para alinhar e ajustar o tamanho dos elementos. Também pode utilizar as ferramentas Escalar e Rodar para fazer quaisquer ajustes finais. Finalmente, utilizar a ferramenta Pathfinder para combinar os elementos numa forma coesa.

Exportar o Botão

Quando estiver satisfeito com o desenho final, pode guardá-lo como um ficheiro PNG ou JPEG para utilizar no seu website. Pode também guardá-lo como um ficheiro SVG se o quiser utilizar em múltiplos websites ou para projectos futuros.

Criar botões web com o Adobe Illustrator pode ser uma forma divertida e criativa de levar o design do seu sítio web ao próximo nível. Com os elementos certos de planeamento e design, pode criar botões web bonitos e apelativos que irão impressionar os seus utilizadores.

FAQ
Pode fazer hiperligações no Illustrator?

Sim, os hyperlinks podem ser adicionados a objectos no Adobe Illustrator. Para adicionar um hyperlink, seleccione o objecto, depois escolha Control > New Hyperlink. No painel Hyperlinks, especificar o destino do link, aparência, e outras opções.

Como criar um ficheiro ICO no Illustrator?

1. Abra o Adobe Illustrator.

2. Clique em “Ficheiro” na barra de menu na parte superior do ecrã.

3. seleccione “Novo” no menu suspenso.

4. na janela Novo Documento que aparece, seleccione “Web” no menu Tipo de Documento.

5. Introduza a largura e altura desejadas para o seu ficheiro ICO nos campos Largura e Altura.

6. Clique no botão “Avançado”.

7. na janela de Opções Avançadas que aparece, seleccione “Opções de Formato” do menu.

8. Certifique-se de que a caixa de verificação “Transparência” está seleccionada.

9.Clicar no botão “OK”.

10. Na janela “Novo Documento”, clicar no botão “Criar”.

11. Na janela principal do Illustrator, crie o seu ficheiro ICO.

12. Quando tiver terminado, clique em “Ficheiro” na barra de menu.

13. Seleccione “Guardar como” a partir do menu drop-down.

14. Na janela Guardar Como que aparece, seleccionar “ICO” no menu Formatar.

15. Introduza um nome para o seu ficheiro ICO no campo File Name (Nome do ficheiro).

16. Clique no botão “Guardar”.

Como adiciono um botão de efeito de clique?

Há algumas formas de adicionar um botão de efeito de clique:

1. Use CSS3’s :classe pseudo activa

2. Adicione um JavaScript onclick event handler

3. Use uma biblioteca como jQuery

Como se faz arte de botão?

Button art é um ofício que pode ser usado para criar uma variedade de desenhos diferentes. A forma mais básica de fazer arte de botões é simplesmente colar botões num pedaço de papel ou num cartão. Uma vez colados os botões, pode usar uma caneta ou um marcador para desenhar um desenho à sua volta.

Arte mais complexa de botões pode ser criada usando diferentes cores e tamanhos de botões para criar um desenho mais detalhado. Também é possível experimentar diferentes padrões e arranjos para criar uma peça de arte única. A arte dos botões é uma forma divertida e fácil de dar um toque pessoal a qualquer projecto.

Como posso fazer um link clicável no Illustrator PDF?

Há algumas formas diferentes de fazer um link clicável num PDF do Illustrator. Uma forma é utilizar a ferramenta de hiperligação. Com a ferramenta de hiperligação seleccionada, clique no objecto que deseja transformar num link e depois arraste-o para a página de destino. Outra forma é utilizar o comando “criar hiperlink” sob o menu “ficheiro”. Com este método, pode seleccionar o objecto que pretende transformar numa ligação e depois especificar a página de destino.