GameVicioFórum
GameVicioFórum

Aprendendo a Vetorizar Desenhos no Corel Draw (Passo á Passo)

Fórum GameVicio » Tutoriais de Designers » Aprendendo a Vetorizar Desenhos no Corel Draw (Passo á Passo)
Aprendendo a Vetorizar Desenhos no Corel Draw (Passo á Passo)
Tiago Zunino
Tiago Zunino arrow_drop_down
    starstarstarstarstarstarstarstarstarstar
    GameViciado Junior

    Everybody lies.

    ID: #511284
    Membro desde
    Masculino, 37 anos
    # Aprendendo a Vetorizar Desenhos no Corel Draw (Passo á Passo)
    Resposta de Tiago Zunino.

    Não sei se ja tem um tópic aqui referente a isso, mas pra quem esta no início de sua experiência com COREL DRAW, vale muito a pena.

    Sei disso por que foi lendo um tutorial desses que dispertei minha sensibilidade para reproduzir desenhos, e hoje em dia consigo redesenhar qualquer coisa, demorando ou não.

    VETORIZANDO PONTO A PONTO

    Esse Tutorial é sobre vetorização c/ o uso de um dos mais populares editores gráficos que existe... o CorelDRAW.

    O desenho escolhido para essa vetorização foi um personagem de VideoGame antigo. O Cool Spot. Um desenho bem simples. Vou mostrar um passo a passo minucioso, com bastante figuras, p/ que nenhum detalhe seja perdido. Apenas p/ os novatos entenderem melhor alguns comandos.

    Vetorizar um desenho é muito importante pois, depois de vetorizados, podemos dimensionar, trocar cores e, principalmente, garantir a qualidade da impressão.

    Segue o GIF do desenho escolhido.

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL2Nvb2xzcG90LmdpZg==

    Vamos vetorizar apenas o personagem.

    As ferramentas utilizadas nessa vetorização:

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL2ZlcjAzLmdpZg==

    - Ferramenta Seleção (Essa é básica)

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL2ZlcjAxLmdpZg==

    - Ferramenta Zoom (Outra ferramenta básica)

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL2ZlcjA2LmdpZg==

    - Ferramenta Bézier (A melhor p/ marcar os pontos)

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL2ZlcjAyLmdpZg==

    - Ferramenta Forma (Muito importante p/ definirmos as curvas)

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL2ZlcjA1LmdpZg==

    - Converter linha em curva (Deixa as linhas retas c/ opções p/ curva-las, quando preciso)

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL2ZlcjA3LmdpZg==

    - Ferramenta Interseção (Muito útil). Nesse tutorial, vou mostrar um MACETE c/ essa ferramenta.

    Vamos ao Tutorial.

    01) Abra o CorelDraw e importe o GIF. Após inserir a figura, salve e nomeie o arquivo. Novatos tem o péssimo hábito de fazer um trabalho e só salvar após concluir o serviço. Nada contra, mas se a máquina travar ou der uma queda de energia, vai ter que refazer todo o trabalho. Gosto nem de lembrar (risos).

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MwMS5naWY=

    02) Com a ferramenta Zoom

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL2ZlcjAxLmdpZg==

    ou apertando a letra (Z),

    faça uma aproximação do desenho. O zoom é muito importante p/ definir melhor onde serão colocados os pontos (nós).

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MwMi5naWY=

    03) Agora vamos a escolha dos pontos. Selecione a ferramenta bézier

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL2ZlcjA2LmdpZg==

    . ?? com ela que tudo começa.

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MwMy5naWY=

    04) Antes de começar a escolher os pontos, é importante a escolha de uma cor p/ o contorno. De preferência, uma cor bem viva e que não seja muito predominante no desenho. Nesse caso, vamos escolher o AMARELO (meu preferido p/ essa função). Na barra de ferramentas CORES, clique c/ o botão direito do mouse na cor AMARELO

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MwNC5naWY=

    Nota: Quando abrir uma janelinha de confirmação p/ mudança de cor, clique em OK. ?? partir daí, todo o contorno que fizer no desenho, vai vir c/ a cor AMARELO padronizada. Não se preocupe, a escolha vai deixar o amarelo como padrão apenas nesse arquivo. O Padrão geral em qualquer outro arquivo criado vai continuar sendo o preto.

    05) Uma regra básica. Quando vetorizamos qualquer desenho, é muito importante começar pelas partes maiores. Nesse caso, temos que marcar, ponto a ponto, o contorno geral do desenho (cor preto). Com a ferramenta bézier, vamos começar pela parte do corpo.

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MwNS5naWY=

    Nota: De início, foram dados 8 pontos à partir do lado esquerdo (braço) até o outro braço. Veja na seta branca onde simulei c/ algumas bolinhas em vermelho. ?? muito importante encurtar, o máximo possível, os pontos dados no desenho. Vamos continuar.

    06) Depois de marcar cada ponto do contorno, vejam como ficou.

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MwNi5naWY=

    Nota: Ao todo, foram dados apenas 76 pontos até o fechamento completo do contorno no mesmo ponto de onde começou. Poderia até ser uma quantidade menor de pontos, mas já é o suficiente.

    07) Agora que vai começar a brincadeira. Vamos começar a definir as curvas. Clique na ferramenta FORMA

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL2ZlcjAyLmdpZg==

    ou aperte F10.

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MwNy5naWY=

    08) A primeira coisa a fazer com a ferramenta forma, é transformar todos os traços em curva (não que vá curvar, obrigatoriamente, cada um dos traços). Com a ferramenta forma selecionada, clique em quaisquer dos pontos ou linhas feitas pela ferramenta Bézier e aperte Ctrl+A. Vai ver que todos os pontos vão ser selecionados simultaneamente. Agora, clique na opção converter linha em curva

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL2ZlcjA1LmdpZg==

    . Todas as linhas vão estar liberadas p/ serem curvadas. Mas não é obrigado curvar todas elas

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MwOC5naWY=

    Nota: Acontece que, tem muitos iniciantes, até mesmo profissionais de longas datas, que utilizam essa ferramenta linha por linha quando precisam curva-las. Considero isso uma grande perda de tempo.

    09) Agora é só começar a fazer as curvas nas linhas necessárias. Com a ferramenta FORMA selecionada, clique, segure a linha no centro dos 2 pontos e puxe p/ lado, como se tivesse formando uma barriguinha. Puxe até deixar como está na figura.

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MwOS5naWY=

    10) Na próxima linha, vamos fazer de uma outra maneira. Clique no centro da linha, segure e arraste até onde mostra a figura abaixo.

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MxMS5naWY=

    11) Como na figura abaixo, clique no ponto onde mostra a seta 1 e após aparecer os pontos imaginários, como mostra as setas 2 e 3, arrasteos até que o contorno cubra o limite do desenho.

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MxMi5naWY=

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MxMy5naWY=

    12) Repitam os procedimentos de curva desmostrados acima em todas as outras linhas até que todo o contorno do desenho fique completo. ?? hora de salvar (Ctrl+S).

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MxNC5naWY=

    13) Agora é criar os pontos e fazer as curvas de todas as outras partes do desenho como: corpo (vermelho), Mãos (branco), botas (branco) e as formas restantes. Comecei pelo corpo e boca. O óculos já faz parte do preto.

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MxNS5naWY=

    Nota: Cada parte feita em um desenho no CorelDraw, entende-se como objetos. Até agora, fizemos 6 objetos. Para fazer a boca basta usar a ferramenta Círculo.

    14) Agora, passamos a vetorizar as mãos, braços e vamos partir p/ bota. Após vetorizar o objeto que corresponde ao tênis e o círculo (ver figura abaixo), é preciso combinar os mesmos. Ative a Ferramenta Seleção

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL2ZlcjAzLmdpZg==

    e clique no objeto maior (bota). Agora, segure a tecla Shift e selecione o círculo. Vai ver na barra de Status que o programa selecionou "2 objetos em camada 1". Depois de selecionados, clique na opção COMBINAR

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL2ZlcjA0LmdpZg==

    ou aperte o atalho Ctrl+L. Essa opção aparece na barra de propriedades quando a ferramenta seleção é ativada e os objetos selecionados. Como resultado da combinação, os 2 objetos tornaram-se um só. Se pintar esse objeto c/ qualquer cor, vai ver que o círculo vai se manter inalterado. Depois faça o círculo que corresponde ao vermelho. Não esqueça de salvar (Ctrl+S).

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MxNi5naWY=

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MxNy5naWY=

    15) Vamos ao macete da vez. Conheceremos uma ferramenta muito útil nas vetorizações. Nunca ninguém me mostrou essa técnica, aprendi c/ o tempo, mas acredito que vários profissionais devem usa-la. Se você ainda não conhece, trate de aproveita-la. ?? muito útil.

    A bota tem uma cor mais escura. Faça a vetorização como mostrado na figura abaixo.

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MxOC5naWY=

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MxOS5naWY=

    Nota: O contorno azul representa a parte mais escura. Selecione a bota e esse contorno depois utilize a opção interseção

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL2ZlcjA3LmdpZg==

    . Agora apague o contorno que aqui está representado pelo azul. Agora termine a vetorização da outra bota.

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MyMC5naWY=

    Nota: No 2º tutorial (em breve), teremos um passo a passo c/ a ultilização de diversas ferramentas p/ ajudar a ganhar tempo nas vetorizações, confira.

    16) Depois de contornar todo o desenho vem a parte mais divertida, COLORIR. Selecione todos os objetos desenhados e coloque ao lado do desenho original e mude a cor do contorno p/ o preto. Pode deixar em amarelo se preferir, mas ofusca um pouco a vista.

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MyMS5naWY=

    17) Clique em cada objeto e coloque uma cor igual ou parecida c/ o desenho original. Mas pode colorir a gosto. Todo o contorno (preto) vai ser colorido por último.

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MyMi5naWY=

    18) Agora, selecione o contorno maior e pinte de preto.

    Suma c/ todos os contornos dos objetos. Selecione todos os objetos c/ a ferramenta seleção e clique c/ o botão direito do mouse na opção mostrada pela seta vermelha na figura abaixo.

    IMAGEaHR0cDovL3d3dy52ZXRvcml6YXIuY29tL3R1dG9yaWFsL2FycXVpdm9zL3Bhc3MyMy5naWY=

    19) Fim da vetorização. O que precisa agora é usar a ferramenta forma  p/ melhorar alguns pontos e contornos. Como o desenho foi feito à partir de uma matriz em GIF, é normal não acertamos alguns pontos e contornos de primeira, só vamos notar isso após colorir todo o desenho.

    Fonte: Alan Melo - URLaHR0cDovL3d3dy52ZXRvcml6YXIuY29t

    PS: Ta bugando no fim do tópic.

    IMAGEaHR0cDovL2k0NS50aW55cGljLmNvbS85a2FzZHkuanBn

    Curinga
    _Curinga_ arrow_drop_down
      starstarstarstarstarstarstarstarstarstarstar
      GameViciado Master

      WhY sO SeRiOus?

      ID: #512439
      Membro desde
      Masculino, 32 anos
      # Re: Aprendendo a Vetorizar Desenhos no Corel Draw (Passo á Passo)
      Resposta de _Curinga_.

      [font=comic sans ms][size=9pt]Bom tuto mas acho q a área mais certa pra esse tópico seria aqui: URLaHR0cDovL2ZvcnVtLmdhbWV2aWNpby5jb20uYnIvaW5kZXgucGhwP2JvYXJkPTE1Mi4w[/size][/font]

      IMAGEaHR0cDovL2ltZzUuaW1hZ2VzaGFjay51cy9pbWc1LzQ1Njgvam9rZXJzaWduYzNmb3JndjJrLmpwZw==

      Gabriel Costa
      Gabriel_Costa arrow_drop_down
        starstarstarstarstarstarstarstarstarstarstar
        GameViciado Master

        Sakata Gintoki, MY HERO =D

        ID: #512623
        Membro desde
        Masculino, 31 anos
        # Re: Aprendendo a Vetorizar Desenhos no Corel Draw (Passo á Passo)
        Resposta de Gabriel_Costa.

        Tutorial Adicionado ao URLTWFwYSBkYSBzZSZjY2VkaWw7JmF0aWxkZTtvIERlc2lnbiBHViAtLTs7LS1odHRwOi8vZm9ydW0uZ2FtZXZpY2lvLmNvbS5ici9pbmRleC5waHA/dG9waWM9MzA2NzIuMC8=.

        Parabéns, e obrigado pela colaboração.

        Gabriel_Costa/ADMIN da seção Design GV.

        IMAGEaHR0cDovL2kzNi50aW55cGljLmNvbS8yYnl5NDQuanBnAlbúm Online, Visite">Albúm Online, Visite

        Afim de uma sign? Peça aqui.">Afim de uma sign? Peça aqui.

        Regras>Seção Design GV">Regras>Seção Design GV

        Regras>Fórum.">Regras>Fórum.

        Tutoriais de Designer, seu espaço para aprender na GV.">Tutoriais de Designer, seu espaço para aprender na GV.

        [color=blue]Arena de batalhas GV, Mais um modo de interação entre os user GV! Confira!

        FerLac
        FerLac arrow_drop_down
          starstarstarstarstarstarstarstarstarstar
          GameViciado Junior
          ID: #514895
          Membro desde
          Masculino, 31 anos, Solteiro
          # Re: Aprendendo a Vetorizar Desenhos no Corel Draw (Passo á Passo)
          Resposta de FerLac.

          :eek: Nossa, muito bom, obrigado por compartilhar.

          hehe eu to aprendendo a vetorizar no Illustrator... to gostando  :biggrin:

          Tiago Zunino
          Tiago Zunino arrow_drop_down
            starstarstarstarstarstarstarstarstarstar
            GameViciado Junior

            Everybody lies.

            ID: #514900
            Membro desde
            Masculino, 37 anos
            # Re: Aprendendo a Vetorizar Desenhos no Corel Draw (Passo á Passo)
            Resposta de Tiago Zunino.

            Pode crer hehe.

            Quanto me tornei web designer, foi a partir desse tutorial que aprendi a vetorizar meus primeiros desenhos.

            A vantagem dele é a garantia e a segurança do bom desenho, pois o vetor não é automático (igual o trace), hoje tenho muitos outros desenhos bem mais complexos que criei e copiei a partir do conhecimento que adquiri.

            PS: Da pra vetorizar fotos também galera.

            IMAGEaHR0cDovL2k0NS50aW55cGljLmNvbS85a2FzZHkuanBn

            Fórum GameVicio » Tutoriais de Designers » Aprendendo a Vetorizar Desenhos no Corel Draw (Passo á Passo)