Como fazer Ícones

| 2 Comentários

Ícones Faça também o seu ícone! [Imagem by I'm George ]

Esse tutorial explica, de forma simplificada, como fazer um ícone utilizando o Photoshop. Se você tiver o seu arquivo de imagem pronto e quer apenas criar o arquivo ‘.ico’, leia o artigo “Criando ícones a partir de imagens”.

Nesse tutorial eu usei o Adobe Photoshop 7, em português. Mas você pode utilizar qualquer outra versão do Photoshop, ou outro editor de imagem que você saiba usar. Então, vamos lá:

1 - Aperte Ctrl+N, para criar um novo arquivo. Crie uma imagem quadrada de fundo transparente, com 72dpi. Quanto às dimensões, veja a lista de aplicações:

  • 16x16 e 32x32 - Favicons
  • 64x64 - Ícones de pasta para o Windows XP, Favicons de Alta qualidade
  • 128x128 ou 256x256 - Ícones para o Windows (Alta qualidade / Windows Vista e Seven)

Eu escolhi 64x64 pixels e criei a imagem:

Criando a Imagem

2 - Cole uma imagem recortada nesse arquivo (aprenda como) ou crie nela mesmo. Eu colei o logo do SemNome 2.0:

Colando a Imagem

3 - Aperte Ctrl+T e redimensione a imagem

Redimensionando a imagem

4 - Aperte Ctrl+S e salve como PNG:

SalvandoSalvando - Clique para ampliar

4.1 - Não use entrelaçamento

Salvando - 2

Pronto! Seu ícone já estará criado (ou não). Caso seu ícone não tenha sido criado, leia as dicas:

  • Use fundo transparente nos ícones para que ele apareça corretamente nas barras dos navegadores
  • Não use sombras em ícones menores que 64x64 pixels: A sombra deixará o ícone ilegível
  • Não use textos nos ícones: além de ilegível, deixará o ícone feio e confuso.

Leia também:

Como colocar ícones em pendrives
Criando arquivos .ico
Como fazer um logo [Em inglês]

2 comentários [Comente também!]:

Nanuni Kokoritu disse:

Show de bola.
Só tomem cuidado para não fazer ícones a partir de imagens não free.

charles netto disse:

Valeu obrigado pelas Dicas mesmos, foram boas....OK

Postar um comentário

Antes de comentar, leia:

  • Não serão permitidos comentários com ofensas pessoais
  • Não serão permitidos comentários com conteúdo referente à pirataria
  • Os comentários devem ter ligação direta com o assunto
  • Não serão tolerados comentários com links para promover outros blogs.
  • Se quiser deixar um link, comente com a opção OpenID
  • O comentário será lido antes de ser publicado e só será publicado se estiver de acordo com as regras
  • Os comentários não refletem a opinião do autor do blog
  • O autor do blog não se responsabiliza pelo conteúdo dos comentários postados por outros visitantes