ToolBuddyToolBuddy
GamesNovo

Gerador de Mapa Normal

Gere mapas normais de espaço tangente, oclusão de ambiente, rugosidade, metálicos e de altura a partir de uma imagem de altura, com controle de canal verde OpenGL e DirectX.

Conheça seu fluxo de trabalho

Arquivos suportados e como usar.

Verifique os detalhes de entrada e saída compatíveis e siga as etapas da ferramenta antes de exportar.

🧾

Especificações técnicas e diretrizes de decisão

Use estas especificações para validar a compatibilidade com seu fluxo de trabalho, limites de privacidade e expectativas de saída antes de executar o Normal Map Generator.

Custo

Fluxo de trabalho gratuito sem barreiras de inscrição para uso principal.

Segurança

Todo o processamento é executado no navegador — as imagens nunca saem do seu dispositivo.

Dispositivo

Compatível com navegadores modernos para desktop e dispositivos móveis.

Especificações técnicas

Entrada: PNG, JPG, WebP. Saída: PNG, individualmente ou em arquivo ZIP. Mapas: normal, oclusão de ambiente, rugosidade, metálico, altura. Derivados da imagem de origem, não calculados a partir de geometria de malha.

🧭

Como usar

Verifique os detalhes de entrada e saída compatíveis e siga as etapas da ferramenta antes de exportar.

01

Escolha uma imagem de altura (um mapa de altura em tons de cinza gera o melhor resultado; uma foto colorida usa sua luminosidade).

02

Ajuste intensidade, filtro de bordas e orientação DirectX.

03

Revise os slots gerados (normal, oclusão de ambiente, rugosidade, deslocamento, especular) e ajuste desfoque, nitidez ou níveis.

04

Verifique a pré-visualização 3D iluminada em uma esfera, cubo ou seu próprio modelo glTF ou GLB, ou visualize a repetição em blocos 3×3.

05

Baixe mapas individuais em PNG ou todos juntos em um arquivo ZIP.

Guia

Aprenda, decida, e aplique.

Entenda como usar o como gerar um mapa de normais a partir de uma imagem de altura no navegador, por que ele é importante em fluxos de trabalho repetidos e quando usar essa ferramenta com confiança.

✨

Geração de mapas de normais e PBR no navegador

  • Executa inteiramente no seu navegador — as imagens nunca saem do seu dispositivo.
  • Normais por gradiente de Sobel com intensidade ajustável e repetição de bordas para texturas ladrilháveis.
  • Controle direto do canal verde para OpenGL/DirectX, sem padrões ocultos.
  • Gera cinco tipos de mapas a partir de uma única imagem em uma só operação.
  • Informa com clareza quando uma imagem colorida foi convertida em luminância.
  • Transparência em suas funções: derivados de uma imagem 2D, não calculados a partir de geometria.
🎯

Derive mapas de texturas PBR a partir de uma única imagem de altura

  • Transformar uma imagem de relevo (bump) ou altura em um mapa de normais em espaço tangente utilizável.
  • Derivar um mapa de oclusão de ambiente para profundidade adicional na superfície.
  • Produzir mapas de rugosidade e metalicidade a partir de uma única imagem em escala de cinza.
  • Converter um mapa de normais entre as convenções OpenGL e DirectX.
  • Criar um conjunto completo de mapas PBR a partir de uma imagem de origem sem instalar software.
Sobre

Sobre Gerador de Mapa Normal

Como gerar um mapa de normais a partir de uma imagem de altura no navegadorGeração de mapas de normais e PBR no navegadorDerive mapas de texturas PBR a partir de uma única imagem de altura

Mapas de normais com convenção explícita

As normais são calculadas a partir de um gradiente de Sobel sobre a luminância da imagem de origem, com intensidade regulável e repetição de bordas opcional para texturas contínuas (tileable).

O OpenGL requer +Y voltado para cima e o DirectX requer +Y para baixo. Um mapa configurado na convenção contrária aparenta iluminação invertida — a queixa mais frequente com mapas de normais —, por isso o controle do canal verde é acessível diretamente, sem configurações ocultas.

Oclusão, rugosidade, metálico e altura em uma única etapa

A oclusão de ambiente é estimada com base no campo de relevo, amostrando direções ao redor de cada pixel para verificar a elevação dos arredores. Trata-se de uma estimativa, não de um cálculo de ray tracing, e é devidamente identificada como tal.

