2. Pintura & Personalização

Agora que carregou o seu mapa, é hora de dar-lhe vida! Esta seção cobre os principais recursos de pintura e personalização que tornam o PaintMyMap tão poderoso—e corresponde exatamente ao que vê no editor.

Como Funciona a Pintura

A pintura no PaintMyMap funciona atribuindo características do mapa (países, regiões, etc.) a grupos de legenda. Cada grupo tem sua própria cor, padrão opcional e rótulo.

Pintar, apagar e alterar o tamanho do pincel

Pintura Básica

1. Selecione um Grupo de Legenda: Clique num grupo na legenda (a sua cor torna-se a cor ativa para pintar).
2. Escolha o Seu Pincel: Escolha entre Ponto Único ou um tamanho de círculo (P/M/G/XL).
3. Pinte: Clique ou arraste sobre as características do mapa para atribuí-las ao grupo selecionado.
4. Borracha: Mude para a borracha para remover a pintura das características.

Atalhos: B (Pincel), E (Borracha), ⌘/Ctrl+Z (Desfazer), ⇧+⌘/Ctrl+Z (Refazer)

Gestão da Legenda

A legenda é o coração da organização visual do seu mapa. Cada cor no mapa que deseja usar precisa ser atribuída a um grupo (item da legenda).

Selecionar itens da Legenda, reordenar, mostrar/ocultar, adicionar título à Legenda, redimensionar e mover a Legenda

Criar Grupos de Legenda

• Adicionar Grupos: Clique em + Adicionar item para criar um novo grupo.
• Cores e Padrões do Grupo: Clique na amostra de cor para abrir o menu de cores/padrões.
• Rótulos do Grupo: Escreva diretamente no campo de rótulo de cada grupo.
• Mostrar/Ocultar na Legenda: Alterne a visibilidade de qualquer grupo.
• Reordenar: Arraste usando o ícone de alça ou use os botões para cima/baixo.
• Eliminar: Remova um grupo (isto não apagará áreas pintadas; elas voltarão ao estado não pintado).
• Título da Legenda: Ative “Mostrar Título da Legenda” nas Opções e edite o texto do título.

Posicionamento da Legenda

• Arrastar para Mover: Arraste a legenda para qualquer lugar no mapa (mais fácil no modo de Pré-visualização).
• Redimensionar: Use a alça no canto para dimensionar o bloco da legenda.
• Fundo: Defina a cor e a transparência do fundo da legenda nas Opções.

Mapas Coropléticos - Gerar Gradiente de Cor

Com o gerador Coroplético, pode criar um gradiente de cor perfeito com apenas um clique! Escolha a cor inicial e final, o número de passos e está pronto!

Gerar Gradiente de Cor com o Gerador Coroplético

Ferramenta de Pincel

Para selecionar o pincel, clique na ferramenta de pincel. Para alterar o tamanho, use o menu suspenso ao lado. Para alterar a cor, crie ou selecione um novo grupo na legenda.

Tipos de Pincel

• Ponto Único: Pinte uma característica por clique (controle preciso).
• Círculo: Pinte todas as características sob o raio do pincel.
  • Tamanhos P/M/G/XL para preenchimentos mais rápidos.

Controles do Pincel

• Grupo Ativo: O grupo de legenda atualmente selecionado.
• Tamanho do Pincel: Escolha entre P/M/G/XL; um círculo de pré-visualização mostra o raio exato.
• Pré-visualização de Cor: Mostra a cor/padrão do grupo ativo.
• Borracha: Remove a pintura das características (E).

Dica: Use Desfazer/Refazer livremente enquanto experimenta tamanhos.

Cores do Pincel

Pode pintar com uma única cor ou selecionar um padrão de duas ou três cores.

Selecionar cor sólida para o pincel ou um dos padrões de duas ou três cores

Ferramenta de Formas

Use a ferramenta de Formas para anotar, destacar ou adicionar significado adicional às suas regiões pintadas.

Desenhar formas, alterar cor, adicionar texto, rodar e editar

Tipos de Formas Disponíveis

Forma	Propósito
Linha	Indicador simples / sublinhado; clique e arraste para desenhar.
Seta	Chamada direcional (cabeça de seta automática).
Retângulo	Destaque em caixa padrão.
Retângulo Arredondado	Destaque mais suave / contêiner de rótulo (cantos arredondados).
Círculo	Anel de ênfase ou marcador.
Comentário	Anotação em estilo de balão de fala arredondado (corpo oval + cauda).
Caixa de Comentário	Balão de fala retangular (variante em caixa) com cauda móvel.
Chamada	Caixa + cauda de seta (a cauda da seta é um triângulo/seta apontando para o alvo).

Desenhar Formas

