Como criar um ícone de programa. Como fazer um arquivo ICO

Editores on-line de ícones, muitos não são percebidos a sério, mas, de fato, essas ferramentas facilitam muito o fluxo de trabalho. Total de cliques de pares pode salvá-lo da hora de pesquisa, visualizações ou autodesenvolvimento. Além disso, não faz sentido usar full-fledge quando há serviços especiais com funções afiadas para essas tarefas específicas.

Sites semelhantes Os ícones de editores são muito eficazes. Eles permitem que você:

  • facilmente e rapidamente criar novos materiais;
  • possuir a conclusão existente no local;
  • salve o resultado em diferentes formatos (SVG, ICO & PNG);
  • criar ícones para.

No artigo, nós pegamos os cinco principais ícones de editores on-line e para comparação tentou criar um conjunto em cada um deles.

Fluxo de ícones.

Iconsflow.com - Vector Icons + Editor permite criar conjuntos personalizados e exportá-los de boa qualidade (SVG, ICO & PNG). A principal vantagem do serviço é a presença de dois editores:

  • o principal em que a paleta, estilo, efeitos são selecionados;
  • o editor do formulário onde você pode alterar o formulário atual ou desenhar um novo.

Se você já criou ícones no Illustrator, basta baixar os arquivos SVG e experimentar diferentes origens. Em ícones, há certas restrições com uso livre, por isso certifique-se de se familiarizar antes do início. Para usuários iniciantes há lições e seção de ajuda, além disso, é possível trabalhar no editor dos ícones em russo.

Ícones do editor de vetor:

Exemplos de trabalho:

Flatons.

Com Flatons.net, você pode criar seu próprio ícone plana (em um estilo simples) com base em padrões prontos. Defina as dimensões, escolha o desenho e o fundo principal (círculos, anéis, retângulos), altere a cor. Este editor do ícone é gratuito, mas ele tem duas desvantagens:

  • Primeiro, você pode baixar arquivos apenas no formato PNG.
  • Em segundo lugar, você terá que criar cada objeto separadamente, porque É impossível desenvolver um conjunto inteiro imediatamente.

Apesar do fato de que o pico da popularidade já passou, muitos os usam em seus projetos. Como exemplo, os desenvolvedores permitem baixar um conjunto gratuito de ícones planas sociais. Resultado do trabalho no editor de Flatons:

Gerador de ícones do lançador.

O projeto do gerador de ícones do lançador é gratuito e, como pensamos, é mais adequado para usuários avançados. Este editor de ícones on-line permite que você faça upload de imagens / cliparts e adicione texto. Você pode baixar um ícone de cada vez em 5 tamanhos (48 x 48; 72 x 72; 96 x 96; 144 x 144; 192 x 192).

Como clipe básico, um conjunto de gráficos no estilo de design de material do GitHub é usado. O serviço contém essas configurações como: recuo, forma, cor ou fundo de transparência, dimensionamento + efeitos adicionais. Resultado:

O gerador de ícones do material Android é outra ferramenta para criar ícones planas. O serviço do serviço é definitivamente o efeito na forma de uma sombra longa. Se você precisar de tais soluções - este editor de ícones será a opção perfeita.

Comece selecionando uma foto da galeria e determine a cor, a forma do fundo traseiro (círculo ou quadrado), o comprimento da sombra, saturação, atenuação - e seu ícone está pronto. Tudo é extremamente simples. Para uso pessoal, o site é totalmente gratuito.

Após o download no arquivo, você encontrará 6 tamanhos diferentes e um arquivo de svg de vetor. No Illustrator, o ícone SVG será borrado, mas felizmente, parece ser bom no navegador. Como resultado, acaba por algo como:

Site Simunity é um gerador de base HTML5, onde você pode criar um ícone e copiar o código para exibi-lo em seus projetos da web. Os materiais de origem usam os ícones impressionantes da fonte para os quais diferentes parâmetros são selecionados: cor, quadro, tamanho e estilo de sombras.

Este serviço é útil se você precisar criar rapidamente ícones originais simples para o site. Resultado da Simunidade:

