Sábado, 16 Março 2013 18:00

Tutorial 001: Vectorizarmos um graffiti

Written by 

A passada semana estivemos a trabalhar numha nova identidade visual relacionada co mundo do graffiti. Pra desenvolvê-la precisávamos dum par de elementos desenhados com spray que poidessem se escalar e, embora na rede há um feixe de vectores de sprays, de pago e livres, nengum se ajeitava ao que queríamos, polo que, fieis ao espírito da autogestom, decidimos fazermos nós os nossos vectores.

Depois de várias provas, demos cum método bastante singelo (com Photoshop CS6 e Illustrator CS6) pra vectorizarmos "graffitis" sem passarmos polo (demencial) processo de traçarmos ca pluma beizer, umha a umha, os milheiros de pinguinhas que conformam um traço de spray.

Partilhamo-lo aqui a jeito de tutorial, por se alguém deseja experimentar com ele.

Tutorial:

Notas prévias:
Para falar das ferramentas do Photoshop e do Illustrator utilizaremos os seus nomes em inglês (temos o extravagante costume de utilizar este software na sua versom na língua imperial).
Somos conscientes de que
cos programas de Adobe, existem muitos caminhos diferentespra atingirmos um mesma objectivo. Se sabes como reduzir algum passo dos que relatamos no tutorial, podes dizir-nos como nos comentários. Se che apetece ;)

 scanned graffiti

1ª Parte (Graffiti + escaner):

1. O primeiro é pintar cum spray num papel branco o elemento que queremos vectorizar. Nós como exemplo, imos empregar o círculo da imagem de cima. Evidentemente nom imos detalhar como se pinta cum spray, mas deixamos um par de conselhos:

  • Utiliza spray negro sobre um papel branco, facilitara-che as cousas à hora de trabalhar ca imagem digitalizada.
  • E usa um papel do tamanho máximo do teu escáner, nom vaia ser que logo nom che entre nele o teu graffiti ;)

2. Logo há que escaneá-lo graffiti. Nom compre fazê-lo cumha resoluçom mui alta, com 200 ou 300ppp chega. Verás como mais tarde a RAM da teu computador há che dizer: merci beaucoup!

2ª Parte (Photoshop):

O seguinte passo e abrirmos a imagem escaneada no Photoshop. O conto é retocá-la para deixá-la o melhor preparada possível antes de vectorizá-la no Illustrator. Faz-se do seguinte jeito:

1. Nas layers, prememos no ícone de new fill or adjustment layer e escolhemos a opçom de Hue/Saturation. Na janela que se nos abre engadimos -100 na Saturation.

tutorial spray vector
tutorial spray vector
Tutorial spray vector

2. De novo em layers, criamos co new fill or adjustment layer umha nova camada de ajuste, neste caso do tipo Levels. Na janela que aparece devemos modificá-lo histograma da imagem: levamos o triângulo negro à direita e o branco à esquerda, até estar um bastante perto do outro. Poderíamos aplicar a desaturaçom e a modificaçom dos níveis diretamente na camada, mas realizando as mudanças por meio de camadas de ajuste, temos sempre a possibilidade de variar os valores sem necessidade de voltar atrás na história.

Tutorial spray vector
Tutorial spray vector

3. Logo, na barra superior, imos a Layer / Flatten Image pra acoplarmos a imagem.

Tutorial spray vector

4. De seguido, na mesma barra, imos a Filter / Sharpen / Unsahrp Mask... e na janela deixamos os seguintes valores: Amount 500%, Radius 1,6px e Threshold 0 levels. Com isto (enfoque) conseguimos que os pequenos grupos de píxeles em escala de grises virem negros. Isto logo há permitir-lhe à ferramenta Image Trace do Illustrator trabalhar melhor.

Tutorial spray vector
Tutorial spray vector
Tutorial spray vector

5. Por último so resta guardar a imagem como jpg.

3ª Parte (Illustrator):

1. Abrimos no Illustrator a imagem (jpg) tratada anteriormente. Clicamos nela e de seguido, na parte superior, prememos em Image Trace. Automaticamente cria-se um traçado prévio, ainda por afinar um chisco.

Tutorial spray vector

2. Clicamos no ícone de Image Trace Panel (na parte superior, justo depois de Image Tracing e Preset)
Na janela que se abre, prememos no penúltimo ícone de cima, Black and White e modificamos os seguintes valores: Paths 100%, Cornes 0% e Noise 1px. Resulta interessante termos ativada a previsualizaçom (abaixo à esquerda no quadro) pra vermos como vai mudando o nosso traço cos diferentes ajustes.

Tutorial spray vector
Tutorial spray vector

3. Depois temos que premer em Expand pra criarmos definitivamente o traço, que vai estar constituído por muitos traços negros, mas também por outros brancos.

Tutorial spray vector

4. O derradeiro chanço por subir consiste em nos desfazer dos traços brancos. O jeito mais rápido é, ca frecha branca selecionarmos algúm traço branco (vale qualquer), e logo ir a Select / Same / Fill Color. Deste jeito selecionamos todos os traços brancos e basta só com premer a tecla de suprimir pra fazê-los desaparecer.

Tutorial spray vector
Tutorial spray vector

E Voilá! o teu graffiti vectorizado presto pra ser gravado e após utilizado nos teus projectos ^_^

Tutorial spray vector