1. Selecione a ferramenta Formas (atalho: S).
2. Escolha um tipo de forma na paleta mini.
3. Clique e arraste no mapa para desenhar.
4. Mantenha Shift enquanto arrasta para restringir: círculo perfeito, quadrado ou incrementos de 45° para linhas/setas.
5. Mantenha Option/Alt para desenhar a partir do clique inicial (de dentro para fora para círculos/retângulos).

Estilo e Opções de Formas

• Espessura e Cor do Traço: Ajuste a espessura e a cor do contorno.
• Escalar com Zoom: Ative/desative se o traço/texto escala ao fazer zoom (ative para dimensionamento relativo, desative para peso visual constante).
• Preenchimento: Ative o preenchimento; escolha cor sólida ou padrão; ajuste a transparência via controle deslizante.
• Padrões: Mesma biblioteca de padrões dos grupos de legenda (linhas, pontos, listras, padrões de três cores).
• Texto: Ative sobreposição de texto; defina família de fontes, tamanho, cor e sombra opcional + cor da sombra.
• Sombra Projetada: (Por forma) Ative uma sombra, ajuste o desfoque, opacidade, deslocamentos e cor para profundidade/contraste.

Editar Formas

• Use a ferramenta Selecionar (V) para escolher uma forma.
• Arraste para mover; alças aparecem para redimensionar (cantos) e rodar (controle de rotação / tecla R enquanto selecionado).
• Clique duas vezes no texto da forma para editar.
• Pressione Delete / Backspace (ou o ícone de Eliminar) para remover.
• Cauda de Comentário / Caixa de Comentário / Chamada: Arraste a alça circular da cauda para reposicionar o ponteiro independentemente do corpo do balão/caixa.

Ferramenta SVG (Importar / Colocar)

A ferramenta SVG abre o diálogo da Biblioteca SVG para importar gráficos vetoriais reutilizáveis.

Carregar e posicionar SVGs, alterar cor, tamanho, rodar e editar

Fluxo de Trabalho

1. Clique em SVG (Importar / Colocar) para abrir o diálogo.
2. Cole o código SVG bruto ou escolha um ou mais ficheiros .svg. Também pode explorar alguns dos SVGs incorporados no menu suspenso Tema.
3. Pressione Adicionar à Lista para armazenar uma versão analisada em “Os seus SVGs” (persistido no armazenamento local até ser limpo).
4. Selecione uma entrada e pressione Colocar, depois clique e arraste no mapa para posicionar e dimensionar num único gesto.
5. Use Selecionar (V) posteriormente para refinar: mover, rodar, redimensionar, eliminar.

Comportamento e Notas

• Alternar diálogo: clicar novamente na ferramenta SVG enquanto o diálogo está aberto fecha-o e retorna à Seleção.
• Sanitização: scripts, manipuladores de eventos e nós foreignObject são removidos por segurança.
• Proporção preservada automaticamente durante o posicionamento.
• Persistência da Biblioteca: Limpe tudo com o botão “Limpar Tudo”; itens individuais podem ser removidos.
• Desempenho: SVGs extremamente complexos (milhares de caminhos) podem afetar a interatividade e o tempo de exportação.

Casos de Uso

Logotipos, emblemas, pictogramas (população, ícones climáticos), marcadores de inserção, rosas-dos-ventos, molduras decorativas.

Ferramenta de Seleção

A ferramenta Selecionar (V) permite manipular formas desenhadas e SVGs colocados.

Seleção e Seleção Múltipla

• Clique numa forma/SVG para selecionar; arraste para mover.

Alças de Transformação

• Alças de canto: redimensionar (mantenha Shift para restringir quadrado/círculo onde relevante).
• Alça de rotação ou pressione R enquanto selecionado para rodar.
• Alça de cauda de Comentário/Caixa de Comentário: reposicione o âncora da cauda do balão de fala.

Edição de Texto

• Clique duas vezes no texto da forma (Comentário/Caixa de Comentário/qualquer forma com texto ativado) para editar inline.
• Use os controles de estilo (fonte, tamanho, cor, sombra) para refinamentos.

Eliminar

• Backspace / Delete ou ícone de Eliminar na interface remove a(s) forma(s) selecionada(s).

Personalização Avançada

Leve os seus mapas para o próximo nível com estes recursos. Abra Opções para acessar:

Configurações da Legenda

• Legenda: Mostrar/Ocultar legenda no mapa.
• Fundo da Legenda: definir cor e transparência do fundo da legenda.
• Definir título da Legenda: definir título da legenda ou ocultá-lo completamente.

Mapa

• Apenas Áreas Pintadas: Oculte áreas não pintadas para exportações limpas.
• Mostrar linhas de grade.
• Mostrar linhas geográficas.
• Mostrar linhas de fusos horários com ou sem rótulos.

