» VETORIZAÇÃO: Uma lição e algumas ferramentas para alcançar um resultado desejável » Modelando por Diego Franco

Modelando por Diego Franco

Este é o site pessoal do Diego Franco Miguel, Desenvolvedor, Webdesigner (Padrões Web, XHTML, Microformats e tudo que contribui para uma melhor customização e leitura de um site), falo aqui sobre novos comportamentos na internet bem como as evoluções que ela sofre na área de desenvolvimento.



VETORIZAÇÃO: Uma lição e algumas ferramentas para alcançar um resultado desejável

Por: Diego Franco - [ April 16th, 2008 ]

A um tempo atrás prometi escrever alguns posts sobre dicas de vetorização creio que este será um bom começo e será extremamente interessante para quem trabalha com silks.

O caso é o seguinte: O cliente lhe envia uma foto qualquer e pede pra você vetorizá-la, ou, nem lhe envia a foto apenas solicita uma ilustração aberrante, a dita cuja será usada em uma camiseta por exemplo.

Se você é arte-finalista e cria ilustrações para camisetas sabe que encontrará algumas limitações como tamanhos de telas limitados, cores específicas, tipos de tinta etc…, claro, isso poderá variar de região para região, cidades de porte maior tendem a ter tecnologias mais avançadas que cidades de porte menor, mas isto não é uma regra.

Consideremos que o nosso amável cliente nos solicita uma arte para uma camiseta na qual homenageará o lendário Fusca, escolhido por mim carinhosamente para ilustrar este post, um marco para sua época que perdura até hoje com suas curvas arrojadas. A camiseta será simples com no máximo três cores.

Vamos ao trabalho. Eis o nosso Fuscão.

Logo abaixo estão as principais ferramentas usadas na vetorização e o que elas fazem: (Vou ser bem direto aqui para não embromar(já ouviu essa palavra?) Os ícones são bem intuitivos. Abaixo de todas as ferramentas estão as etapas da vetorização até o resultado final, espero que gostem.

Ferramenta Bezier >> À medida que você clica ela adiciona pontos (nós) do vetor. Você a usará praticamente na primeira etapa da vetorização, contornando as principais características de seu desenho, sombras, reflexos, objetos, um pouco de senso será muito útil neste momento para definir os principais traços da imagem. Quanto mais pontos você criar, melhor será na hora de moldá-los, mas com o tempo você saberá os lugares corretos onde deverá criá-los.

Ellipse >> O nome já é intuitivo. Para você desenhar círculos (tenho certeza que você já sabia desta).

Convert Line to Curve >> Quando se adiciona os nós com a ferramenta Bezier eles são criados como linhas retas não sendo possível a suavização(arredondamento) dos nós, para que você possa suavizar os nós, construindo curvas, basta selecionar os nós desejados e aplicar esta ferramenta. A partir daí você usará a ferramenta Shape para moldar os nós.

Shape >> Como já disse anteriormente a ferramenta Shape com certeza será a mais usada aqui, é ela que dará formas uniformes ao seu desenho, é com ela que você suavizará os nós. Nesta etapa você excluirá alguns nós, criará e suavizará outros, lembrando que para editar um nó basta selecioná-lo dando um clique sobre ele, para excluir dê um duplo clique sobre o mesmo e para adicionar dê um duplo clique sobre o contorno.

Make Node A Cusp >> Quando você converte suas linhas em curvas(3ª ferramenta), ao clicar em um dos lados do nó para suavizá-lo o outro acompanhará a suavização, para que isto não aconteça, ou seja, no caso de você querer suavizar ou editar somente um lado do nó independente do outro basta selecioná-lo e aplicar esta ferramenta, automaticamente os nós ficarão independentes um do outro. O próprio ícone já é bem intuitivo.

Etapas da vetorização até a versão final:

E por fim, para alegria de alguns, segue o arquivo final do vetor em CDR: Fusca.rar

Procure por: games, PS2, PS3, Nintendo, Wii, iPod

CorelDraw, Dicas, Ferramentas, Vetores, Vetorização | View blog reactions

Tags | | | | |

Aproveite! Leia isto também:



Comente este post!


  • *
  • *
  • *
  • *


Foto DiegoO Modelando é o site pessoal do Diego Franco Miguel que, atualmente, trabalha como Designer e lidera uma equipe de Agência Web na Webroom Soluções Interativas. Diego é Designer de Interface é especialista em XHTML e CSS, vetorização em CorelDraw, criação de logomarcas, VB for Excel. Gosta de se aventurar em programação ASP.NET, PHP, AS2 e AS3 e procura sempre escrever aqui a fim de colaborar com essa imensa base de conhecimento que são os Blogs.

Me encontre também aqui:

Blogroll:

Sites que eu leio com frequência (Vou atualizando aos poucos)

Pessoas que trabalham comigo:

Sites dos colegas de trabalho na Webroom.

Já trabalharam comigo:

Confira também:

Cursos Visie! Desconto de $70,00 nas hospedagens Dreamhost