TOTAL. Os editores on-line dos ícones considerados acima são excelentes ferramentas para otimizar os designers. Não faz sentido baixar alguns programas quando tudo pode ser feito com facilidade e rápida na rede. A partir dessa seleção, talvez você possa selecionar ícones. Ele contém o número mais grande de funções: ícones da galeria, carregando SVG, código para incorporação, visualização, criando seus próprios modelos, exportar PNG, ICO e SVG, Adaptação de tamanho, Estilos de Moda e Editor de Vetores embutidos. Além disso, este é o único editor livre dos ícones em russo, se é importante para você.

Se você conhece quaisquer outros serviços semelhantes, envie opções nos comentários.

Usando qualquer dispositivo, muitas vezes nos cansamos da mesma interface, e quero mudar alguma coisa. Para cada dispositivo, a aparência do sistema muda de maneiras diferentes. Os ícones são um dos componentes elementares de qualquer interface, e sua mudança não é difícil. Na internet, você pode encontrar muitos conjuntos de ícones para todos os tipos de dispositivos. Mas eles não são únicos, não individuais. Portanto, considere neste artigo como fazer um ícone para si mesmo para que seja seu é único.

Consideraremos o uso do exemplo de dois programas simples. Como é muito fácil fazer um ícone para uma pasta, arquivo, um atalho ou outros itens com sua ajuda, este software se torna uma excelente ferramenta na alteração da aparência da interface e sua individualização. Graças a esses programas simples, você pode fazer ícones para quaisquer elementos de interface de vários sistemas operacionais.

Fastes 1.0 Livre Portable

Programa mais simples para criar ícones, eu não conheci. Isso nem requer instalação. No Fastes 1.0 Portátil Grátis, não é permitido desenhar ícones, os torna as fotos acabadas. Você pode fazer um ícone de qualquer imagem, (pelo menos da sua própria foto) suporta uma variedade de formatos. Palavras simples - é apenas um conversor de imagem.

Antes de fazer um ícone da foto, baixe a imagem para o programa usando o botão Abrir arquivo. Selecione os parâmetros desejados: tamanho (tamanho), profundidade de cor (cores e bits por amostra), a pasta Salvar (caminho de saída, padrão, a pasta onde o arquivo inicial é salvo) e o nome do arquivo de ícone (saída o nome) .

O arquivo resultante é salvo no formato * .ico. E apenas nele.

Kit de ferramentas de ícone de Seanau 6.0

O kit de ferramentas de ícone de Seanau 6.0 terá que instalar em um computador, mas levará muito pouco espaço. Tem funcionalidade mais avançada. Este programa permite que você faça um ícone da foto e desenhe-se. Em ordem, ela tem um grande kit de ferramentas.

O kit de ferramentas de ícone suporta trabalhar com camadas, permite ajustar a profundidade de cor, transparência, há uma variedade de filtros. O arquivo de saída pode ser obtido em * .ico, * .png, * .bmp, * .jpg ou * .gif. Vale ressaltar que este software permite que você se inscreva nos ícones de estilo instalado, como Mac, Vista e outros. Baixe o programa para criar ícones é recomendado para aqueles que querem incorporar principalmente ideias criativas na interface.

1 voto

Bom dia, queridos leitores. Às vezes, uma coisa pequena pode jogar mão. Hoje vamos falar sobre ações tão praticamente inconspicuárias que trazem benefícios significativos.

A partir deste artigo, você aprenderá porque você precisa de Favona, onde procurar por eles e como fazer um ícone da ico simples e rapidamente.

Um elemento invisível que é adiado no subconsciente de cada

Favon é uma pequena imagem. No Yandex, aparece ao lado do título do portal já na pesquisa, e também é necessariamente exibido no navegador, você deve abrir o recurso.

Você provavelmente prestou atenção a eles. É para isso que eles são usados. Os ícones contribuem para memorizar um recurso, porque as informações visuais são absorvidas significativamente mais rápidas e penetram no subconsciente. Você pode ver uma pessoa uma vez, apertar com ele por três horas e pegar na memória por muito tempo para encontrá-lo pela segunda vez. Informações visuais (rosto) são cortadas em memória muito mais profunda do que qualquer outra.

Se você vir o ícone duas ou três vezes, postará no nível subconsciente, você confiará no portal e escolherá a massa total.

Se você estiver procurando por informações sobre uma consulta específica e abrir algumas guias, será o primeiro a inspecionar aqueles que são familiares para você, e o resto, provavelmente, feche se estiver satisfeito com as informações das primeiras fontes.

