Mosaico - arara 

Abra a imagem no Photoshop e vá em >>image>>image size. Configure a caixa de acordo com a imagem abaixo - Width: 70px e Heigth: 53. Em seguida abra um arquivo no illustrator e cole a imagem modificada. Para copiar a imagem basta dá um Ctrl+A e depois um Ctrl+C.

Step 2

Agora é hora de transformar os pixels da imagem em pontos vetorizados. Selecione a imagem com a ferramente de seleção (setinha preta) e em seguida vá em >>Filter>>Create>>Object Mosaic. Mude os valores de "Number of Tiles" para 70px de Width e 53 Heigth, em seguida clique em OK. Note que a quantidade de pixels do mosaico é a mesma da imagem modificada no Photoshop.

 

  Step 3 

Aumente 10 vezes o tamanho da sua imagem para que cada ponto fique com a dimensão de 10px. Calma! é simples. Selecione a imagem e vá em >>Object>>Transform>>Tranform Each ou utilize o atalho (Ctrl+Alt+Shift+D). Agora mude a escala de 100 para 1000, tanto a horizontal, quanto a vertical, depois clique OK. Selecione a imagem e clique com o botão direito sobre ela, vá em >>Arrange>>Send to Back, agora delete a miniatura da imagem.

 
Step 4

Agora chegou a pior parte, é hora de substituir todos os pontos da imagem por pequenas circunferências, e temos que fazer cada uma individualmente. É amigo, Copy e Cole até dizer chega. Calma! Calma! Pegadinha do malandro! o Illustrator não nos deixaria na mão, não nessa hora. Selecione a ferramenta Ellipse Tool e clique com o botão esquerdo na área de trabalho. Na caixa que se abre, defina o valor das duas dimensões para 9px, depois clique em OK. Pinte a bolinha de cor branco e posicione-a no primeiro ponto da imagem. A circunferência não deve tocar as arestas do ponto, deve ficar o mais centralizado possível.

 
 Step 5

Selecione a bolinha e vá em >>Object>>Transform>>Tranform Each ou utilize o atalho (Ctrl+Alt+Shift+D). Na caixa que se abre defina os valores de acordo com a imagem abaixo e depois clique em Copy. Em seguida dê um Ctrl+D até que os pontos cheguem ao extremo da imagem.

 
 
Step 6

Seguindo os passos do "Step 4" selecione a fileira de bolinhas e vá em >>Object>>Transform>>Tranform Each ou utilize o atalho (Ctrl+Alt+Shift+D). Configure os valores de acordo com a imagem abaixo. Em seguida dê um Ctrl+D até a extremidade da imagem. Selecione todas as bolinhas, dê um Copy e Cole, e depois um Ctrl+G para agrupá-las. Separe as bolinhas copiadas no canto da área de trabalho que vamos utilizá-las depois.

Selecione todas as bolinhas do quadro e dê um Ctrl+8, se preferir vá em >>Object>>Compound Path>>Make.

 

Step 8

Selecione as bolinhas e a imagem de fundo e dê um Ctrl+7, se preferir vá em>>Object>>Clipping Mask>>Make. Note que as bolinhas mesclaram-se com a imagem de fundo. 

 

Step 9 

Bem agora é a parte mais fácil. Lembra aquelas bolinhas copiadas que pedi para deixar separado no canto, pois bem, selecione-as e as desagrupe dando um Ctrl+Shift+G. Selecione todas as bolinhas novamente e dê um (Ctrl+Alt+Shift+D), ou se preferir vá em >>Object>>Transform>>Tranform Each. Configure a caixa de acordo com a imagem abaixo.

Step 10