gNomo-sapiens

Sexta-Feira, Março 23, 2007

Inkscape vetorizando um esboço, rápido e rasteiro.

Arquivado em: Blogroll, Canto Artístico, Inkscape — Xterminator @ 0:34 am

Image Hosted by ImageShack.us
Isto não é um tutorial, é simplesmente uma viagem, afinal eu sou um péssimo escritor, tentarei descrever uma forma rápida de utilizar a Ferramenta Bezier Image Hosted by ImageShack.us vulgarmente conhecida como “pen tool ou caneta”.

 

“Material utilizado:
Inkscape: acima de 0.40
Sistema operacional: Qualquer um Inkskape é multi brow :-)
Máquina utilizada: PIII 933@980 512MB
Cerveja: Brahma “Minha preferência”
Música:Dub pra viajar no desenho”

Para começar fiz um esboço especialmente para isto, não é nehuma obra de arte, mas vai servir para este post, baixe a imagem daqui:
Free Image Hosting at www.ImageShack.us

Importe-a no Inkscape CTRL+i , posicone ela em um lugar legal na página do Inkscape e clique na ferramenta Zoom para o desenho Image Hosted by ImageShack.us e começe a traçar as formas com a Ferramenta Bezier Image Hosted by ImageShack.us, faça da seguinte forma, utilize um clique do mouse a cada curva, crie vários pontos no traçado da imagem, depois a gente dá um jeitinho nisto, deve ficar algo parecido com isto, note a linha verde ao redor da imagem:
Free Image Hosting at www.ImageShack.us
Assim que juntar o ponto inicial ao ponto final “fechando o vetor”, você vai poder visualizar todos nós criados “muitos” mas como isto é um exemplo não esquente com isto, caso tenha criado algum nó muito fora do que queria simplesmente tecle Backspace que o nó mal feito será apagado, ao final deste processo você deve ter uma imagem assim, somente no modo contorno, dependendo de suas configurações do Inkscape, clique em uma cor na Paleta de cores que fica localizada na parte inferior da janela do Ink “vai dizer que não viu ainda?”, sugestão de cor preto ;-).
Free Image Hosting at www.ImageShack.us
Clique na ferramenta para alterar nós e alças de controle Image Hosted by ImageShack.us clique com o mouse em uma área fora dos nós e arraste “por exemplo em uma área vazia do desenho”, até que todos nós sejam selecionados.
Free Image Hosting at www.ImageShack.us
Em seguida clique na Ferramenta Suavizar nós selecionados Image Hosted by ImageShack.us, logo você percebe que o desenho foi arredondado, não ficou perfeito, mas agora utilizamos os atalho para simplificar os nós CTRL+L tecle algumas vezes até ver que a imagem está legal, se você utilizar muito seu desenho vai ficar uma caca “simplicar nós é bom quando traçamos bitmaps,se bem controlado você consegue um vetor bem limpo”, isto serve para diminuir a quantidade de nós e ao mesmo tempo tornar a imagem mais limpa e menos pesada “quase perfeita” como no screenshot abaixo.
Free Image Hosting at www.ImageShack.us
A partir deste momento, você está apto a remover o desenho de fundo e usar a sua criatividade, para fazer o que quiser, para remover a imagem do fundo e só selecioná-la com a ferramenta Selecionar e transformar Objetos Image Hosted by ImageShack.us o atalho é F1, pronto temos um vetor, não é difícil você pode aplicar este método em qualquer tipo de vetorização ao invés de ficar desenhando tudo bonitnho e calmamente é só saber controlar o resultado.

Free Image Hosting at www.ImageShack.us

Agora você está livre para soltar sua criatividade, após os procedimentos descritos aqui, eu simplesmente vou adicionar um círculo vermelho preenchê-lo com Gradiente “isto você define em Preenchimento e Traço Image Hosted by ImageShack.us” e torná-lo um Objeto para caminho “assim eu posso adicionar um texto em volta dele” no menu Caminho->Objeto Para Caminho, usando a ferramenta de TextoImage Hosted by ImageShack.us digito alguma coisa inútil, seleciono o objeto e o texto e em seguida vou no menu Texto->Por no Caminho, daí temos o resultado final, adicionei algumas firulinhas, como por exemplo usando os mesmos métodos que utilizei para fazer o vetor base, criei a parte branca “usei um pouco de Desfocagem”, e para criar a parte amarela eu simplesmente dupliquei a base CTRL+D e redimensionei “apliquei um pouco de desfocagem”, não é uma obra de arte, mas para quem entendeu já é um começo, em caso de dúvidas é só perguntar :-)

Vetor finalizado nas coxas, quando tiver mais tempo coloco o pé do GNOME :

Free Image Hosting at www.ImageShack.us

Fui até a próxima, e lembre-se:

Não pague mais para se expressar, conheça agora o Inkscape!”

Att: Xterminator

3 Comentários »

  1. Achei muito legal esse tuto, desmistificou um pouco o uso dessa ferramenta (bezier). Parece fácil! Parabéns!
    Uma dúvida: como se aplica “desfocagem” ao desenho?

    Obrigada,

    Patrícia

    Comentário de Patricia — Terça-feira, Março 27, 2007 @ 10:46 am

  2. Olá Patrícia que bom que tenha gostado, para acrescentar o desfoque
    você utiliza a Ferramenta de Preenchimento e Traço, lá abaixo de tudo tem
    2 controles uma para o Desfoque, e outra para definir o nível de Transparência.
    Eis um screenshot do meu Ink do Win, está como Borrado (Eu prefiro Desfoque :-) mas isto a gente corrige na tradução.
    http://img338.imageshack.us/my.php?image=preenchimentotracoju9.png

    Comentário de Xterminator — Terça-feira, Março 27, 2007 @ 15:13 pm

  3. Muito bom! :)

    Parabéns e obrigado por dividir o teu conhecimento com a comunidade.

    []s

    Comentário de Danilo Marques — Terça-feira, Junho 5, 2007 @ 17:05 pm

Alimentação RSS de comentários a este artigo. URI do TrackBack

Deixe um comentário

Blog no WordPress.com.