Persocon Design

Seu primeiro Vetor com InkScape


por Pedro Costa Neves @ 25/03/2008

 este post está em: All, How To

Olá a todos mais uma vez, como prometido estou trazendo a vocês uma amostra do que se pode ser feito no Inkscape, vamos aprender aqui que simplicidade pode trazer ótimos resultados!

primeirovetor1
Clique para ampliar

Nessa imagem apenas foram utilizadas às ferramentas Bezier [Shift+F6] e a Ferramenta Gradiente [Ctrl+F1].

Para começar crie um documento novo. E utilizando a ferramenta Bezier desenhe uma imagem parecida com a imagem abaixo.

inkscape2
Clique para ampliar

Após desenhar a imagem, pinte-a clicando na cor preta da paleta de cores. Feito isso, selecione a ferramenta Bezier novamente e faça um desenho como abaixo.

inkscape3
Clique para ampliar

Você deve ter notado que o desenho ficou por cima do desenho anterior não é? Para organizar os objetos na nossa área de trabalho definindo qual deve ficar na frente ou no fundo, basta selecionar o objeto que deseja mudar a ordem e apertar PageUp [Para trazer para frente] ou PageDown[Levar para trás]. Agora que você já sabe como organizar objetos, deixe a imagem semelhante a figura abaixo.

inkscape4
Clique para ampliar

Feito isso crie um fundo preto utilizando a ferramenta Bezier e posicione da seguinte maneira na imagem.

inkscape5
Clique para ampliar

Agora basta selecionar o objeto azul e aplicar um Gradiente para finalizarmos nossa imagem.

inkscape6
Clique para ampliar

Podemos observar que com ferramentas simples conseguimos resultados consideravelmente satisfatórios. Mas se você quiser trabalhar mais a sua imagem, sinta-se livre para libertar toda a sua criatividade e veja que podemos chegar a ótimos resultados utlizando apenas os mesmos conceitos que foram abordados aqui.

Espero que tenham gostado e conhecido um pouco mais do que é o Inkscape.

Enviado por Jeison Lopes (jeison.lopes@gmail.com)

7 Comentários para “Seu primeiro Vetor com InkScape”

  1. kayo disse:

    Pede para sair.

  2. Diogo disse:

    Legal o tutorial…
    Só que eu acharia legal se eu conseguisse baixar o svg final, assim poderia visualizar mais facilmente as propriedades de cada objeto.

    Keep the good work ;)

  3. Philip Sampaio disse:

    Cara, muito bom!
    Quero aprender mais sobre o Inkscape!

  4. disse:

    Inkscape está ficando realmente maravilhoso, venho trabalhando com ele a tempos para aprender design, vejam nos links abaixo mais do que pode ser feito com Inkscape:

    http://chronosbox.org/gallery2/v/Sites/chronosbox-mockup-archives.png.html
    http://chronosbox.org/gallery2/v/Sites/project8.png.html

    E tem mais na galeria :).

    Abraços.

  5. Valessio Brito disse:

    você poderia contribuir mais ainda, colocando o svg como um outro usuário deixou o comentário logo acima.. e também produzindo mais tutoriais para comunidade inkscape brasil… Uma sugestão é participar da comunidade http://www.inkscapebrasil.org se ainda não estiver participando; estamos com uma lista de coisas que precisam de trabalho colaborativo… uma delas é produzir tutoriais para entrar na Zine que queremos lançar.

  6. PotHix disse:

    Æ!!

    O inkscape é uma ótima ferramenta!
    Seria legal se você disponibilizasse o arquivo final para download mesmo, assim veriamos cada objeto do desenho!
    Parabens pelo Tutorial!

    Há braços

  7. Jeison Lopes disse:

    Nossa XD
    Não esperava que o artigo fosse trazer tantas pessoas :0
    vou providenciar o svg final desse tutorial para vocês o mais rápido possível, e em breve voltar com mais artigos para vocês. :]

Deixe uma resposta.