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

About the author of this post

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.