Eu vou contar a história de como o ícone do site jogou comigo uma piada. Eu precisava baixar algum livro. Eu vi um Favon familiar, também vi o design também pela primeira vez. Ótimo, eu já estava aqui! Eu cliquei no download praticamente sem pensar. Eu não tive tempo para manter como Antivirusman terminou o grito selvagem, e o computador não estava mais salvo, tive que reinstalar o sistema. Só naquele momento, lembrei-me de onde conheço este site e me lembro bem dele. Exatamente a mesma situação aconteceu há cerca de um ano, no mesmo recurso.

Como criar favon por apenas 2 minutos

O ícone do seu site pode estar no formato PNG ou ICO, 16 x 16 pixel.

Você pode usar o conversor e criar um favy de qualquer imagem. Por exemplo, aqui https://www.icoconverter.com/ . Selecione um arquivo.

Aqui, por exemplo, eu já preparei um desenho. É melhor escolher o formato PNG, então as bordas serão transparentes.

Escolha 16 pixels. Algumas preferem imagens de 8 bits (profundidade de bits). Em seguida, a imagem será carregada mais rapidamente. Parece-me que isso não é mais importante. Use coisas bonitas e de alta qualidade. Será muito mais útil.

Então, parece que tudo. No entanto, meu erro sai. O fato é que o tamanho da imagem excede as normas admissíveis. A imagem não deve ter mais de 3 MB.

Você pode comprimir ou pintar, mas mostrarei outra opção. Se você baixou a imagem no Google, encontre novamente e, em seguida, execute "Pesquisar por imagem".

Agora selecione "Small".

Baixe a mesma foto, mas menor.

Converter novamente.

Onde procurar por ícones prontos

Maneira mais simples e honesta de ganhar o download do serviço online https://www.iconsearch.ru/ . O uso dessas fotos é permitido pela administração e não é perseguido por lei. . Digite qualquer nome na linha de pesquisa e pronta.

Encontre uma imagem no formato PNG e ICO, baixe e instale no site.

Mas o que fazer se você quiser criar suas próprias mãos? Não há nada complicado nisso.

Trabalho criativo para profissionais e aprendido a especialistas

Qualquer negócio é bom. Legal, se você recuar para novos conhecimentos e estiver pronto para fazer todos os tipos de pequenas coisas para desenvolver suas habilidades. Se você tem o desejo de criar algo interessante para o portal, você precisará de serviço gratuito: https://favicon.ru/ .

Escolha a cor.

Desenhe no campo proposto para isso.

Em paralelo, siga o resultado. Em seguida, faça o download e pronto.

Talvez você inspire o uso de desenhos acabados. Selecione um arquivo de um computador.

E sua foto vai se transformar em um favon de 8 bits. Use a transparência para se livrar do fundo.

Este é o resultado que você terá sucesso. Eu não sei como você, mas, francamente, ele não gosta particularmente.

Eu faria com grande prazer usado Photoshop () para este trabalho. Criou um ícone, salvo em PNG e, em seguida, convertido usando https://www.icoconverter.com. . Sim, o trabalho é muito maior, mas o resultado será mais interessante e mais bonito. Embora escolhendo você.

Olhe para o vídeo em que o cara por 9 com um pequeno minuto cria um ícone deslumbrante.

Se você gostou desse vídeo e quiser mais aprofundado para estudar o Photoshop, então nós recomendamos o curso de Zinaida Lukyanenko ( Photoshop do zero no formato do vídeo VIP 3.0 ). Literalmente algumas semanas você dominará todas as habilidades necessárias para trabalhar com este programa.

Eu não me canso de repetir que o lado técnico não é um problema. É importante aprimorar suas habilidades, aprender como criar projetos legais que funcionem. E isso pode ser feito apenas na prática. Depois de obter todos os conhecimentos básicos sobre a tecnologia.

Então já há experiência e prática. Primeiro, uma imagem sai por várias horas, e ao longo do tempo você já se torna óbvio quais cores são combinadas, técnicas que são melhores para se aplicar de uma forma ou de outra. Não há nada mais agradável do que ver como os designers profissionais funcionam. Isso realmente treme.

Não perca tempo para compreensão sem sentido, desenvolva seu próprio talento. Você não deve gostar de um lenhador de um conto de fadas, que até o final da vida tentaram encontrar a maneira mais rápida de trabalhar como um machado, mas viveu à velhice e não desistiu de uma única árvore. Ele passou todas as conversas de tempo, raciocínio, livros e outras buscas por uma resposta para excitar sua pergunta. No final de sua vida, ele não teve mais força para verificar se a melhor versão funciona - apenas faça.

