Como fazer Ícones

sempre quis aprender o que é preciso para criar o seu próprio ícone, mas nunca soube exactamente onde começar? Bem, com este artigo, isso vai mudar. Você vai aprender o que é um ícone e obter respostas para as perguntas e problemas mais comuns que surgem. Ao longo do caminho, você vai descobrir que o processo não é tão difícil como você poderia ter pensado uma vez.

Oh, e antes que me esqueça, se quiser expandir a sua biblioteca de ícones, poderá sempre dirigir-se aos elementos Envato, onde irá encontrar uma grande colecção de pacotes de ícones vectoriais à espera de serem recolhidos.

1., Quais São Os Ícones?se há uma coisa realmente importante que a escola conseguiu ensinar-me, é que sempre que você se encontra enfrentando um novo conceito, você deve sempre colocar no tempo e aprofundar a pesquisa, para que você possa ter uma compreensão completa do que ela significa.assim, sendo a cura do hábito que sou, vou instilar em você o mesmo método de resolução de problemas, começando com a mais básica das perguntas: “O que é um ícone?,”

Bem, de acordo com toGoogle, a palavra se origina do grego eikón (imagem) e é commonlydefined hoje, como:

“devocional pintura de Cristo ou a outro santo figura,normalmente executado em madeira e usado cerimonialmente em Bizantino e otherEastern Igrejas”.

embora este não seja exactamente o tipo de ícone que nós criativos tendemos a pensar, pode ser a primeira coisa que algumas pessoas visualizam quando lhes dizes que ganhas a vida a fazer “design de ícones”.,não me interpretes mal, Não tenho nada contra a arte dos ícones da pintura,que é em si mesma uma arte muito bonita mas difícil, mas estamos a falar de um uso completamente diferente das mãos e da imaginação.

de uma perspectiva digital mais moderna, um Ғconeӎ definido como:

“um símbolo ou representação gráfica numa tela de um programa, opção ou janela”.

Se você estiver usando um Mac ou um PC, um iPhone ou um dispositivo Android,cada um deles tem uma interface de usuário baseada em ícones de differentshapes, cores e tamanhos.

2., Porque Usamos Ícones?

Historicamente, a primeira nunca conjunto de ícones do computador foi concebido quase 37 anos atrás (moreexactly em 1981), quando um computerscientist pelo nome de David Canfield Smith juntou forças com designerNorman Lloyd Cox, enquanto trabalhava em uma GUI(Graphical User Interface) do XeroxStar 8010. Sua tarefa era facilitar a interação do usuário com a máquina,que eles criativamente superaram, introduzindo símbolos gráficos familiares destinados a refletir objetos da vida real com os quais o usuário poderia se relacionar.,uma vez que os computadores de antigamente eram usados principalmente em ambientes de trabalho, rapidamente perceberam que podiam encontrar inspiração olhando para os objetos mais comuns encontrados em um escritório, trazendo assim a “metáfora de escritório” para a vida.

isto lançou as bases para a construção da primeira linguagem visual comum para a era digital, que moldou não só a forma como os GUIs parecem, mas também a forma como funcionam.,

Facilidade ofInteraction

Rápido forwardto hoje, e enquanto eles definitivamente visto algumas alterações em termos de forma, a sua corefunction manteve-se praticamente idênticas, pois eles continuam a servir thesame finalidade de que eles foram originalmente concebidos, e que é a flexibilização ourinteraction com as diferentes peças e tipos de software.

E, honestamente, devemos mesmo ser surpreendido? Imagine ter que usar um pedaço de software que hasa GUI baseado inteiramente no uso de palavras-chave., Acabei de o fazer, e acredita em mim, tornou-se num pequeno pesadelo.os ícones se comportam como símbolos visuais universais que se libertam da barreira da linguagem, devido ao fato de que eles conseguem retratar imagens que podem ser facilmente entendidas por usuários que vêm de diferentes lados do planeta.

