sexta-feira - 04 / 12 / 2009

Usando vetores para recortar imagens no Gimp

ScissorsTenho notado que muita gente chega aqui procurando por dicas sobre como cortar imagens no Gimp.

Assim, resolvi escrever esse pequeno artigo para ajudar as pessoas que buscam aqui essa informação.

Recortar uma imagem é uma tarefa relativamente simples e, assim como em vários outros programas, tudo o que temos a fazer é selecionar o trecho a ser recortado e teclar "ctrl + x".

A grande dificuldade encontra-se em selecionar a área da imagem a ser recortada, uma vez que nem sempre essa área é exatamente quadrada ou circular (seria incrívelmente fácil se fosse assim).

Assim, vou tentar falar um pouco sobre uma das ferramentas que mais utilizo para selecionar áreas de formato irregular: a ferramenta de vetores.

Antes de mais nada, deixem-me exclarecer que existem diversas maneiras de se selecionar um "pedaço" de uma imagem: podemos selecionar esse pedaço através da cor, através de uma seleção quadrada ou circular, através da ferramenta de seleção livre ou de seleção contígua, dentre outras formas.

O que define qual ferramentas devemos usar para selecionar a área a ser recortada, é única e exclusivamente a imagem e a área da imagem que queremos selecionar.

Mas chega de conversa e vamos ao que interessa:

Abra com o Gimp a figura que deseja recortar.

Se precisar de uma para treinar um pouco, pode utilizar a figura abaixo. Usarei ela para o exemplo (encontrei na busca de imagens do Google):

wallpaper

A idéia aqui é a seguinte: retirar o fundo deixando somente o carro.

Para começar, faça o download da imagem e abra ela com o Gimp.

Em seguida, na janela de camadas (ctrl + l), clique com o botão direito do mouse sobre a camada da imagem e selecione a opção "Adicionar canal alfa", isso nos permite trabalhar com transparências nas imagens.

Na caixa de ferramentas (ctrl + b), selecione a ferramenta de vetores ou simplesmente tecle "b":

ferramentas

Pra começar, vamos entender melhor o funcionamento da ferramenta:

Com ela selecionada, podemos adicionar pontos (vetores) sobre a imagem, desenhando o contorno que desejamos recortar.

Veja alguns controles da ferramenta:

  • Clique simples: adiciona um vetor (o vetor seguinte será ligado ao anterior por uma linha reta);
  • Clicar e arrastar: adiciona uma curva com seus respectivos controles;
  • Segurar ctrl, clicar sobre um ponto (vetor) e arrastar: transforma a linha reta em uma curva (um controle quadrado surge quando arrastamos).
  • Segurar Alt, clicar sobre um vetor e arrastar: move toda a seleção
  • Segurar Shift e clicar com o botão direito: adiciona um vetor sem ligação com o anterior (sem a linha);
  • Pressionar Ctrl + Shift e clicar sobre um vetor: exclui o vetor;
  • Pressionar Ctrl + Shift e clicar sobre um controle: exclui o controle.

Veja um pequeno exemplo:

vetor

Na imagem temos o exemplo de como são os vetores:

  • Os pontos circulares escuros são vetores "inativos", isso é, que não estão em modo de edição.
  • O ponto circular claro é o vetor "ativo", isso é, que está sendo editado no momento.
  • Os quadrados são os pontos de controle do vetor. Eles só aparecem quando usamos curvas, uma vez que é através deles que definimos o tamanho e a direção de cada curva (basta arrastá-los).
  • Cada vetor tem dois pontos de controle para as curvas (basta pressionar Ctrl e clicar sobre eles para arrastar).
  • Podemos passar qualquer vetor para o modo de edição, para isso, basta clicar sobre ele.

Com tudo bem explicado, vamos ao que interessa: de volta a imagem do carro e com a ferramenta de vetores selecionada, adicione os vetores ao redor do objeto a ser recortado (o carro) de forma que todo o seu contorno seja preenchido.

Faça com calma e adicione quantos pontos achar necessário. Se for preciso, aumente o zoom (tecla "+" do teclado numérico) para ajudar a visualizar a área a ser contornada. Procure posicionar as linhas dos vetores exatamente sobre o contorno do carro. Veja como deve ficar:

vetores

Note na imagem acima (clique para ampliar) que os vetores envolvem todo o carro.

Agora que envolvemos o objeto a ser recortado, vamos selecioná-lo:

Caso a janela de vetores não esteja disponível, abra ela através da janela principal (onde editamos a imagem), clicando no menu Janelas > Diálogos de Encaixe > Vetores.

janela_vetores

Nessa nova jenela poderemos transformar nossos vetores em uma seleção pressionando o botão "Vetor para seleção" (destacado na imagem acima).

Feito isso, as linhas que desenhamos com os vetores se transformarão em uma selação em torno do nosso carro (observe o tracejado da seleção):

carro

Como queremos excluir o fundo e não o carro, devemos inverter a seleção. Para fazer isso, basta teclar "Ctrl + i", ou através do menu Seleção > Inverter.

O tracejado da seleção envolverá todo o fundo da imagem e bastará teclar "Ctrl + x" para cortar o fundo, mantendo apenas o carro, como era pretendido desde o início. Veja:

exemplo_final

Não se espante com o fundo quadriculado, ele nada mais é do que o fundo da área de trabalho do Gimp e mostra que tudo o que está em volta do carro está transparente.

