Como usar: Gerador de Sombras
- Solte um sprite.
- Escolha sombra projetada (cópia deslocada atrás do sprite) ou sombra no chão (silhueta achatada sobre o chão).
- Ajuste o deslocamento, ou o achatamento e a inclinação, e depois a cor e a opacidade.
- Confira nos fundos de prévia verde, escuro e claro.
- Baixe o PNG.
O que você recebe
- PNG com a sombra aplicada e uma tela que cabe tudo
- Sombra semitransparente com um único valor de alfa (sem acúmulo)
Dicas de quem faz jogos com ela
- Na sombra no chão, a direção do sol é a inclinação: positivo inclina para a direita, negativo para a esquerda. Mantenha a mesma em todos os sprites de uma cena.
- Uma sombra colorida (roxo escuro ou azul) costuma ficar melhor do que preto sobre grama ou areia.
- Se a sua engine desenha as sombras sozinha, exporte-as separadas: coloque a opacidade em 100% numa cópia e use como máscara.
- A expansão aumenta a sombra projetada em pixels inteiros, o que passa sensação de suavidade sem adicionar desfoque.
Casos de uso
- Dar a ícones e botões de UI uma sombra projetada em pixel
- Assentar personagens e objetos no chão em cenas top-down e em visão lateral
- Fazer o texto do título saltar de um fundo carregado
- Imagens para página da loja e trailer
Perguntas frequentes
Qual a diferença entre sombra projetada e sombra no chão?
A sombra projetada é a silhueta do sprite deslocada, como se ele flutuasse acima do fundo. A sombra no chão é invertida, achatada e inclinada embaixo dos pés do sprite, como se a luz viesse de lado.
As sombras são desfocadas?
Não. As bordas continuam duras. A opção de expansão aumenta a silhueta em pixels inteiros em vez de desfocar.
Por que a sombra é semitransparente?
Para o chão aparecer por baixo. Todos os pixels da sombra recebem o mesmo alfa, então as partes sobrepostas não ficam mais escuras.
Onde a sombra no chão começa?
Na linha opaca mais baixa do sprite, que normalmente são os pés. Use a opção de espaço se o sprite tiver área vazia embaixo.
Minha imagem é enviada para algum servidor?
Não. Tudo roda no seu navegador.