em vez de ter de descobrir maneiras de transmitir o mesmo significado para falantes de duas línguas diferentes, você pode facilmente encontrar um símbolo comumente aceito que faz o trabalho para você.,

é claro, haverá ocasionalmente algumas representações que podem exigir que os usuários passem por um processo de memorização de um símbolo, a fim de adicioná-lo a sua linguagem. Normalmente, isto acontece no caso de novos conceitos ou tecnologias com os quais precisam de se familiarizar.

pensadores mais rápidos

em comparação com as palavras,as imagens têm a capacidade de estimular nossos olhos significativamente mais rápido e por um longo período de tempo. Isto, por sua vez, significa que o Usuário não só decifrará o significado por trás de um ícone mais rápido, mas o tempo de engajamento total esperado será farsmaller.,Imagine ter um software complexo com muitas ferramentas e funções. Agora, como seria se todas as ferramentas fossem ilustradas usando etiquetas, ou seja, texto em vez de símbolos? Enquanto você pode conseguir descobrir a posição de alguns deles, rapidamente se tornaria uma sobrecarga visual que eventualmente faria você odiar aquele pedaço de software.

acredite ou não, há uma verdadeira razão pela qual nos afastamos das interfaces de linha de comando, e a maioria tem a ver com estética e facilidade de interação.,

EyeCandy

Indo além theidea de funcionalidade, ícones que se comportam como o visual dispara significava não apenas toportray uma idéia mais rápido, mas também para fazê-lo em uma maneira que seja agradável para os olhos.

Por exemplo, eu gosto de pensar na tela de um dispositivo como sendo uma daquelas prateleiras que eu usuallystroll passado quando eu faço minhas compras no mini mercado local. Se os produtos estão embrulhados de uma forma colorida e atraente, então a minha atenção é imediatamente atraída para eles, mesmo que às vezes eu nem preciso desse produto—estou apenas interessado em ver o que ele contém.,

o mesmo pode ser dito sobre os ícones, uma vez que quanto melhor eles olham, o usuário mais descomprometido será olhar para eles e, em seguida, se envolver em interação, que às vezes é exatamente o que queremos que eles façam.

3. Howto Make an Icon

Okay, so up to this point we’ve talked about what icons are and why we use them. Agora é hora de ter uma noção do que é preciso para fazer uma.

3.1. A fase de pesquisa

toda vez que você começa a trabalhar em um novo projeto baseado em ícones, existem alguns aspectos chave que você precisa descobrir antes de passar pelo processo real de construção dos ícones.,eu chamo isso de “fase de pesquisa”, já que isso é basicamente tudo o que você vai fazer. Você vai passar alguns minutos ou horas, dependendo do tempo e paciência que você tem, procurando respostas para algumas perguntas básicas.

Como ManySize Variações que Você Precisa?

a primeira pergunta que você deve sempre perguntar a si mesmo tem a ver com o número de variações de tamanho que você precisa criar para um ícone específico.precisa de oneicon, dois ou talvez mais?,

Se, por alguma razão, você acabar trabalhando em um projeto de tamanho único, então esta parte deve ser muito fácil de passar. Por outro lado, se você precisa fornecer vários tamanhos, então você pode encontrar-se em um pickle, especialmente se você está fazendo o trabalho do cliente, mas não tem um brief claro indicando os valores necessários.

Felizmente para nós, mais do que esses valores já se tornaram indústria “normas”,o que significa que você não precisa perder tempo jogando com números na ordem tofigure descobrir o que funciona e o que não.,

Se souber onde os ícones serão utilizados, poderá normalmente encontrar os valores de dimensionamento necessários, fazendo uma simples pesquisa Googlesearch.,i>

96 x 96 px

128 x 128 px

256 x 256 px

Ícones Grandes:

• 512 x 512 px
• 1024 x 1024 px