Podemos agora usar a imagem do carro para criar novas montagens. Um bom exemplo seria inserir o carro em novos cenários.

O procedimento usado aqui pode parecer complicado, mas com um pouco de prática e boa vontade qualquer pessoa pode aprender a menejar rapidamente a ferramenta de vetores e, depois de se tornar um craque nessa ferramenta, recortar objetos de outras imagens vai ser uma das tarefas mais simples no Gimp.

Obs.: Se quiser salvar a imagem de forma a editá-la posteriormente, basta salvar no formato .xcf

Se quiser aprender mais sobre o Gimp e suas ferramentas recomendo a visita aos seguintes sites:

http://www.ogimp.com.br/

http://www.gimp.com.br/

http://razgrizbox.wordpress.com/

Todos os sites acima são em português e todos contém diversas dicas e tutoriais ensinando a usar essa incrível ferramenta.


22 Comments to “Usando vetores para recortar imagens no Gimp”

  1. Snowbear disse:

    Amigo, quando eu inverto a seleção e excluo o fundo fica branco ao invés de quadriculado (transparente). Como faço para modificar isto??

    Valeu

  2. MK disse:

    Parabens, muito bom mesmo esse tutorial, me ajudou muito!
    Nota: 10!

  3. julia carla disse:

    eu quero recortar minhas fotos bem na linha

    • diggao disse:

      Olá Julia!

      O segredo é posicionar os vetores exatamente onde você quer que o corte seja feito. A melhor forma de se conseguir isso é aumentando o zoom.

      Assim você pode clicar no local correto.

  4. Dayse Diniz disse:

    obrigadão me ajudou muitooooooooooooo! Que Deus te abençoe !

  5. karol disse:

    como faço para colocar outra imageeem na que eu editei ??

    tipo eu quero usar duas imagens em uma só, aí eu precisaria importar uma outra imagem junto com a outra no gimp.
    tem como??

    obrigada

    • diggao disse:

      Tem sim Karol

      A forma mais simples seria importar a outra imagem também (arrastar ela pra janela aberta do Gimp também funciona). Cada uma ocuparia uma camada e poderiam ser editadas de forma independente.

  6. João Pedreira disse:

    Meu amigo:

    Muito e muito OBRIGADO!!!! Valeu mesmo…!

  7. jonas disse:

    muito bom só faltou terminar como salvar etc…. mais muito bom mesmo

  8. Klara disse:

    como movo uma imagem no Gimp? Quero fazer uma montagem, mas não consigo mover a imagem que recortei, me ajudem?

    • diggao disse:

      Para mover uma imagem no Gimp, basta usar a ferramenta de movimento (tecla "M") clicar sobre a imagem desejada e arrastá-la com o mouse ou mover usando as teclas direcionais no teclado.

      Se a imagem estiver em outra camada, selecione ela antes.

  9. FilipeAugusto disse:

    Excelente tutorial, porém, você se esqueceu de colocar como faz, para salvar a imagem, de modo que salve somente a imagem, no caso, do carro… sem que, o fundo fique branco quando salvarmos… se você puder explicar melhor isso, eu ficaria feliz. agradeço desde já.

    • diggao disse:

      Olá Filipe!

      Para manter o fundo transparente na imagem, é necessário salvá-la num formato que dê suporte a essa característica.
      Eu costumo usar .png

      Na hora de salvar, vá até o menu Arquivo > Salvar como e, no nome da imagem, escreva da seguinte forma:

      Ex.: nome_desejado.png

      Mande salvar e confirme as demais opções.

      É importante lembrar que se a sua imagem possuir mais de uma camada, elas serão fundidas em uma só.

  10. Ernandes disse:

    quero colocar uma foto de fundo na imagem, como faço isso?

    • diggao disse:

      Menu arquivo > Abrir como camadas…

      Ou simplesmente arraste a foto para dentro da área de desenho do Gimp e solte. Se ficar na frente, vá até a janela de camadas e envie para a camada de baixo ou, no menu Camada, use a opção Pilha > Abaixar camada.

  11. disse:

    Olá,
    e para mover uma seleção dentro da mesma figura?
    ex:
    arrastar uma pessoa para mais perto da outra..
    cortei, selecionei, tecla M, mais move toda a figura.
    obrigada!

  12. disse:

    Olá, consegui mover a imagem, mas e como fazer o pedaço qe ficou em branco (por causa da retirada da figura) ficar com o mesmo fundo ?
    Vaaleu

    • diggao disse:

      Não sei como está a figura, mas você pode usar uma cópia da imagem original como uma camada de fundo. Basta adicioná-la como uma nova camada e em seguida, enviá-la para baixo da camada onde você está fazendo sua montagem.

      Caso contrário, pode optar por adicionar outra imagem como camada de fundo.

  13. Jessica disse:

    não estou conseguindo de a minha foto com aquela linha pontilhada
    obs:igual a do 2º carro

    • diggao disse:

      Olá Jessica! Você tem que ir clicando e adicionando os pontos um a um ao redor da imagem. É um pouco difícil no início, mas fica bem simples depois que se "pega o jeito".

      O segredo é aumentar o zoom para posicionar os vetores nos locais corretos.

  14. maicom disse:

    cara muito bom ajudou bastante vlw abraço!!!

Deixe um comentário

Campos marcados com * são obrigatórios Você pode usar essas tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Spam Protection by WP-SpamFree

Translate

Últimos Twites