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

Seletor de Cores do Material Design

Navegue pela paleta de cores do Material Design. Copie qualquer tonalidade (50 a A700) como HEX, RGB ou HSL com um toque.

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.

Criador de Crachás

Crie até 60 crachás imprimíveis a partir de uma lista Nome | segunda linha. Escolha 8 cartões ou 15 etiquetas por página em A4 ou US Letter e imprima localmente.

Criador de jornal

Crie uma capa de jornal com suas próprias manchetes e matérias, depois copie ou baixe o texto simples ou use a caixa de impressão do navegador.

Conversor de ARW para JPG

Converta fotos RAW ARW da Sony para JPG. Obtenha um JPEG compartilhável e universalmente compatível a partir do arquivo RAW da câmera sem abrir o Lightroom.

Leitor de QR Code

Decodifique um QR Code de uma imagem PNG, JPG ou WebP no navegador. Veja URL, Wi-Fi, vCard, SMS, e-mail, calendário, geo ou texto antes de usar.

Ferramenta disponível em outros idiomas