dica Rápida: se você dar uma olhada na acima de tamanho de valores, você logo perceberá que a maioria deles são, na verdade, criado pela duplicação do número anterior: 12 > 24 > 48 > 96; 16 > 32 > 64 > 128 > 256 > 512 > 1024.,

em alguns casos, como para aplicações móveis, você pode encontrar diretrizes detalhadas diretamente dos fabricantes de SO que são destinadas a ajudá-lo:

• Apple Icon Guidelines
• Google Icon Guidelines

qual será o seu tamanho de Base?

ao trabalhar em projetos de múltiplos tamanhos, recomendo vivamente que comece sempre do menor tamanho endereçável possível.

isto tornar-se-á o seu tamanho de base, que mais tarde irá usar, a fim de fazer todos os outros necessários., A razão tem a ver com a natureza pixel-perfeita de suas formas, que irá quebrar se você construir grande e, em seguida, tentar obter as variações menores, redimensionando-os.

Quando se trata de escolher um valor para o tamanho de base real, tudo depende dos requisitos do projeto, mas a regra geral é que você deve sempre ir tão pequeno quanto possível.,

Por exemplo, se eu precisar criar três variações (16 x 16 px, 32 x 32 px, and64 x 64 px), eu vou sempre certifique-se de tostart com 16 x 16 px como o meu tamanho de base e, em seguida, criar ooutro queridos, dobrando-a para cima.

quais são as principais características definidoras do sujeito?uma vez que tenhamos descoberto o problema de dimensionamento, precisamos tomar alguns momentos e quebrar o conceito que vamos ilustrar. Para mim, pessoalmente, este passo é de ânimo leve, pois permite-me identificar e isolar os seus traços principais.,

Você pode facilmente fazer isso pegando um pedaço de papel ou abrindo um documento de texto, e geralmente escrevendo observações curtas (palavras-chave) que têm a ver com sua paisagem, tamanho, cores, composição de elementos/características, etc.

Enquanto alguns tendem a gastar menos tempo a esta parte da pesquisa, addingthat minuto extra pode vir a ser extremamente útil, especialmente se você estiver juststarting, uma vez que irá tornar as coisas mais fáceis quando se trata de obter uma “sensação”do assunto.

que Estilo você usa?,

neste ponto, podemos e devemos começar a pensar no “estilo”, ou, em outras palavras, o olhar que ouricons vai acabar abraçando.no passado, as coisas eram bastante diferentes, uma vez que o estilo dos primeiros ícones era ditado pela tecnologia de exibição limitada. Isso, por sua vez, acabou moldando a forma como esses símbolos visuais pareciam, mas também colocou a Fundação para o primeiro estilo de sempre, que usou formas definidas por linhas ousadas e duras para as seções externas e mais finas para os detalhes internos.,

hoje, esse bairro de pixels tem sido atravessado há muito tempo, permitindo-nos crescer e criar novos estilos, que estão em constante evolução e mudança.

Os estilos mais populares são:

• pixel arte
• televisão
• material
• linha
• isométrica
• glifo
• skeuomorphic
• dimensional
• desenhados à mão
• animados

Pessoalmente, whenit trata de escolher um look para o meu futuro ícones, eu geralmente acabam indo toDribbble.,com, onde costumo passar alguns minutos a analisar a corrente trends.As deslizo para cima e para baixo, rapidamente consigo uma ideia do que gostaria de fazer, e depois tento manter-me fiel a isso.dito isto, recomendo vivamente que tenha uma boa ideia do que pretende desde o início, uma vez que, caso contrário, poderá perder muito tempo ao percorrer estilos diferentes.e outra coisa, por favor, não te tornes naquele designer que vê algo de bom e depois copia completamente o trabalho de outra pessoa, colocando-o lá fora como se fosse seu., Enquanto algumas pessoas recomendam esta abordagem, a fim de aprender e crescer, isso é o que deve ser, em última análise, um exercício onde você tenta descobrir como algumas coisas são feitas.