Rótulos & Título

• Título do Mapa: Ative o título, edite o texto, arraste para posicionar e redimensione através da alça de canto.
• Rótulos de Países: Mostrar rótulos de países, escolher abreviações, alterar fonte, cor e sombra opcional. Selecione para mostrar apenas em países pintados ou troque o nome do país pelo valor do grupo da legenda.

Melhorias Visuais

• Cor de Fundo do Mapa: Defina a cor do fundo do canvas.

• Cor das Fronteiras: Defina a cor das fronteiras dos países.

• Tema do Mapa: Precisa de inspiração? Escolha um tema de mapa a partir de paletas de cores incorporadas.

• Linhas de Grade: Mostrar grade de latitude/longitude.

• Linhas Geográficas: Mostrar equador, trópicos, círculos polares, meridiano principal.

• Fusos Horários: Polígonos e rótulos opcionais de fusos horários (para mapas suportados).

Estratégias de Cor

• Categórica: Use cores distintas para diferentes categorias.
• Sequencial: Use gradientes de cor para intervalos de dados.
• Divergente: Use esquemas de cores que destacam extremos.

Pintura com Padrões

Adicione textura subtil com padrões SVG incorporados:

• Linhas/Listras: Horizontal, vertical, diagonal; variantes de três linhas.
• Pontos/Trama Cruzada: Estilos de grade de pontos e trama cruzada.
• Tri-Listras: Combine cores primárias/secundárias/terciárias.

Como: Clique na amostra de cor de um grupo, ative Padrão e escolha um tipo. Personalize cores primária, secundária e (quando disponível) terciária. O envio de imagens de padrões personalizados não é suportado neste momento.

Desfazer & Refazer

Nunca perca o seu trabalho com controles de histórico abrangentes:

Controles de Histórico

• Desfazer/Refazer: Percorra as alterações (⌘/Ctrl+Z, ⇧+⌘/Ctrl+Z).
• Limpar Tudo: Remova toda a pintura (com confirmação).

Copiar & Colar

Acelere o seu trabalho com o recurso Copiar/Colar que funciona com SVGs e formas (⌘/Ctrl+C, ⌘/Ctrl+V).

Auto-salvamento

O seu trabalho é salvo no armazenamento local do navegador e será solicitado a restaurá-lo quando voltar.

Recursos Interativos

Zoom & Panorâmica

• Roda do Rato: Aproxime/afaste na posição do cursor.
• Botões de Zoom: Controle de zoom preciso (+/−).
• Panorâmica: Arraste para mover a vista do mapa.

Rotação & Orientação

• Rotação do Globo: Gire o globo (arraste o controle de rotação).
• Rotação 2D: Rode um mapa plano (arraste o controle de rotação).
• Espelhar: Efeitos de espelhamento horizontal e vertical.

Formas & Anotações

Use a ferramenta de Formas para adicionar destaques visuais:

• Tipos: Linha, Seta, Retângulo, Retângulo Arredondado, Círculo, Comentário, Caixa de Comentário, Chamada.
• Estilo: Defina espessura/cor do traço e cor/transparência do preenchimento.
• Texto: Adicione texto às formas (fonte, tamanho, cor, sombra opcional).
• Escalar com Zoom: Escolha se as formas escalam ao fazer zoom.

Salvar & Carregar Projetos

Exportar Estado (Salvar Projeto)

• Salvar Progresso: Exporte todo o seu projeto como um ficheiro JSON.
• Inclui: Toda a pintura, cores, configurações e personalizações.
• Formato do Ficheiro: Ficheiro .json que pode ser reaberto a qualquer momento.
• Uso: Faça backup do seu trabalho ou continue mais tarde.

Importar Estado (Carregar Projeto)

• Restaurar Trabalho: Importe um ficheiro JSON previamente salvo.
• Preserva: Toda a sua pintura e configurações de personalização.
• Entre dispositivos: Funciona em diferentes navegadores e dispositivos.

Auto-salvamento

• Automático: O seu trabalho é salvo no armazenamento local do navegador.
• Recuperação: Restaura automaticamente a sua última sessão.
• Sem Ação Necessária: Acontece em segundo plano.

Modo de Pré-visualização

Antes de exportar, use o modo Pré-visualização para ver o seu mapa final:

• Oculta todos os controles e interface de edição.
• Mostra apenas o mapa, legenda e elementos personalizados.
• Permite arrastar a legenda e o título para posicionamento fino.
• Perfeito para verificações finais de composição.

Próximos Passos

Quando o seu mapa estiver perfeito, é hora de exportar! Continue para a seção final para aprender a salvar e compartilhar as suas criações.