Faça tudo em tempo hábil. Muito em breve, você definitivamente entenderá como você pode trabalhar mais fácil, mais rápido e melhor. Nesta fase, execute tarefas, pelo menos de alguma forma, e você definitivamente chegará ao fim com uma incrível bagagem de conhecimento.

Se você gosta deste artigo - assine o boletim informativo. Você pode receber informações atualizadas que ajudarão você a se encontrar on-line e ganhar um bom dinheiro sobre o que você vai desfrutar: design, escrevendo textos, layout e até mesmo liderança de todos esses processos. Todos encontrarão algo por si mesmos.

Boa sorte para você em seus empreendimentos. Para novas reuniões.

A última lição da quarta etapa do nosso curso de treinamento, dedicaremos a criação de ícones para aplicativos Android. E no final do artigo você encontrará nosso teste tradicional para a assimilação do material aprovado.

Aqueles que há muito tempo gostam de smartphones no Android sabem que este sistema operacional é distinguido por um alto grau de personalização. Há acesso à configuração individual de papel de parede, loja, tela principal, widgets, fontes e assim por diante. O usuário pode até alterar a interface do sistema usando um lançador.

No entanto, poucas pessoas sabem que o Android faz isso ... Redraw ícones de aplicação. Para fazer isso, existem vários utilitários disponíveis para download gratuito no Google Play. Em nosso artigo, vamos contar sobre os programas mais convenientes e também mostrar como fazer um ícone de aplicativo em um dos applets.

Um aplicativo simples Android com uma interface intuitiva permite que você faça rapidamente um ícone de dezenas de modelos, altere o tamanho, cor e assinatura. Também durante a criação de um atalho, você pode personalizar a inclinação e até mesmo colocar a imagem pronta em segundo plano.

O aplicativo é fornecido de acordo com o diagrama condicional. A versão principal do programa tem banners de publicidade, além de limitar o número de modelos. No entanto, para a versão completa, os desenvolvedores são avaliados apenas 76 rublos. Como eles mesmos brincam: o preço de apenas uma xícara de café.

O aplicativo é criado para criar rótulos para substituir os ícones padrão. Para fazer isso, basta escolher a lista de aplicativos um programa e redesenhar no rótulo do aplicativo. Leia mais sobre como fazer - no final do artigo.


App para Android, que tem extensa funcionalidade para desenhos ícones. Além disso, o utilitário permite que você crie atalhos não apenas para plataformas móveis, mas também para sistemas de PC, como o Windows. Para criar um ícone, o usuário configura o fundo e escolhe um dos cinco mil modelos.

Para desenhar atalhos, o aplicativo contém ferramentas convenientes:

  • Dimensionamento
  • Posicionamento
  • Vez
  • Raio e muito mais

Todos os ícones são criados com base em gráficos vetoriais escaláveis \u200b\u200be são exportados para o formato SVG. By the way, ele permite em uma propriedade separada para personalizar o código fonte de etiquetas.


Para criar um novo ícone, o aplicativo Material Icon Maker oferece apenas 4 etapas simples:

  1. Selecione um rótulo básico. A base pode ser emprestada de uma seleção de mais de 900 fontes, texto de discagem ou carregar uma imagem da galeria do smartphone.
  2. Personalize o fundo. Aqui o usuário escolhe a forma e a cor.
  3. Para impor sombras escolhendo a direção, cor e transparência.
  4. Exportação em várias permissões disponíveis.

Os ícones prontos podem ser usados \u200b\u200bem qualquer lançador Android de terceiros, que suporta a instalação de etiquetas personalizadas, como o Nova Launcher. O aplicativo é gratuito, não requer uma conexão com a Internet e não contém publicidade, mas em apenas 15 rublos você pode comprar uma chave especial que desbloqueia funções adicionais, como uma configuração mais fina de sombras, cores e exportações em alta resolução.


Um editor rápido e muito conveniente do ícone, que permite desenhar novos atalhos para aplicativos em alguns minutos.