Se copiar é tudo o que você acaba fazendo, então você pode nunca chegar ao ponto em que você desenvolve um estilo pessoal, que é o que define um bom designer de ícones além do therest.

Se quiser saber mais sobre este assunto, recomendo vivamente que leia os meus 10 estilos que Mudaram a Face do artigo de design de ícones, que irá quebrar os principais estilos existentes e as suas características.,

Como Encontrar Inspiração

Dependendo thenature do projeto que você está fazendo, se é um pessoal orclient trabalho, você vai finalmente encontrar-se na necessidade de um pouco de inspiração. Esta frase é bastante enredada com a seleção de um estilo, uma vez que é aqui que você começa a lançar as bases para os seus ícones futuros.então, como é que consegues sentir-te inspirado?,

Well, the best way to get your creative sucks flowing is to create what is commonly known as a “moodboard” (or inspiration board).

Como os nomes, uma placa de humor é uma coleção, ou mais exatamente uma colagem de ideias baseadas em imagens, que vão desde paletas de cores A Fotos, ilustrações, texturas,tipografia, etc. Ele ajuda você a obter uma direção para o que você acabaria por gostar de seu produto para se sentir.,como designer, você está constantemente reservando coisas que pegam sua atenção, mas às vezes é difícil manter o controle de todas elas, especialmente quando você precisa vê-las todas de uma vez.

é aqui que as ferramentas como Pinterest e Instagram podem ser úteis, uma vez que permitem criar moodboards com um clique de um botão.

outra alternativa, que eu sei que muitas pessoas tendem a usar, é baixar a selecção de imagens que você fez, e, em seguida, criar o mood board diretamente com sua suíte de gráficos.,

Se estiver a usar a configuração de um único monitor, Então Isto poderá funcionar melhor para si, mas se estiver em equipa, poderá considerar usar a primeira abordagem.

Quando se trata de tothe real imagens de si próprios, eu, normalmente, dependem de um dos recursos a seguir:

• Dribble.com
• Behance.com
• Iconfinder
• O Substantivo Projeto
• Pinterest
• Instagram
• as Imagens do Google

às Vezes, você’llfind-se em que situação onde você tem mais um assunto complicado thatyou pode precisar de ajuda para descobrir o símbolo usado para isso., Quando isto acontece, costumo ir ao projecto Noun ou ao Iconder e fazer uma pesquisa simples, que traz sempre uma grande selecção de imagens que me ajudam a compreender melhor o assunto.neste ponto, você deveria ter coberto todas as perguntas acima, o que significa que estamos agora prontos para avançar para a próxima fase.

3, 2. A fase de construção

assim, você deduziu o seu tamanho de base, decidiu sobre as variações de tamanho, e até criou um tabuleiro de madeira, o que nos leva à segunda fase do processo.,

agora, independentemente do software que você está usando-Adobe Illustrator,Adobe Photoshop, Designer de afinidade, Sketch, etc.—esta próxima parte é praticamente a mesma, uma vez que você pode aplicar os conceitos a qualquer um dos graficssuites existentes.

o mesmo pode ser dito sobre os diferentes sistemas operacionais, uma vez que se você é um usuário Mac ou Windows, você será capaz de alcançar o mesmo resultado seguindo o mesmo processo.dito isto, vamos ver o que é preciso para começar a construir o seu ícone.,

torná-lo Pixel Perfeito

neste ponto, a maioria dos programas já vêm pré-configurados para ajudá-lo a criar os seus ícones com perfeição de pixels em mente.

If this is your first time hearing about this idea, then I stronglyrecommend you take a par of moments and go through my How to Create Pixel-Perfect Artwork article, which should bring you up to speed.,

Now, assumindo que está definido a ler o artigo acima, a questão é se devemos ou não colocar o tempo e adaptar-nos a este fluxo de trabalho mais rigoroso.Bem, pessoalmente eu tenho usado isso por mais de cinco anos agora, e não importa quanto mais tempo ele pode acabar comendo, eu ainda acredito que tudo vale a pena., Se você der uma olhada em como as coisas foram originalmente feitas nos primeiros anos desta nave, quando a resolução era um problema, você vai notar que icons foram construídos usando grelhas de pixels, Não formas de tamanho aleatório.

