Posts tagged with: Dicas

Dica: Imagens com alpha com melhor acabamento

Sempre que precisei utilizar alguma imagem com canal alpha em meus projetos, apenas importava o bom e velho png com áreas transparentes, mas faz algum tempo que venho utilizando uma técnica simples mas que melhora muito o acabamento das bordas das imagens, como ilustra as imagens abaixo:

Perceba que fica sem os pixels perdidos nas bordas.

Como fazer? Siga os passos …

1 – Antes de tudo instale uma action no photoshop chamada Alpha Utility . DOWNLOAD AQUI

Para instalar é só colocar ela na pasta ( no meu caso ) C:\Program Files\Adobe\Adobe Photoshop CS5 (64 Bit)\Presets\Actions.

2 – Abra no photoshop uma imagem com alpha, para facilitar use a mesma que usei. DOWNLOAD

3 – Suavize a borda – Selecione o layer da imagem e click em Layer / Matting / Defring… , eu uso valor 3 na caixa, clique em OK.

4 – Duplique o layer da imagem, deixe o layer original em primeiro e o copiado em segundo( nomeie o layer como original e copiado para facilitar).

5 – Abra o painel de actions – Window / Actions e verifique se apareceu na lista a action Alpha Utility , se não apareceu clique no canto superior direito e clique em Alpha Utility e se não estiver na lista, você fez algo errado na instalação.

6 – Selecione o layer copiado e execute a action AlphaUtility / Dilate Many Times, sua imagem deverá ficar assim:

7 – Selecione os layer criados como na imagem acima e clique em Control + E ou Layer / Merge Layers

8 – Crie um layer novo e coloque abaixo de todos e preencha com a cor predominante da imagem , nesse caso é verde, use o conta gota.

9 – Dê um Control + Click no layer ORIGINAL para selecionar as áreas preenchidas.

10 – Troque para a aba CHANNELS e click no botão Save Selection as Channel

Pronto , salve o arquivo em PSD ou em outra extensão que suporte o alpha channel, eu salvo sempre em TGA.

O resultado final está AQUI, qualquer coisa deixe um comentário.

Share