Você pode fazer seus próprios ícones da Web para qualquer site usando o Adobe Illustrator . Usando o Pathfinder para combinar dois objetos permite que você crie formas mais interessantes para os olhos do que um círculo simples ou retângulo. Este tutorial usa um retângulo e círculo, mas você pode usar os mesmos passos com formas diferentes para criar seu próprio ícone. Ao fazer vários ícones para a mesma página , use a mesma forma, ou da mesma cor para manter alguma coesão à página. Instruções
1
Abra o Adobe Illustrator e crie um novo documento web. Tamanho do documento com o tamanho de seus ícones , como 100 por 100 pixels.
2
Selecione o " Rounded Rectangle Tool " da caixa de ferramentas . Arraste a ferramenta em todo o documento , a criação de um retângulo que fique nivelada com a parte superior e à direita da janela do documento e, em cerca de 15 pixels dentro das fronteiras de documentos na parte inferior e esquerda. Este é para abrir espaço para o ícone sombra .
3
Clique duas vezes no seletor de cores e selecione uma cor para o ícone.
4
Selecione o " Ellipse ferramenta" para criar um círculo que vai cobrir o canto inferior esquerdo do retângulo. Para fazer isso, coloque a ferramenta no centro do retângulo. Mantenha pressionada a tecla "Shift" enquanto arrasta a ferramenta na diagonal passado no canto inferior direito do retângulo até que o guia do Ellipse " Center" está no canto do retângulo.
5
Clique no botão " Pathfinder " painel. Se ele não estiver visível, clique no menu "Janela" , e selecione " Pathfinder ". Pressione "Ctrl -A" para selecionar os dois objetos. Clique no botão " Minus Front " no painel Pathfinder . O círculo desaparece, deixando uma " mordida " em forma de círculo no retângulo.
6
Clique no menu " Effect" , selecione " Stylize " e clique em " Drop Shadow ". Defina a opacidade em " 75 ", deslocamento X no "-3 px, " Y Deslocamento em "7 px " e borrar a 5 " px ". Clique na caixa "Preview" para garantir a sombra não cai fora da borda do documento. Você pode ajustar a sombra, ou diminuir o tamanho da caixa , se ele faz.
7
Clique no botão " Type Tool " na caixa de ferramentas e arraste o cursor sobre o retângulo para criar uma caixa de texto . Digite o texto que deseja para o ícone. Pressione "Ctrl -A" para selecionar todo o texto . Alterar a fonte , tamanho da fonte e cor como desejado na barra de opções. Centralize o texto clicando no botão parágrafo " Center" . Alternativamente, você pode colocar uma imagem sobre o ícone ao invés de usar texto.
8
Clique no menu "Arquivo" e selecione "Salvar para Web e dispositivos . " Alterar o formato para " PNG-24 " e verifique se a caixa " Transparência " está marcada para manter o fundo transparente, em seguida, clique em " Salvar".
9
Excluir o texto ou imagem no ícone e usar o fundo para criar ícones adicionais .