Primeiro, o fundo é criado e configurado. Aqui você pode alterar o formulário, definir a cor e a espessura do acidente vascular cerebral, impor um brilho, sombra ou gradiente. Em seguida, o trabalho deve estar trabalhando com o logotipo. Ele pode pedir um novo tamanho, fazer um preenchimento e contorno, impor uma sombra. O último passo é o efeito de sobreposição. Apenas dois estão disponíveis na versão básica do aplicativo: luz brilhante e espalhada. Para acessar todos os modelos terá que expandir o aplicativo para a versão Pro para 116 rublos.

O recurso desta aplicação é que o ícone não está sujeito a um aplicativo específico, mas um pacote completo para todos os programas no smartphone. A montagem acabada é projetada para vários lançadores, como Nova Launcher, Action Launcher, ADW Launcher ou Apex Launcher.

Como criar um ícone de forma independente para o aplicativo Android

Para demonstrar aplicativos para criar e editar ícones, escolhemos o utilitário Adapticons, que foi instalado no smartphone Fly Cirus 12. Com ele, vamos mostrar passo a passo como desenhar um rótulo para o Android.

Etapa 1. Na lista de aplicativos instalados no smartphone, selecione aquele para o qual você deseja desenhar um novo ícone.

Etapa 2. Selecione o plano de fundo.


Etapa 3. Ajuste o tamanho e o logotipo do fundo.


Etapa 4. Se necessário, deslize o logotipo e adicione uma sombra a ela.

Passo 5. Vá para o editor de logotipo.


Etapa 6. Selecione o logotipo dos modelos prontos ou importe o dispositivo da memória.

Etapa 7. Selecione a cor do logotipo.


Etapa 8. Salve o ícone na área de trabalho, exporte um formato PNG ou adicione ao lançador para o lançador.


Todo o processo de criação de ícones pode ser visualizado em nosso vídeo:

Agora você sabe como facilmente e rapidamente criar um novo ícone para aplicativos Android. Em geral, a maior parte das aplicações tem funções semelhantes e difere apenas pelo custo de versões estendidas. O mais importante é trabalhar com eles sem intervenção nas configurações do sistema do smartphone, já que, de fato, tais utilitários são editores gráficos peculiares.

Você gostou de uma das aplicações oferecidas por nós? Desenhe seus ícones e adicione seu trabalho mais espetacular nos comentários sobre este artigo.

Sabedoria de tópicos e bom que poderia ser
Disse um dia, mas vem a prática de forma diferente.
"Fidget", Sergey Lukyanenko.

Nesta nota, vamos falar e instalá-lo em seu recurso, como fazer um ícone Da imagem usual e como alterar o ícone existente no novo. Eu descreverei como faço isso. Eu não excluo que existem outras maneiras, mas elas são desconhecidas para mim.

Na realidade, criando um ícone para o site - procedimento simples e simples. Perguntas sobre isso, é claro, surgiram periodicamente e respondi a cada pedindo pessoalmente. Mas muito preguiçoso eu fui finalmente superclocado e esta nota foi escrita. Agora você pode enviar todos os interesses aqui.

P Orger, aqui é descrita minha experiência pessoal. Então como eu faço ícones. Aesthetes e Gourmets podem passar.

E assim, prossiga.

Antes, como instalar o ícone no site, precisa ser criado. A partir disso e comece.


§ 1. Como fazer um ícone

Qual é o ícone (favicon), descrito. Portanto, voltamos diretamente para o processo de sua criação. Como eu faço:

No ícone Syu - para o site está pronto.

N jans moda:

  • ~ Você precisa pegar desenhos simples de alguma coisa. Grande. Se houver muita coisa e multa na foto, o ícone vai acabar na forma de um ponto embaçado. E não será um ícone, mas depois da atividade vital das aves;

  • ~ O método foi verificado apenas no xnview. Quando reinicia a imagem como ela deve ser reiniciada.

§ 2. Criando um ícone para o site

Com um todo, mantendo a imagem como Favicon.ico, criamos um ícone para o site.

§ 3. Como instalar o ícone no site

Vou colocar nosso arquivo favicon.ico para a pasta raiz do site (onde o site é mentido) e é isso. , E outros com os serviços encontram automaticamente nosso ícone e aparecerão. O principal é que é chamado favicon.ico e estabelece na pasta raiz do site.

§ 4. Como alterar o ícone do site

Com nenhum arquivo favicon.ico deitado, por conta própria, criado no caminho acima.

§ 5. Por que é necessário

O que então dá os ícones do site? Bem, o mais importante é que o site recebe sua marca de identificação. No navegador:


No mecanismo de busca (