prefiro usar o Photoshop para criar os meus ícones ICO. Um ICO tem tamanhos definidos e você quer ter certeza de que eles são pixel perfeito em cada tamanho. Com o meu método Photoshop você terá controle sobre o design de cada tamanho individual de ícone, ao contrário do método ilustrador. Isto é benéfico porque permite que você adicione mais detalhes aos ícones de tamanho maior.
Passo 1: Criar um ficheiro de modelo. Você pode baixar o arquivo de modelo PSD que eu criei., Não é nada de especial, mas dá a cada tamanho de ícone uma moldura para onde o ícone precisa caber. Você pode escolher os tamanhos que quiser e mostrá-los em qualquer ordem que você gostaria, mas este é o meu layout preferido. Uma vez que você é feito salvar o PSD e trancá-lo para evitar overwrites acidentais!
estou ciente de que os quadros artísticos fazem algo muito semelhante e não requereriam o passo seguinte., Este método foi criado antes artboards estavam disponíveis no Photoshop e eu descobri que eu prefiro este método ao invés de usar artboards de qualquer maneira. Se o Adobe continuar a melhorar os quadros, talvez mude um dia.
Passo 2: Criar uma acção Photoshop. Esta ação vai recortar o quadro para o interior da moldura, salvar a imagem como um PNG, desfazer o recorte, e repetir para o resto dos tamanhos. Em vez de tentar explicar por escrito, vou mostrar-te. Vê o meu vídeo rápido abaixo e vais ter a ideia.,
Step 3: Create your icon! Estou trabalhando em outro post no blog sobre como eu criar meus ícones. Quando estiver pronto, voltarei e ligarei-o aqui. Agora você pode saltar para a seção de conversão abaixo.
Illustrator icon exporting method
a lot of people prefer to make their icons in Adobe Illustrator and I understand why. Illustrator é ótimo para ícones SVG (o futuro), mas eu prefiro usar Photoshop quando se trata de ICOs.,
Passo 1: Criar um ficheiro de modelo. Vão querer dois quadros, um a 16×16 e o outro a 24×24. Nós fazemos isso para tentar evitar sub-pixelação tanto quanto possível ao expandir para os tamanhos maiores. Você pode baixar o arquivo de modelo de IA que eu criei.
Passo 2: Crie o seu ícone! Estou trabalhando em outro post no blog sobre como eu criar meus ícones. Quando estiver pronto, voltarei e ligarei-o aqui.,
Step 3: Export the artboards. Go to File > Export > For Screens or use the keyboard shortcut ⌥+⌘+E. In this next screen you want to export both artboards as PNGs at 1x, 2x, 3x, and 4x scale., Após a exportação, poderá apagar o ícone 72px (escala 24px @ 3x) e escolher o ícone 48px que deseja manter (escala 16px @ 3x ou 24px @ 2x). Agora você pode saltar para a seção de conversão abaixo.atenção! Se tiver problemas em mostrar o tamanho correcto dos OIC exportados a partir do Illustrator, execute os PNGs exportados através do ImageOptim.