Os mapas de rugosidade, metálico e altura são remapeamentos de níveis da luminância da imagem original, cada qual com controles individuais de mínimo, máximo, contraste e inversão.

Saiba exatamente o que está obtendo

Estes mapas são derivados a partir de uma imagem bidimensional, e não processados a partir de geometria de malha. Um mapa de normais criado aqui codifica o gradiente da sua imagem de altura; não é uma projeção de high-poly para low-poly, e o utilitário não se propõe a isso.

Caso utilize uma imagem colorida, ela é convertida primeiramente em luminância com aviso na interface — aplicar um mapa de albedo em um gerador baseado em relevo é um equívoco recorrente que a imagem resultante nem sempre torna óbvio.

FAQ

Comum questões.

Tem mais perguntas? Entre em contato por meio nossa página de contato e responderemos dentro de 24 horas.

Minhas imagens são enviadas para um servidor?

Não. A geração de mapas é executada no seu navegador e nada é enviado para um servidor.

Trata-se de um 'bake' de alta para baixa contagem de polígonos?

Não. Esses mapas são calculados a partir da imagem fornecida, não gerados a partir da geometria de uma malha. Um mapa de normais aqui codifica o gradiente da sua imagem de altura.

Por que meu mapa de normais parece iluminado do lado errado?

OpenGL espera +Y para cima e DirectX espera +Y para baixo. Use a opção de inverter verde para alternar a convenção.

Posso usar uma imagem colorida?

Sim, mas ela é convertida para luminância primeiro e a ferramenta avisa você — alimentar um mapa de albedo em um gerador baseado em altura é um erro comum.

A oclusão de ambiente utiliza traçado de raios (ray tracing)?

Não. É uma aproximação de campo de altura, não um 'bake' com traçado de raios sobre geometria.

Posso gerar vários mapas de uma vez?

Sim. Selecione qualquer combinação de normal, AO, rugosidade, metálico e altura, e baixe-os individualmente ou como um arquivo ZIP.

Posso ver os mapas em uma forma 3D?

Sim. Depois de criar os mapas, mude a pré-visualização para 3D para vê-los combinados em uma esfera, cubo ou plano iluminados, com repetição de até 4 × 4, e orbite ao redor.

Qual filtro de bordas devo usar?

Sobel atende à maioria das imagens. Scharr acompanha detalhes diagonais finos com maior precisão; Prewitt é mais suave e menos sensível a ruído. A intensidade tem o mesmo efeito nos três.

Casos de uso

Popular fluxos de trabalho.

Veja fluxos de trabalho reais onde essa ferramenta se encaixa naturalmente e vá direto para o guia correspondente.

Ver todas as ferramentas

Visualizador de coluna

Visualize as exportações do Spine JSON, atlas e PNG localmente com controles de reprodução, skin, velocidade e depuração.

Fluxo de trabalho aberto

Visualizador de animação Rive

Visualize arquivos Rive `.riv` localmente com reprodução de animação, testes de máquina de estado, revisão de cronograma de estado, gravação de eventos e controles de layout prontos para transferência.

Fluxo de trabalho aberto

Visualizador de modelo 3D

Visualize e inspecione modelos 3D em 42 formatos com modos de renderização, iluminação ambiente, ferramentas de medição, animações e gravação de vídeo.

Fluxo de trabalho aberto

Relacionado

Explorar mais ferramentas.

Ver todas as ferramentas

Visualizador de coluna

GamesPopulares

Visualize as exportações do Spine JSON, atlas e PNG localmente com controles de reprodução, skin, velocidade e depuração.

Visualizador de animação Rive

GamesPopulares

Visualize arquivos Rive `.riv` localmente com reprodução de animação, testes de máquina de estado, revisão de cronograma de estado, gravação de eventos e controles de layout prontos para transferência.

Visualizador de modelo 3D

Games

Visualize e inspecione modelos 3D em 42 formatos com modos de renderização, iluminação ambiente, ferramentas de medição, animações e gravação de vídeo.

Bancada de trabalho modelo 3D

Games

Converta, otimize e compacte arquivos de modelo 3D nos principais formatos (GLB, glTF, OBJ, STL, PLY, FBX, USDZ) com compactação Draco/meshopt e redução de polígonos.