Como criar mini ícones
Nesta matéria deixaremos instruções passo a passo para quem deseja aprender como criar mini ícones. Acompanhe as dicas que preparamos e veja como projetar as imagens facilmente.
Os ícones tem se tornado uma parte fundamental dos nossos computadores, programas e dispositivos móveis. É através da imagem que podemos encontrar facilmente e utilizar diferentes tipos de aplicativos.
Tudo que você precisa para criar ícones pequenos é ter o Photoshop instalado no computador ou outro programa para a edição de imagens. Além disso, é preferível ter algumas habilidades básicas no programa.
Aqui vou mostrar como usar a ferramenta lápis para desenhar ícones em pixel, e depois utilizá-los novamente para criar uma coleção completa.
Crie um novo documento
Já com o Photoshop aberto, crie um novo documento com o tamanho de 14 x 14px e com fundo transparente. Você pode escolher outro tamanho mas é aconselhável escolher 14 x 14px por se tratar de mini ícones.
Desenhando uma forma para o ícone
Use a ferramenta Lápis, selecione 1px. Para selecionar a dimensão de 1px basta clicar com o botão direito do mouse em cima do lápis e selecionar 1px. Escolha uma cor escura eu uso cinza, e comece a desenhar o contorno do ícone. Uma forma fácil de desenhar uma linha reta é primeiro selecionar um ponto inicial, mantenha pressionada a tecla Shift e clique no ponto final.
Uma dica: Em qualquer momento, se você quiser apagar o pixel, use a ferramenta borracha.
Gradiente de Base
Faça uma seleção do recorte vazio com a ferramenta varinha mágica. Crie uma nova camada. Defina a cor do primeiro plano em tom cinza claro e para o fundo escolha branco. Use a ferramenta Gradiente, arraste ela do canto superior para o canto inferior em diagonal.
Destaque e sombra
Crie uma nova camada. Desenhe uma borda com 1px de cor branca interna superior para criar o efeito de realce. Em seguida, desenhe uma borda de fundo com a cor cinza médio para realçar o interior.
Agrupando todas as camadas
Na guia camadas, selecione todas as camadas e pressione Ctrl + G para agrupar todas as camadas em uma pasta.
Desenhando um lápis como modelo de ícone
Mais uma vez, comece a desenhar o esboço primeiro e depois preencha a área interna com qualquer cor sólida ou gradiente de sua escolha. Quando você terminar, agrupe estas camadas em uma pasta separada.
Dicas: Se você quiser ter uma cor sempre consistente em todos os ícones, armazene as cores que você usou na guia amostras.
Reutilizar os ícones
Aqui eu mostro como eu reutilizar os grupos de camadas para criar a coleção inteira de ícones exportando as imagens para web.
Depois de ter feito todo o conjunto, alterne invisível para visível, para cada grupo das camadas e salve para colocar na Internet (Ctrl + Alt + Shift + S).
É possível salvar as imagens em diferentes formatos, para um melhor resultado utilize as extensões PNG, JPEG ou GIF.
Pronto! Agora que terminou, poderá utilizar as imagens em diferentes lugares, poderá colocá-las em uma página da Internet ao converter as imagens que já tem em favicons.