configure um ficheiro de Projecto apropriado

o primeiro passo para criar o seu próprio ícone, ou pacote de ícones, é configurar um novo ficheiro de projecto. Simples, certo? Bem, nem por isso, já que se estás apenas a começar, há um monte de coisas que devias estar ciente.,

o Profile

Em Primeiro Lugar, deverá sempre certificar-se de que o perfil do seu documento está configurado para a Web, uma vez que os ícones são habitualmente utilizados no meio digital.

isto é realmente importante, uma vez que diferentes perfis terão diferentes sistemas coloridos (Web usa RGB, enquanto a impressão usa CMYK), o que pode resultar em representações de cores indesejadas quando vistas por outras pessoas.

The MeasuringUnits

Next, we have the measeuring units used to describe the width, height, corner radius, stroke weight, and spacing used for the differentcomposing shapes.,

Por padrão, as unidades devem ser sempre definidas em pixels, desde que você faça a certeza de que o documento se destina a ser usado para a web.

usamos pixels em vez de outra coisa, uma vez que é a unidade universalmente acordada usada para medir qualquer produto digital.

o número de quadros artísticos

Uma vez definido o perfil e as unidades do seu documento, terá de descobrir se vai utilizar um quadro maior ou vários quadros mais pequenos.

O meu conselho é sempre tentar tomar a segunda rota, uma vez que vai tornar as coisas muito mais fáceis quando se trata de exportar os ícones.,indo além disso, ter várias pranchas significa que você pode mais facilmente focar em um ativo de cada vez, à medida que você gradualmente constrói o seu pacote.

UseLayers

Se você está criando um único ícone, ou um pacote inteiro, você deve sempre tentar e usar um par de camadas, a fim de separar seus ativos de suas grades de referência.

ao fazê-lo, pode facilmente construir os seus ícones sem ter de se preocupar que irá mover ou agrupar as grelhas subjacentes por engano.,indo além disso,ele irá ajudá-lo durante o processo de exportação, uma vez que você vai querer ser capaz de esconder suas grades.

grelhas de UseReference

Por definição, uma “grade de referência” é uma ferramenta visual consistindo de orientações geométricas para ajudá-lo a alcançar consistência de tamanho em todos os seus ícones.

pode ser tão simples como dois quadrados empilhados em cima um do outro, ou você pode usar algo um pouco complexo. Pessoalmente, prefiro optar pelo mais básico, uma vez que faz o trabalho melhor do que o esperado.,

normalmente, começo por criar a superfície de referência principal usando os mesmos valores exactos de largura e altura que o meu quadro de arte subjacente. Depois adiciono um slightlysmaller chamado “active drawingarea”, que é onde vou colocar todas as formas do meu activo.

Isto irá dar um estofo Protector médio em todo o lado, que eu sempre incluo, a fim de garantir que os ícones não são recortados quando são entregues e usados mais tarde pelo cliente.,

ao trabalhar em vários ícones, a minha regra de ouro é decidir se vou ou não preencher a largura e a altura da área de desenho activa ou apenas uma delas, dependendo do estilo para o qual estou a trabalhar. Assim que descobrir isto, pegarei nessa regra e aplicá-la-ei a todos os meus outros bens,alcançando assim a consistência que pretendo.

4. O do’Sand Don’TS de criar ícones

Depois de ter terminado a configuração do seu ficheiro do projecto, camadas e referencegrids, tudo o que resta é começar a trabalhar nos ícones reais., Agora, dependendo do estilo que você está indo para, há um par de coisas que você deve estar ciente.

Manter o ItSimple

Quando nós startlearning algo novo, sempre temos aquela vontade de criar em uma higherlevel, uma vez que temos a tendência de olhar para o que os outros estão fazendo e pensar, “Bem, que não pode ser tão difícil.”

