quinta-feira, 21 de abril de 2011

Como criar icones

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 


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 


Depois de concluir a instalação abra o programa, acima vocês podem ver como será o layout, 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 ( CTRL+SHIFT+S ) em arquivo .Ai (Adobe Illustator) 


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, 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 


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


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


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


Arquivo .png salvo 


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 


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 


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 


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 


Clique novamente em OK


Pronto Icone modificado 


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.  

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


0 comentários:

Postar um comentário