Como criar icones
Autor: Alessandro Design | Publicado: 2011-04-21T11:43:00-03:00

Fala ai pessoal!!!

Galera, resolvi fazer um tutorial bem legal ai pra vocês, tenho certeza que muitos já tiveram a vontade de personalizar o computador com um icone um pouco mais estilizado, ou até mesmo personalizar aquela pasta especial com um icone próprio, porém muitas vezes ficam barrados nos icones que encontram para download na internet, porém este sofrimento agora acabou!!! .... a partir do momento em que vocês acompanharem este tutorial você terão o conhecimento para criar icones para o que quiserem e como quiserem !!!

Pessoal, antes de iniciarmos quero explicar o que faremos neste tutorial, a idéia básica é como fazer uma arte criada a partir do Adobe Illustrator se transformar em um arquivo .ico, utilizando um programinha muito leve e gratuito que se chama IcoFX

Vamos para o tutorial:

1° Parte: Como criar seu Icone

Podem ver na imagem acima, um icone que criei especialmente para uma pasta da qual arquivo tudo sobre o blog Alessandro Design, a partir de agora mostrarei passo a passo como chegar a este resultado final.


Antes de tudo Galerah precisamos fazer o download do programa IcoFX&nbsp;
DOWNLOAD DO PROGRAMA ICOFX
Após clicar no link para download acima você será direcionado ao site do programa,

Clique em DOWNLOAD, aguarde o mesmo ser feito, após baixar por completo siga os passos do próprio programa para a instalação&nbsp;

Depois de concluir a instalação abra o programa, acima vocês podem ver como será o layout,&nbsp;vocês podem perceber que este programa tem suas proprias ferramentas para criação de icones, porém prefiro cria-los em um programa do qual me de uma possibilidade muito maior de criação como o Adobe Illustrator e usar o IcoFX somente para exportar no formato .ico (formato padrão do Windows para icones).

Pessoal este será meu ponto de partida, criei meu icone no Adobe Illustrator, não vou fazer o passo a passo da criação para não estender muito o tutorial, após pronto preciso salva-lo (&nbsp;CTRL+SHIFT+S ) em arquivo .Ai (Adobe Illustator)&nbsp;

Arquivo Salvo no Desktop, agora partiremos para um outro programa muito conhecido e muito eficaz, Adobe Photoshop, esta parte do tutorial iremos tranformar o arquivo que criamos no Adobe Illustrator que é um vetor para um arquivo .png com fundo transparente para que possamos importar para o programa IcoFX

Existem varias maneiras de abrir o arquivo .Ai no Adobe Photoshop,&nbsp;CTRL+O, ou até mesmo como ilustrado na imagem acima, arrastando o arquivo até o Phothoshop

Após isso, uma janela igual a de cima será aberta, os padrões de imagem não precisam ser alterados pois serão mantidas as configurações do Adobe Illustrator, simplesmente clique em OK&nbsp;

Pode notar que seu icone será transformado em Bitmap (imagem) e que o fundo está transparente, isto é exatamente o queremos, &nbsp;

Agora precisamos salvar esta imagem em .png, para isso&nbsp;CTRL+SHIFT+S, ou File e depois&nbsp;Save As&nbsp;selecione em Tipo: .PNG&nbsp;

Uma janela igual está se abrirá, selecione None e OK&nbsp;

Arquivo .png salvo&nbsp;

Abra novamente o programa IcoFX, a partir de agora vamos iniciar o processo de transformação de nosso arquivo de .png para .ico, selecione Arquivo e depois Importar Imagem

Selecione o arquivo .png e clique em Abrir&nbsp;

Uma caixa de dialogo igual esta abrirá, você ira selecionar Milhões de Cores - Canal Alpha (32 bits) e 256x256 e depois é só clicar em OK&nbsp;

Outra tela se abrirá nesta tela você deverá manter selecionado os seguintes campos: Personalizado, Redimencionar a imagem e Como está depois clique em OK

Após todo este processo sua imagem está pronta para ser salva,

Clique em Criar icone Windows da imagem

Outra caixa de dialogo de abrirá deixe selecionado todas as opções de tamanhos e clique em OK

Selecione a primeira opção 256x256-32

Selecione Arquivo e Salvar como...

Escolha o lugar em que deseja salvar seu arquivo e em Tipo: selecione Ícones do Windows (*.ico)

Processo de criação de icone concluido, agora você pode instalar em qualquer pasta ou arquivo
2° Parte: Como instalar seu icone

Clique com o botão direito do seu mouse selecione Novo e Pasta&nbsp;

Pasta nova

Clique novamente com o botão direito em cima da sua nova pasta e clique em Propriedades

Clique na aba Personalizado e depois em Alterar Ícone

Clique em Procurar

Selecione o arquivo no formato .ico e selecione Abrir

Confira o seu icone na caixa de dialogo e clique em OK&nbsp;

Clique novamente em OK

Pronto Icone modificado&nbsp;

DICA:Antes de fazer este processo de instalação do icone a melhor coisa é que você crie uma pasta denominada icones em meus documentos, pois se você efetuar a instalação com o icone salvo diretamente em seu desktop, caso você deseje limpar sua area de trabalho e neste processo acabar importando seu icone para uma outra pasta qualquer, sua pasta onde o mesmo estiver instalado não atualizará o caminho para o icone, ou seja voltará a ter o icone próprio de seu Windows e você terá que fazer todo o processo novamente. &nbsp;
Pessoal espero que tenham gostado das dicas ai, logo mais voltarei com algum outro tutorial ou alguma materia bem interessante, agradeço a todos que tem acompanhado o Blog e os que tem deixado suas mensagens.... até mais galera!!!
CASO VOCÊ AINDA NÃO TENHA O ADOBE ILLUSTRATOR OU O PHOTHOSHOP INSTALADO EM SEU COMPUTADOR TEMOS O DOWNLOAD AQUI NO BLOG, CLIQUE NO LINK PARA SER DIRECIONADO ATÉ A PAGINA DE DOWNLOADS DO ALESSANDRO DESIGN
DOWNLOADS ALESSANDRO DESIGN