Adicionar sombra longa a um logo
Adicione uma sombra longa diagonal em degradê, no estilo flat design, a um logo ou ícone. Funciona melhor com uma imagem PNG de fundo transparente; caso contrário, a sombra também envolverá o fundo da imagem.
Como funciona
A ferramenta primeiro cria uma silhueta do seu logo (mesma forma e transparência, mas totalmente preenchida com a cor de sombra escolhida) e depois desenha muitas cópias deslocadas dessa silhueta ao longo do ângulo indicado, com esmaecimento progressivo até a extremidade, antes de sobrepor o logo original por cima. O resultado é aquela sombra diagonal contínua tão característica do estilo flat design.
Por que meu resultado tem uma sombra quadrada ou retangular?
Se a sua imagem de origem não tem fundo transparente (por exemplo, um JPEG com fundo branco ou colorido), a ferramenta considera esse fundo parte da forma e também o estica em sombra. Use um PNG com canal alfa (fundo realmente transparente) para que apenas a silhueta do logo projete sombra.
Qual ângulo e qual comprimento escolher?
O ângulo de 45° é o clássico do estilo flat design (sombra para baixo e para a direita). Um comprimento de 100 a 150% dá um efeito marcante e legível; acima de 200%, a sombra fica muito esticada e serve principalmente para grandes composições ou imagens de fundo.
Processamento 100% local: a geração da sombra é feita inteiramente no seu navegador via Canvas — seu logo nunca é enviado a um servidor.