FR EN ES PT

Há dois tipos de pessoas na hora de desenhar: as que fazem bonequinhos de palito e as outras. Essas outras manejam a caneta gráfica perfeitamente, indo além das fronteiras dos rabiscos e vetorizando imagens para criar pictogramas! Não entendeu nada? Nosso time-lapse da vetorização de um pictograma em DOFUS Retrô deve ajudar você a entender melhor do que estamos falando!

Você vê o tempo todo, a ponto de nem prestar mais muita atenção. Aquele pequeno Gobball que pasta tranquilamente bem no meio da planície. Aquele arbusto pelo qual você passa todos os dias. E aquela rocha enorme na qual você bateu o dedinho durante uma aventura de tempos atrás. Os pictogramas são um componente essencial do Mundo dos Doze e de seu universo tão único.

Hoje, vamos apresentar o trabalho de vetorização de um pictograma executado por DUSK, encarregado do programa no DOFUS Retrô. Para marcar a ocasião, o deus Iop se ofereceu para nos ajudar! Você vai poder ver, nos mínimos detalhes, o processo de criação de uma imagem vetorial a partir da imponente musculatura do mais brutal dos deuses... Mas, primeiro, convidamos você a descobrir o que é exatamente uma imagem vetorial lendo as respostas destas três perguntas:
 

O que é uma imagem vetorial?

É um desenho realizado a partir de uma composição de diferentes formas geométricas. Para criar uma imagem vetorial, utilizamos linhas retas, curvas, polígonos e outras formas para definir a cor, a transparência, a espessura e a posição. Em seguida, elas serão ligadas umas às outras por meio de fórmulas matemáticas.

Esse método de desenho próprio da imagem vetorial é diferente do método das imagens matriciais (JPG, PNG, etc.), onde o desenho é formado a partir de uma montagem de pixels.

Por que precisamos vetorizar?

DOFUS Retrô utiliza a tecnologia Flash, que permite que a animação tenha uma renderização limpa, não importa o tamanho da janela do jogo. Os personagens do jogo são vetorizados, ao contrário dos cenários, que são feitos com imagens matriciais na maioria das vezes. Isso é útil para economizar recursos. Na verdade, para que uma imagem vetorizada seja exibida na tela, o computador deve calcular e juntar os diferentes componentes da imagem vetorial em relação ao tamanho do elemento que deve ser exibido.  Por exemplo, uma árvore grande e cheia de detalhes vai usar mais recursos para ser exibida do que uma imagem matricial. Faça o teste: se você der zoom em alguns elementos gráficos, vai ver que alguns deles permanecem limpos enquanto outros ficam borrados!

Além disso, a vetorização tem a vantagem de ter uma renderização gráfica facilmente distinguível, o que permite que DOFUS Retrô mantenha, hoje, a mesma identidade visual dos desenhos produzidos no passado.

Como vetorizamos?

Adobe Flash, Adobe Illustrator, Inkscape e muitos outros programas permitem realizar vetores. Depois disso, basta fazer os traços, deformar, colorir, unir ou sobrepor para que formas simples virem um desenho mais complexo.

Agora vamos ver o vídeo!