embora eu não duvide da sua capacidade de montar algo completamente incrível, eu realmente recomendo que você comece por fazer projetos simples no início, para que você possa gradativamente construir suas habilidades de uma maneira mais orgânica.,

além disso, às vezes simples é apenas melhor, uma vez que a ideia é retratar um assunto—seja um objeto, uma função, ou uma ideia—de uma forma que qualquer usuário pode entender instantaneamente.

comece com formas básicas

Se você está tendo um tempo difícil de trabalhar em um projeto, a melhor idéia é dar um passo atrás e, em seguida, concentrar-se em definir as formas básicas do sujeito. Quer esteja a usar rectângulos, círculos ou ambos, tente descontrair-se e ver como pode construir o seu ícone, concentrando-se nas suas principais secções de composição.,

Uma vez estabelecido o seu fundamento, você pode então começar a ajustar os blocos de construção principais e gradualmente adicionar detalhes a eles até que você atinja a forma desejada.

Focus onColors

a lot of the time, I see incredible work put out there by random creatives who put a lot ofattention into their compositions, but for some reason fail when it comes to colors. Acredite ou não, uma paleta de cores pode fazer ou quebrar a sua arte bonita, e é por isso que eu acredito que é importante que você tome o tempo e aprender tudo o que você pode sobre a teoria das cores.,

Se você está feelinglazy, ou simplesmente não tem tempo para começar a ler livros sobre este assunto, thenjust procurar alguns ícones (alguns bons), e tentar analisar a forma theircreator cores utilizadas, a fim de trazê-los para a vida.

às Vezes, aprendizagem, procurando em outro exemplo pode disparar até thememory músculos muito mais rápido, o ensino de sua mente quais cores funcionam e quais não funcionam.

AvoidUsing Texto Dentro de Seus Ícones

Este é um tipo de um acéfalo, pois, toda a idéia por trás de um ícone é eliminar o needfor escrita de letras, que devem ser substituídos por símbolos.,

é claro, sempre haverá aquelas poucas situações em que você realmente precisa usar letras para distinguir um ícone de outro. O melhor exemplo é quando você precisa montar um pacote de ícones com tema de documento, onde você precisa ilustrar um arquivo PNG, um JPEG e um SVG. Uma vez que a forma do documento precisa permanecer idêntica, sua melhor abordagem para fazer isso seria adicionar um pouco de etiqueta ao centro de cada documento, a fim de deixar o usuário saber qual é qual.,

Você pode encontrar uma lista mais detalhada lendo as minhas 10 dicas de topo para criar ícones impressionantes, que devem trazer mais luz para este assunto.

Alguns estilos, como ícones de linha, requerem um pouco mais de atenção quando se vem para o real processo de construção. Do caminho sobreposto ao posicionamento do traço, eu cobri todos os diferentes cantos e recantos que você precisa estar ciente ao criar este tipo de ícones.,

5. Problemas comuns

em seguida, vamos passar rapidamente por alguns dos problemas mais comuns que você terá que lidar quando trabalhar em um novo ícone.

ShapeRotation

esta é provavelmente a mais irritante quando se trata de trabalhar num ícone perfeito de pixels, uma vez que sempre que você roda uma forma, ela irá imediatamente sair da grelha de pixels subjacente., Quando isso acontece, os valores de largura e altura da forma se transformarão em valores decimais, o que é geralmente indicado pelo transformpanel do software.

embora pense que este não é um problema tão grande, irá descobrir em breve que é, uma vez que se tiver de alinhar a forma ao extremo de outro, simplesmente não será capaz de o fazer.,

dependendo da complexidade da forma, na maioria das vezes você pode corrigir o problema através da individualização de suas âncoras/nós, e então encaixá-los de volta no lugar para a intersecção mais próxima da rede.

