Hoje vamos aprender uma grande manha para que você possa dominar de uma vez por todas este poderoso aplicativo de criação de imagens vetoriais. Vamos fazer uma vetorização. Mas o que é uma vetorização? Vetorização nada mais é que o fato de você pegar uma imagem Bitmap e transformá-la em Vetor. Qual é a vantagem? Bem, teve uma vez que eu estava precisando criar um cartaz no tamanho A2 com uma determinada logomarca. Eu só tinha a imagem da Logomarca no tamanho 50px x 50px, ou seja, com baixíssima qualidade. Então bastou eu fazer uma vetorização da logomarca que ela passou a ter uma qualidade muito maior.
Vamos começar então?
Pegue a imagem abaixo e abra-a no corel através do menu Arquivo, opção Importar.

A imagem é uma homenagem à Sexta Feira 13 ehuehuehueheuheuh!!!
Para fazer uma vetorização é necessário conhecer alguns pontos importantes sobre uma imagem!!! Primeiro, uma imagem é formada por pontos e nós! Os pontos indicam o caminho que uma linha deve seguir e assim, formam a imagem. Podemos dizer, inclusive que, um objeto feito em CorelDraw nada mais é que um conjunto de pontos e nós. Com a ferramenta seleção
você seleciona o objeto criado. Com a ferramenta Forma
você seleciona os pontos e nós!
Antes de continuar a vetorização, repare na imagem abaixo.

Veja que a imagem em questão tem 4 pontos, todos definindo uma linha reta. Por isso temos um quadrado. Quando temos controle sobre os pontos e nós podemos criar qualquer formato para objeto que você quiser. Basta ter controle sobre a ferramenta “forma”!!! Vamos imaginar que eu queira fazer uma leve curvatura na linha superior do quadrado. Primeiro, temos que levar em consideração que uma imagem pré definida pelo Corel Draw está trancada de modo que você não terá todos os controles necessários para que a curva seja feita da sua maneira. Logo, nós teremos que “quebrar a imagem” (ou tranformá-la em curva). Para isso use o atalho Ctrl + Q.

Repare que os pontos da imagem estão azuis e agora você pode editá-los individualmente e de maneira mais prática.
Para editar esse ponto e definir a direção que a linha deve percorrer para formar o traçado, use a forma. Selecione o ponto superior direito e mova-o.

Caso você queira criar mais pontos basta posicionar a ferramenta forma na linha exatamente no local onde v0cê quer que o ponto seja criado e verifique se apareceu um sinal em formato curvo sobre o ponteiro. Dê dois cliques e pronto, criamos um novo ponto. Caso você queira deletá-lo, basta selecionar e apertar a tecla delete!
Beleza, mas eu não tive controle total sobre meu desenho, afinal os formatos que esses pontos criam são somente retos. Dá pra transformá-los em um formato curvado? Sim!! Através da barra de propriedades.

Veja que ao selecionar um determinado ponto com a ferramenta Forma a barra de propriedades muda e passa a ter uma opção chamada “Converter Linha em Curva” (como mostra a imagem acima).
Selecione a ferramenta Converter Linha em Curva e veja que a linha passa a ter duas setas que indicam o caminho que ela deve percorrer. Use a “Forma” para indicar o novo caminho e veja como você conseguiu fazer a alteração necessária para determinar o formato que ela deve ter.

Usando estes mesmos princípios, vamos trabalhar a vetorização do gato. Abra-o no CorelDraw.
Veja que esta imagem é bem escura de modo que podemos ter dificuldades em visualizar linhas pretas. Use a ferramenta “Transparência Interativa” para deixar o gato mais clarinho e assim visualizarmos melhor a imagem. Basta selecionar o gato, pegar a ferramenta Transparência Interativa e selecionar a propriedade padrão “Uniforme” e aproveite para aumentar sua opacidade como mostra a figura abaixo.

Agora que nosso gato está mais clarinho vamos começar a vetorização. É necessário lembrar que o CorelDraw só consegue pintar objetos fechados, logo teremos que ficar atentos a esse detalhe. Já vi muitos alunos fazerem vetorizações belíssimas mas na hora de colorir… Nada feito! A imagem estava com linhas abertas e por isso o comando não funcionava.
Para facilitar o trabalho vamos vetorizar as menores partes do gato. Seus olhos, por exemplo!!! Aproxime o zoom dos olhos do gato e usando a ferramenta “Mão livre” crie linhas retas ao redor dos olhos como mostra a figura abaixo.

Repare que eu não tive o menor cuidado em deixar a imagem arredondada. Minha única preocupação foi deixar a imagem fechada e contornando o olho esquerdo do gato. Vamos adicionar curvas ao objeto. Selecione a ferramenta “forma” e “converta a linha em curva”. D~e formas arredondadas ao objeto até que fique com o formato do olho.

Faça o mesmo com a pupila do olho do gato!!
Repare que eu desloquei a imagem da pupila um pouco para mostra apenas que o objeto está fechado!!! Nunca faça uma imagem com linhas abertas, sempre feche o objeto ok?

