Aprenda a fazer um efeito de vidro

Bom, andei olhando muitas casas de pixel arts, mas percebi uma coisa estranha, os vidros eram sem transparência, somente com uma cor azul.

Todos sabem que em vidros, conseguimos ver algo que está atrás dele. Resolvi fazer esse tutorial para ensinar como fazer vidro com transparência, usando dois tipos de programa:

• Paint.Net
• PhotoFiltre

1º Passo

Abra o Paint.net e abra o "Selecionador de cores" e escolha uma cor, de preferência, clara

O espaço da cor em branco vai ser o reflexo que vamos usar mais tarde, então deixe como está.

Agora, dê um zoom e faça o formato e o tamanho do seu vidro e pinte-o. Como exemplo, eu fiz esse quadrado

Pronto, a base do vidro já está pronta!

2º Passo

Agora para fazer os reflexos, faça uma base com o mesmo formato de seu vidro, mas coloque nele uma cor diferente.

Selecione a ferramenta "Reta / Curva" 

Depois desative a suavização de Linhas

Faça as retas de branco e deixe elas com larguras diferente para alguma direção, como exemplo, essas retas.

Para dar um toque de mais pixel art, vamos aplicar o Dithering / pontilização.

Mude a largura de suas linhas para 2 

Em preencher coloque "Percentual 50" 

Agora, com as configorações prontas, faça essas linhas nas bordas dos reflexos de seu vidro como mostra a imagem

3º Passo

Com seu PhotoFiltre aberto, Selecione "File" e depois selecione "New"

Depois disso, cole um fundo que deseja botar atrás do vidro , como exemplo, esse fundo

Cole a imagem da base de seu vidro (aquele quadrado azul) e arraste ele até a imagem do fundo. Clique com o botão direito do mouse e selecione "Paste Options..."

Depois escolha o tanto de "Opacidade" que você deseja, mas recomendo usar em 35%

A imagem ficará assim:

4º Passo

Cole a imagem do reflexo do vidro e clique com o botão direito do mouse e selecione "Paste Options..."

Depois bote "Opacidade" em 35%

Em baixo, selecione transparência, coloque a cor do fundo da imagem do reflexo do vidro (no caso, vermelho), coloque em"tolelância" 100, e retire a seleção do "Automatic antialiasing"

O Resultado ficou assim:

Sem Zoom:

Créditos:  Kiki-drops