Como converter cada pixel da imagem rasterizada em objetos quadrados no Illustrator?

26

Por exemplo, eu tenho o ícone 10 × 10px. Quero produzir 100 quadrados com a cor e localização correspondentes cada. Na verdade, a questão é como criar um mosaico exato de pixels a partir da imagem rasterizada.

Eu tentei o Live Trace, mas ele adicionou algumas distorções aos quadrados.

adobe-illustrator icon pixel-art

— yakunins
fonte

37

Isso é realmente muito fácil. Tire uma imagem rasterizada copiada ou colocada (desvinculada) selecionada e:

Object > Create Object Mosaic
- Ou, nas versões mais antigas do Illustrator, era Filter > Create > Mosaic
Insira a largura e a altura exatas da imagem em pixels em "Número de peças".
É isso aí!

Os quadrados de pixel de vetor serão agrupados em dois grupos; portanto, desagrupe duas vezes ou clique duas vezes no modo de isolamento duas vezes para obter os quadrados individuais (ou retângulos se a sua proporção estiver desativada ...).

Dois exemplos:

Exemplo rápido usando um emoticon do Yahoo emprestado desta pergunta :

insira a descrição da imagem aqui

Exemplo detalhado, com ursos polares:

http://garmahis.com/tutorials/how-to-create-mosaic-in-illustrator/

— user56reinstatemonica8
fonte

Estive procurando uma solução para isso também, muito obrigado! Até agora eu só encontrei "apenas use o Flash".

— KMSTR

Eu não tinha idéia disso, uma vez rastreiei uma imagem manualmente (passei algumas horas para acertar): S

— WELZ

3

Embora não esteja convertendo, aqui está uma maneira rápida de recriar. Não acredito que nenhum rastreamento dê resultados adequados.

Desenhe um retângulo do tamanho de toda a imagem.

Escolha Objeto> Caminho> Dividir em grade ...

Dividir em Grade

Pegue a ferramenta Live Paint Bucket (sob a ferramenta Shape Builder no Illustrator CS6)

Balde de tinta ao vivo

Comece a clicar nas seções para preencher ....

O preenchimento

(nota de edição: esta resposta foi movida para a pergunta e excluída da pergunta original. Ela simplesmente se encaixa melhor aqui.)

— Scott
fonte

Bom método. Ainda estou no CS3, atualizando em breve.

— yakunins

11

@ type também funciona no CS3. A única diferença é a localização da ferramenta Live Paint Bucket Tool.

— Scott

Obrigado Scott, que ajudou a resolver outro problema que eu estava tendo com a ferramenta de grade retangular, que não fazia linhas espaçadas uniformemente ao trabalhar com muitas linhas e colunas. Snap à grade fez o truque.

2

Se você tem acesso ao Photoshop, existe uma maneira bastante fácil:

reduza sua imagem para a 'resolução' desejada (por exemplo, 30x30) com o tamanho da imagem;
amplie-o novamente (para, digamos, 600x600), com a configuração 'reamostrar imagem' no 'vizinho mais próximo';
copie o resultado para o Illustrator;
Traço vivo;

Se você usar cores suficientes para o traço, isso deverá render quadrados.

— Vincent
fonte

-1

Esta ferramenta deve fornecer o que você está procurando: http://florian-berger.de/en/software/pixel2svg/

— user29824
fonte

2

Olá user29824, você poderia explicar um pouco mais o que encontraremos por trás do link que você fornece e por que ele responde à pergunta? Dessa forma, sua resposta ainda será valiosa caso o link seja interrompido posteriormente. A podridão do link é a principal razão pela qual realmente não gostamos de respostas somente de link aqui. Obrigado pelo seu esforço e continue contribuindo!

— Vincent