Posicione a pupila no local correto.
Vamos fazer o mesmo com o outro olho!! Não se preocupe em colorir nada, ainda!!

Vamos a uma outra parte bem fácil do gato, seus bigodes. Use a mesma técnica porém, faça com uma linha cinza clara.

Vamos a uma parte importante, as unhas do bichano!!! Faça primeiro as unhas e depois as patas. Faça como uma linha comum na cor preta mesmo como mostra a imagem abaixo!!

Vamos ao corpo do gato!!! Crie linhas retas que contornem o corpo dele sem se importar com as curvas.

Repare também que eu usei poucos pontos, deixando todo o trabalho do formato para as curvas. Você pode optar por crair vários pontos já fazendo com que o gato tenha formas mais definidas quanto a sua vetorização porém o trabalho de transforma-los em vurva será bem maior e possivelmente a arte não fique tão boa. Repare nos pelos das costas do gato (os pelos arrepiados). Vamos nos preocupar com eles depois. por enquanto vamo dar formas ao bichano. Transforme as linhas em curvas e dê formas ao seu vetor.

Vetorize os pelos do mesmo modo como vetorizamos o restante do gato.

Por fim vamos pintar a imagem. Com um detalhe, temos que respeitar as cores exatas da imagem original. Separe as imagens e veja como está ficando. Tire a transparência do gato original!

use a conta gotas para selecionar a cor amarela do olho do gato. Para isso, basta selecionar a conta gotas e clicar sobre uma parte amarelada do olho do gato. repare que a cor será exibida no canto inferior direito da tela. caso a cor não apareça por mais que você clique, selecione a opção “Amostrar cor” na barra de propriedades. Siga a imagem abaixo!

Segure o ponteiro do mouse sobre a cor que apareceu e arraste para o olho do gato. Cuidado para imgem não ficar como está abaixo. Se você soltar a cor no olho do gato com o gráfico no formato abaixo este irá pintar o contorno. O quadrado tem que estra totalemtne preenchido ok?

Pinte o restante do gato usando as mesmas técnicas. Caso você não consiga pintar algum parte do gato é poque a imagem está aberta e você terá que vetorizar de novo (ai).
Eis o resultado final!!!

Espero que tenham gostado do tuto e até a próxima.