pessoalmente, eu tendem a ficar longe de formas rotacionadas e só usá-las quando realmente preciso, certificando-se de fazer o meu melhor para voltar para a grade de pixels.

criando variações de tamanho

então você conseguiu criar o tamanho base para o seu ícone, mas que tal adicionar várias variações de tamanho com base nele?,

bem, o processo em si é bastante simples, uma vez que a maior parte do tempo tudo o que você tem que fazer é dobrar o tamanho do seu ícone atual usando um incremento de 200%.

Por exemplo, se você tem um ícone que é 64 x 64 px, você pode facilmente criar a variação de tamanho seguinte, dobrando seus valores de largura e altura, então 128 x 128 px.

pode descobrir mais sobre este processo em particular lendo o meu artigo Como Escalar correctamente ícones no Adobe Illustrator, que apresenta conceitos que podem ser usados na maioria das suites gráficas.,

6. Como exportar o seu ícone

percorremos os principais passos necessários para criar um ícone, então agora vamos tomar alguns momentos e falar sobre o que precisamos estar cientes ao exportá-lo.

esta última parte do processo, embora possa parecer complicada, é realmente muito simples.

escolha o formato certo

a primeira coisa que você precisa fazer é descobrir qual o formato de arquivo que você vai usar para salvar o seu projeto final.,

normalmente, ao criar ícones, irá querer exportá-los com um fundo transparente, para que possam ser usados numa superfície colorida. Este recurso é suportado pelas seguintes formatos de arquivo de varredura:

• GIF
• PNG
• BMP
• TIFF
• SVG

Fora de todos eles, normalmente você vai acabar usando PNG, pois oferece total compatibilidade, usando um espaço muito pequeno, quando se trata de tamanho. Isso significa que ele pode basicamente ser usado em qualquer lugar, seja um site, uma aplicação desktop, um aplicativo móvel, um documento Word, etc.,

SVG está se tornando um outro formato popular para a web, porque é um formato escalável que você pode ajustar na hora e redimensionar sem qualquer perda de qualidade.

salvá-los individualmente

quando se trata do processo em si, ele varia de ferramenta para ferramenta. Alguns vêm com ferramentas de exportação dedicadas, enquanto outros ainda dependem de métodos mais tradicionais.

não importa qual o software que você usa, o objetivo principal é sempre certificar-se de salvar cada ícone como seu próprio arquivo individual, nomeando-os quando possível.expande as tuas capacidades de construção de ícones!,

Agora que chegamos ao fim do artigo, eu quero deixá-lo com alguns tutoriais escolhidos à mão que deve colocá-lo em funcionamento em nenhum momento!

• Design Gráfico
  10 Illustrator Ferramentas que Todo Designer Deve Estar Usando
  Andrei Stefan
• Adobe Illustrator
  Camadas vs., Pranchetas: Comparação de Métodos para Exportar Pacotes de icones
  Andrei Stefan
• Ícone de Design
  Dica Rápida: Exportação de Ícones com as Fatias no Adobe Illustrator
  Andrei Stefan
• Ícone de Design
  Comparando os Dois Métodos para a Criação de Ícones de Linha: Deslocamento Caminhos vs.,div>

  Andrei Stefan
• Adobe XD
  Como Criar um Ícone de Nuvem no Adobe XD
  Daniel Branco
• Afinidade Designer
  Como criar Mini Ícones na Afinidade Designer: Introdução
  Melodia Nieves
• Afinidade Designer
  Como criar Mini Ícones na Afinidade do Designer: Desconto de Crachá e Cabide de Ícones
  Melodia Nieves
• Sketch
  Qual É o Esboço e Quem É?,
  Adi Purdila
• Adobe XD
  Nova Raça: Ícone do Design Com o Adobe XD
  Andrew Blackman
• Animação
  Novo Curso: Animação de Ícones Com o Adobe Illustrator e o after Effects
  Andrew Blackman
• Sketch
  Novo Curso: contando Com o Esboço
  Andrew Blackman