Tutorial do Leitor: Vetorizar 16 Bits no Illustrator

Mario, todos os dias ele salva a princesinha! É digno de louvor entre os mais entusiastas. Fora e dentro do mundo dos gamers, um de meus personagens favoritos, então decidi mostrar como vetorizar um mario do super nintendo no illustrator. O mesmo processo pode ser usado para qualquer jogo ou personagem.

O que vamos precisar?

- Um emulador de Super Nintendo chamado Snes9x - Faça o download aqui - Uma rom do Super Mario World - Faça o download aqui - Photoshop e Illustrator, neste caso usei o CS4 - Uma caneca de chocolate quente se estiver frio, e se tiver calor, coca-cola na veia

Nosso resultado:

Image selected for Reader Tutorial: 16bits Vector Style Illustration

Passo 1

Ok, vamos abrir o nosso emulador. Clique no ícone do snes9x para rodar o jogo. Clique em File/Load Game ou simplesmente ctrl+O.

Image selected for Reader Tutorial: 16bits Vector Style Illustration

Passo 2

Vá atá o lugar onde salvou o rom do SMW para rodar o jogo e então 'Open' o jogo ou dê dois cliques. Se tudo der certo você verá o logo do nintendo e o jogo vai começar.

Image selected for Reader Tutorial: 16bits Vector Style Illustration

Passo 3

Agora você vai precisar capturar a imagem da tela (print screen) para copiar nosso Mario. Então cole ele no photoshop.

Image selected for Reader Tutorial: 16bits Vector Style Illustration

Passo 4

Agora, com a crop tool (C) selecione apenas o Mario.

Image selected for Reader Tutorial: 16bits Vector Style Illustration

Passo 5

Agora vamos limpar o cenário. Você pode fazer isso manualmente com a ferramenta seleção ou via Color Range.

Image selected for Reader Tutorial: 16bits Vector Style Illustration

Passo 6

Clique na cor de maior destaque conforme abaixo:

Image selected for Reader Tutorial: 16bits Vector Style Illustration

Passo 7

Nas partes que não foram selecionadas acima você pode usar a seleção. Resumindo: o importante é selecionar o cenário ou tirar o personagem dele, cada um usa seu próprio método.

Image selected for Reader Tutorial: 16bits Vector Style Illustration

Mario com o cenário selecionado, pressione então o delete.

Image selected for Reader Tutorial: 16bits Vector Style Illustration

Legal né?!

Image selected for Reader Tutorial: 16bits Vector Style Illustration

Passo 8

Depois disso, abra o Illustrator. Selecione o nosso Mario recortado no photoshop e cole ele aqui. Clique nele e vá até Live Trace> Tracing Options.

Image selected for Reader Tutorial: 16bits Vector Style Illustration

Passo 9

Selecione as opções conforme abaixo e dê prioridade a opção Preview pois assim nosso resultado vai aparecer em tempo real conforme as seleções forem ativadas.

Image selected for Reader Tutorial: 16bits Vector Style Illustration

Mode: Color Max Color: 256 Blur: 0px Path: Fitting: 0px Minimun Area: 0px Corner Angle: 0px

Dê um Trace (na opção Mode você poderá alternar entre Color, Greyscale e Black/White), proporcionando assim looks diferentes no estilo gameboy. Vá até Object> Expand e clique ok.

Image selected for Reader Tutorial: 16bits Vector Style Illustration

Passo 10

Agora sua imagem virou um Vetor, então dê um ungroup nela (Ctrl+Shift+G).

Image selected for Reader Tutorial: 16bits Vector Style Illustration

Passo 11

Selecione as sujeirinhas e fundo branco de vetor que ainda restam na imagem, delete-as.

Image selected for Reader Tutorial: 16bits Vector Style Illustration

Passo 12

As fontes estilo pixels caem bem no nosso Mario

Image selected for Reader Tutorial: 16bits Vector Style Illustration

E a nossa imagem está pronta! Você também pode fazer posters desse tipo de trabalho, em tamanho maior. Enfim, não há limites para a criatividade. :)

Image selected for Reader Tutorial: 16bits Vector Style Illustration

Espero que tenham gostado do tutorial!!

Para fazer o download do arquivo do illustrator usado no tutorial clique aqui.

Sobre o Autor

Meu nome é Fabrício Falco, moro em Curitiba, no Brasil. Atualmente quebro minha cabeça como freelancer produzindo sites emwordpress e joomla. Visite meu site pessoal e me adicione no facebook.

Editado by GisMullr
guest's picture
Guest Writer

Would like to write a guest post for us?

If you would be interested in writing some guest articles or even become a regular contributor, send us an email to abduzeedo[at]abduzeedo.com requesting a contributor account.

RELATED CONTENT

RAWZ

Rawz is our user generated site where anyone can share their work or work with the Abduzeedo community. You can also share what inspires you, always crediting and linking the source properly. In addition to that, the best images get selected and published on the Daily Inspiration series here on Abduzeedo.

Submit image

Designed by Brazilians proudly hosted by (mt) Media Temple