18 comentários
Comments feed for this article
novembro 9, 2009 às 10:54 pm
ruan
muito bom gostei mesmo. estou com um trabalho de vetorizacao onde estou na dificuldade de mandar para a grafica pra eles jogarem nas roupas pois fiquei sabendo que tenho que imprimir se tiver 10 cores entao tenho que imprimir 10 vezes o desenhor e cada parte do desenho com a cor preta porem descrevendo as cores que tem que ser preenchidas. se é que me entendeu mais ate hj nao tenho certeza disso. mais otimo seu tutorial viu. gostei muito.
dezembro 5, 2009 às 7:25 am
Gustavo
cara e muito grande o texto , as vezes ser mais curto nas palavras é melhor e chama mais pessoas a ler !
dezembro 5, 2009 às 8:59 pm
Constantine
Olá ruan e Gustavo. Obrigado pela visita.
Gosto de saber as opiniões da galera que vem fazer uma visitinha no Inatitude.
Valeu o toque Gustavo. Vou ficar atento ao possível excesso de palavras. Mas devo dizer que neste tutorial eu escrevi pouco heuehuehueheuheuhe!!! Sério mesmo!!!
Não gosto de simplesmente mostrar como faz, quero que o internauta saiba o que está acontecendo com cada ferramenta e acessório pra se chegar naquele resultado. Deve ser mal de professor heuhuehuehuehuehuehue!!
Apareça sempre! Logo eu pego férias e posso postar mais tutos! Quero fazer alguns em Flash CS4 com Action Script 3.0 .
Abraços!
janeiro 31, 2010 às 10:33 am
vera lucia
Amei, estou nos meus primeiros passos para saber usar estas tecnologias,confesso q estava apavorada,tanto q antes comecei procurando na net para TER UMA IDAEIA do q realmente ~e o processo, e fiquqei surpresa, pois consequi entender mais do q eu esperava sobre o assunto,logo estarei pronta para ir fazer um curso OU NAO, depende se sempre achar as coias tao bem explicadas,pois no momento a grana ta curta, e eu agradeco quem se preocupa de passar o melhor q sabe para o proximo.MUITO OBRIGADA.Vera Lucia
fevereiro 1, 2010 às 12:43 pm
Constantine
Valeu Lúcia. No momento estou fazendo doze horas de trabalho por dia de segunda a sábado e nos domingos estou trabalhando mas 5 horas. Ou seja, só paro pra dormir e comer heuehuehuehuehehue!!! Claro que assim fica difícil aparecer tempo pra colocar mais tutos. Mas sempre fique de olho no Inatitude. Logo estaremos com mais artigos e tutos interessantes.
março 18, 2010 às 4:19 pm
mariacrisnascimento
Meus parabéns! Ontem instalei no meu pc Corel Draw X4, e hoje estou tentando fazer o que passou..obrigada quando puder posta mais.
março 19, 2010 às 9:06 am
Constantine
Valeu mesmo Maria. Minha vida sempre foi uma imensa correria mas agora as coisas pioraram heuheuheuehuheuheuheuehu!!!
Vou ver se passo mais tutoriais sobre Photoshop qualquer dia desses. mas dê umas boas olhadas no conteúdo do blog que tem muitos tutos pra vc ver.
abril 14, 2010 às 1:36 am
Ezequiel
Cara eu sou louco por Corel,photoshop,dreamweaver.Mas confesso que preciso apreender muito.Estou inciando.Quero ainda criar umas logotipos da hora,criar uns sites.Mas preciso aprender como mexer inda heheheheh
Então,olha eu sou fão de tudo que envolve esta area web desig,editoração grafica,enfim.Meu o tal colega gustavo lá em cima falou que vc escreve muito.Meu eu achei que podeia escrever mais ainda.Quanto mais detalhado melhor.Porque muitos já sabem bem.Mas eu queria saber até o que era uma vetorização,o que “forma” faz além de pão kkkkkk….Na boa descança legal ai,trabalah na boa,Se fora casado não descuide da mulher e filhos senão o bicho pega.Mas não deixa de postar tutoriais de Corel,tipo assim o que da pra fazer com corel draw x4 pra usar no dreamweaver.Da esta força.Tenho todos este sprogramas no Note.. ,e não queria que fosse só pra ocupar espaços hsuahsuahsua….Sucesso…achei show…amnhã quero chegar cedo e tentar vetorizar este gato preto kkkkkkkkkkkk….uhuuuuuuuuuu..kkkkkkkkkk
Meu chega ,já estou escrevendo mais que seu tuto…Pois é trabalho com eventos e apaixonado por design sempre…Faltou estudar na areA
abril 14, 2010 às 2:42 pm
Constantine
valeu mesmo ezequiel. faz o seguinte, passa pra mim o que vc gostaria de aprender e eu vejo se arrumo um tempo e posto um tuto legal pra vcs ok?
Abraços!!!
maio 22, 2010 às 9:51 pm
wilmar ramos
legal mesmo cara, valeu!!!!!!!!!!
setembro 14, 2010 às 5:03 pm
claudenir
Gostei muito cara e vou aprender a trabalhar …vc da curso?? se caso der me manda um email falando da sua localização..obrigado
setembro 14, 2010 às 6:13 pm
Constantine
Oi Claudemir.
Já fui professor por um tempo mas hj estou só na área de web design.
Faz o seguinte, estou meio enferrujado com os tutoriais do blog, pede um tuto e eu providencio por aqui mesmo.
Abs.
outubro 4, 2010 às 11:57 am
LÉO BH
estou iniciando no corel e queria uma força maior se tiver um site ou ou um outro meio de vc me vender tecnicas eu agradeço
outubro 5, 2010 às 9:55 am
Constantine
Então Leo, como eu tinha dito, eu já fui professor mas hj me dedico só à criação de sites.
Dá uma olhada no blog que tem muitos outros tutos, tanto de Photoshop como de Corel.
Abs
março 18, 2011 às 1:59 pm
DAME
boa tarde
olha so conheci o corel atraves de um amigo e gostei muito
mas ele ñ teve tempo de me ajudar a aprender faço alguma coisa muito
pouca mas tenho muita vontade de aprender c vc puder me ajudar nisso
quero aprender tudo sobre vetorizar
conto com a sua ajuda
pq deu pra ver q vc e fera nisso
desde ja agradeço
agosto 12, 2011 às 11:48 am
Antonio
Olá boa tarde como estás constatine, mt bom o trabalho adorei pela forma que fez, eu uso o corel a anos mas sempre paro pk o meu pc por vezes tenho azar mas gora com um pc novo eu quero trabalhar nas minhas personagens que tenho estado a escrever o livro e precisava mesmo de ajuda pois aqui em portugal nao existe curso de corel nem photoshop o que sei fui so vendo tutoriais nada mais que isso mas tenho mts idéias a fluir todos os dias
as vezes faço no papel pra nao me esqueçer entao eu peço ajuda pra eu conseguir aprefeiçoar e talvez um dia ir ao brasil estudar corel e ser aceito por essas empresas pois e o meu sonho nao quero pensar que perdi esse sonho… se poder me contactar o meu email e antonio-horta@live.com.pt
outubro 8, 2011 às 11:31 am
Josy
não consigo ver as imagens. Gostaria de colocar um link deste tutor em meu website que estou montando a pedido de alunos, somente com links interessantes de CorelDRAW.
janeiro 3, 2012 às 2:49 pm
bruno
Boa tarde,
Adorei o que li so que as figuras não abriram será que teria como vc mandar para o meu email, se tiver mais informações gostaria de telas pois estou iniciando agora e tenho muitas duvidas.
brunoupabangu@gmail.com
Obrigado,
Bruno