Duas técnicas para imagens com fundo transparente

Algumas das imagens que vai usar no seu site tem fundos que não lhe agradam?
Poderá aqui obter informações de como retirar esses fundos indesejaveis em apenas poucos passos.

Existem várias formas de retirar um fundo a uma imagem, vamos abordar aqui apenas duas.

  1. Magic Wand (Varinha Mágica)
  2. Lasso (Laço)

Os exemplos aqui apresentados para o Adobe Photoshop, podem ser executados noutras aplicações gráficas.

1º Exemplo – Utilizar a ferramenta Magic Wand

Icon varinha mágica


Esta ferramenta é preferencialmente usada para imagens com fundo (background) homogéneo. Vejamos como utilizar esta ferramenta nesta imagem de exemplo:

Imagem Peter Pan

Passo 1 – Converter background (fundo) em layer

Para que ao recortar a imagem esta fique com fundo transparente será necessário transformar o fundo (background) em layer (em português “camada”). No separador das layers deverá dar dois cliques em cima do background aparecendo assim o quadro de opções da layer.

Converter background em layer


Passo 2 –
Ajustar opções da ferramenta

Já podemos então começar a nossa selecção usando a ferramenta Magic Wand.

Poderá ajustar as opções da ferramenta usando o quadro específico. A tolerância (Tolerance) terá de ser ajustada conforme a quantidade de tons que existirem no fundo, neste caso 10 foi suficiente. Se a tolerância tiver um valor muito alto poderá correr o risco de selecionar também parte da imagem.

Opções da ferramenta


Passo 3 –
Fazer a selecção

Clique sobre o fundo da imagem para obter a selecção pretendida.

Fazer a selecção

Como pode ver a imagem existe uma parte que não ficou selecionada (no meio por baixo do braço), para acrescentar esta zona à selecção basta manter precionada a tecla shift e clicar na zona com a ferramenta.

Fazer a selecção


Passo 4 –
Utilizar a opção Feather

Para retirar o fundo é necessário usar a opção Feather para que o corte seja mais suave e a imagem nao fique com recortes. Neste caso é suficiente usar apenas 1px.

Opção Feather


Passo 5 –
Retirar o fundo da imagem

Faça Delete e a sua imagem ficará sem fundo, poderá agora usa-la da forma que mais lhe agradar, colocando-a sobre outro fundo ou simplesmente com fundo transparente.

Imagem sem fundo


Passo 6
– Gravar a imagem como GIF

Para ser usada com fundo transparente a sua imagem deverá ser gravada com a extensão GIF.

File > Save for Web e escolher a extensão GIF, com a opção de colors 256 e escolher a cor do matte mais aproximada da cor do fundo onde a imagem será inserida.


Antes & Depois


Antes & Depois



2º Exemplo – Utilizar a ferramenta Lasso

Ferramenta Lasso


Nesta ferramente existem 3 opções de escolha:

Lasso – Selecção em curvas, mas dificulta a precisão da selecção

Polygonal Lasso – Selecção em rectas

Magnetic Lasso – Selecção em rectas, com efeito de iman

Para este exemplo vamos usar a opção Magnetic Lasso, os passos serão idênticos à ferramenta usada no exemplo anterior, mas na seguinte imagem:

Carro

Esta ferramenta fará com que a selecção seja feita com mais facilidade devido à carecterística de “iman” que possui, quando estiver a fazer o contorno da imagem a própria ferramente irá auxiliar esse contorno “colando-se” à imagem. Convém no entanto ir fazendo vários cliques ao longo da selecção.

Deverá ampliar a imagem através do zoom para que a precisão da selecção seja maior.

Selecção

Caso seja necessário apagar alguma parte da selecção durante a operação, bastará usar a tecla Delete e será eliminada a selecção até ao ponto anterior.

Com a imagem ampliada é difícil visualizar a totalidade da imagem, poderá então usar a tecla de espaços para poder movimentar a imagem sem perder a selecção.

O resultado da selecção é este:

Selecção final

Para retirar o fundo deverá como no exemplo anterior usar o Feather e Delete.

Antes & Depois

Antes & Depois