Softonic

Adicionador de Sombra de Imagem

Etapa 1 / 4 Sombra projetada

Uma captura de tela de produto plana se destaca da página com uma sombra suave; a mesma imagem sem sombra parece colada. Esta ferramenta adiciona uma sombra personalizável com controles independentes para raio de desfoque, deslocamento, difusão e cor, produzindo um PNG com a sombra incorporada, pronto para páginas de marketing, cabeçalhos de blog e documentação.

Como adicionar uma sombra projetada

  1. 1

    Carregar uma imagem

    Funciona melhor com PNG que já possui transparência ou uma captura de tela de produto que você deseja emoldurar.

  2. 2

    Definir parâmetros da sombra

    Raio de desfoque, deslocamento X/Y, opacidade, cor.

  3. 3

    Escolher uma tela

    Ajustar à imagem mais sombra, ou tamanho fixo com margem.

  4. 4

    Exportar

    A saída PNG preserva as bordas suaves da sombra; JPG terá um fundo visível.

Configurações de sombra que parecem certas

Boas sombras projetadas são geralmente mais suaves e menos opacas do que as pessoas instintivamente escolhem.

Estilos predefinidos

Estilo Desfoque Deslocamento Y Opacidade Difusão
Elevação sutil (cartão UI) 12 px 2 px 8% 0
Elevação de material 2 8 px 2 px 15% 0
Elevação de material 8 24 px 12 px 20% 0
Postagem em redes sociais 40 px 20 px 25% 0
Imagem hero flutuante 80 px 40 px 30% 0
Sombra longa (design plano) 0 px 40 px 30% 0

Cor da sombra

  • Preto é fácil, mas muitas vezes parece duro. Uma versão escura e dessaturada da cor dominante da imagem parece mais integrada.
  • Preto puro a 25% de opacidade geralmente é melhor do que preto a 70%.
  • Sombras quentes sob uma imagem quente, sombras frias sob uma imagem fria.

Onde está a luz

Se sua imagem tem uma sensação interna de iluminação (um logotipo com destaque), combine a direção da sombra com essa iluminação. Capturas de tela de fotos genéricas geralmente parecem melhores com uma luz de cima para baixo (deslocamento da sombra para baixo de 2-20 px).

Saída PNG vs JPG

  • PNG: as bordas da sombra desvanecem para a transparência de forma limpa. Melhor para colocar a imagem em qualquer fundo.
  • JPG: a sombra é achatada contra uma cor de fundo escolhida. Use quando souber a cor do fundo final.

Evite empilhar efeitos

Uma sombra projetada mais uma borda grossa mais cantos arredondados mais um tom começa a parecer confusa. Escolha uma ou duas, uma borda sutil mais uma sombra geralmente é suficiente.

Perguntas frequentes

Quase sempre a opacidade está muito alta. Reduza para 20-30% e aumente o raio de desfoque. Sombras reais à luz do dia são difusas; uma sombra escura e nítida parece iluminação de palco.

A ferramenta produz apenas sombras projetadas externas. Para sombras internas (por exemplo, texto pressionado em uma superfície), use um filtro de relevo/destaque dedicado.

Sim, por padrão, a tela se expande para incluir as extensões da sombra. Você pode bloquear a tela no tamanho original se preferir que a sombra seja cortada nas bordas (para azulejos ou fundos contínuos).

Sim. A entrada PNG com alfa produz uma sombra ao redor do que é opaco, não ao redor do retângulo completo. Recortes de produtos com silhuetas complexas geram sombras naturais e conformadas ao formato.

Ferramentas relacionadas

Gerador de papel quadriculado

Crie papel quadriculado para imprimir online: escolha grade ou pontos, ajuste o espaçamento em mm, selecione A4 ou Carta e uma cor de linha personalizada, e imprima ou baixe um SVG nítido.

Gerador de papel pautado

Crie papel pautado para imprimir de graça. Escolha pauta média, larga ou estreita, defina o espaçamento das linhas em mm, o tamanho da página e uma linha de margem, e imprima ou baixe o SVG.

Criador de gráficos de ponto cruz

Transforme JPEG, PNG ou WebP em gráfico de ponto cruz imprimível com 10–150 pontos, 2–40 cores próprias, símbolos, contagens exatas e medidas do tecido.

Conversor de Pantone para HEX

Converta cores Pantone PMS para os valores mais próximos de HEX, RGB e CMYK para correspondência em tela e impressão, com pré-visualização de amostras.

Divisor de Grade do Instagram

Divida uma imagem ampla em uma grade 3×3 do Instagram, ou qualquer número de linhas. As peças são numeradas para facilitar o upload em ordem inversa.

Gerador de letras de grafite

Crie letras de grafite com efeitos tag, bubble, block, estêncil, neon e wild. Ajuste as cores e exporte PNG ou SVG diretamente no navegador.

Ferramenta disponível em outros idiomas