Encontra o gesto certo,
no momento certo.

O que o Nodixio faz

O Nodixio reúne duas utilizações no mesmo estúdio: transformar uma imagem de mapa de bits em traçados SVG e depois desenhar ou retomar esses traçados com ferramentas vetoriais. A aplicação trata de tantos detalhes técnicos quanto possível — ordem das camadas, estrutura dos buracos, ligações e exportação — para que te concentres no resultado visual.

Documento inicial

O estúdio abre com um documento vazio chamado Sem título 1. Carrega uma imagem apenas se quiseres vetorizá-la; também podes começar diretamente com a caneta, o texto ou as formas paramétricas.

O percurso mais curto

1. 1

   Abre o estúdio e carrega um PNG, JPEG ou WebP em Correção.

2. 2

   Ajusta o número de cores, a precisão de cor e as manchas ignoradas.

3. 3

   Lança a vetorização: as cores detetadas entram logo na paleta do documento.

4. 4

   Verifica o resultado em modo Sobreposto e afina depois os ajustes avançados, se necessário.

5. 5

   Corrige as formas de forma global e passa depois a Edição para os pontos concretos.

6. 6

   Guarda um projeto .nodixio para continuar mais tarde ou exporta o resultado em SVG, PNG ou JPEG.

Dois ficheiros, dois usos

• O ficheiro .nodixio conserva o projeto de trabalho: imagem de origem, formas, textos, camadas, tipos de letra e ajustes.
• O ficheiro .svg é o resultado final padrão, pronto para web, impressão ou outra aplicação vetorial.
• Guarda em .nodixio antes de uma sessão longa de correção e exporta em SVG quando o desenho estiver pronto.

Método de trabalho aconselhado

As quatro zonas

• A barra superior trata de abrir, importar, guardar, anular e exportar.
• Os separadores de projeto permitem manter vários trabalhos abertos e trocar elementos entre eles.
• O painel esquerdo reúne Correção, Edição, Texto, as cores, os padrões, os efeitos e as propriedades contextuais.
• A barra da área de trabalho controla a vista, as camadas, o encaixe, as réguas, o ecrã inteiro, o deslocamento e o zoom.

Modos de visualização

• PNG mostra apenas a imagem de origem, útil para retoques de mapa de bits.
• Lado a lado coloca a origem e o resultado vetorial em duas zonas distintas.
• Sobreposto empilha PNG e SVG. Ajusta a opacidade de cada um para comparar com precisão.
• Ocultar o PNG transforma Sobreposto numa vista SVG limpa, sem perderes os ajustes.
• O modo Bézier mostra os traçados sem o render final, para controlares a construção das curvas.

Zoom e deslocamento

• Usa o controlo de zoom até aos 3 200 % para retoques finos.
• O gesto de pinça no trackpad amplia sob o cursor.
• Ativa Deslocar ou prime H para mover a área de trabalho sem alterar os objetos.
• O botão Recentrar devolve a área de trabalho à posição original.
• O ecrã inteiro liberta a superfície disponível sem alterar o documento.

Painel redimensionável

Arrasta a separação vertical entre o painel esquerdo e a área de trabalho. Aumenta o painel para ajustes detalhados e reduz-lo quando a superfície de desenho for prioritária.

Carregar a origem

Em Correção › Vetorização inicial, clica em Carregar uma imagem ou larga um ficheiro PNG, JPEG ou WebP. Uma imagem nítida, suficientemente grande e pouco comprimida dá sempre melhores contornos.

Ajustar a deteção

• Número de cores (2 a 16): a imagem é reduzida primeiro a esta paleta antes do traçado. Ajusta o número real de tons importantes: um valor demasiado alto fragmenta o desenho em subformas desnecessárias.
• Precisão de cor (1 a 8 bits): fineza com que os matizes são conservados durante o traçado. Um valor baixo agrupa tons próximos e um alto distingue-os.
• Manchas ignoradas (px²): remove as zonas isoladas menores que este limiar. Aumenta-o aos poucos para limpar o ruído sem perder motivos.
• Reduzir as cores primeiro evita empilhar gradientes: cada fronteira é calculada uma só vez e apenas as aberturas que dão realmente para a transparência se tornam buracos.

Ajustes avançados (VTracer)

• Fusão de gradientes: quanto os tons próximos são fundidos em vez de empilhados. Um valor alto simplifica os fundos com gradiente e um baixo conserva as transições.
• Ângulo de canto: a partir deste ângulo, um ponto é tratado como canto nítido em vez de curva.
• Deslocamento de canto: quanto o canto detetado pode mover-se para seguir o contorno real.
• Comprimento do segmento: o segmento reto mais curto antes de se tornar curva.
• Iterações: número de passagens de otimização. Mais iterações dão curvas mais suaves, mas demoram mais.
• Decimais dos traçados: precisão com que as coordenadas são escritas no SVG. Aumenta-os para desenhos muito grandes e reduz para ficheiros mais leves.
• Modo de curva: Spline produz curvas suaves, Polígono segmentos retos e Píxel segue exatamente as células da imagem.
• Hierarquia: Empilhado sobrepõe as camadas de cor e Recorte ajusta-as umas contra as outras sem sobreposição.

Vetorizar

1. 1

   Começa pelo número real de cores importantes.

2. 2

   Ajusta a precisão de cor se for preciso e aumenta as manchas ignoradas quando a imagem tiver ruído.

3. 3

   Clica em Vetorizar o PNG atual.

4. 4

   As cores do resultado são adicionadas à paleta automaticamente, sem duplicados.

5. 5

   Passa a Sobreposto e baixa a opacidade do PNG para verificar as diferenças.

6. 6

   Se uma só forma não bastar, seleciona-a e usa Revetorizar esta forma com novos ajustes.

Recuperar as cores

• No fim da vetorização, cada cor presente nas formas criadas é adicionada à paleta do documento.
• Os tons já conhecidos não são duplicados: a paleta mantém-se legível e reutilizável.
• Clica numa amostra para aplicar a sua cor à seleção, como num desenho manual.
• A cruz de uma amostra retira a cor da paleta sem alterar as formas que a usam.

Escolher o nível de detalhe certo

Formas perfeitas

• Círculo reconstrói a seleção com quatro âncoras Bézier, o mínimo para um círculo SVG limpo.
• Retângulo reconstrói quatro cantos e remove os pontos a mais.
• Paralelogramo regulariza um quadrilátero inclinado.
• Polígono perfeito recria uma figura regular com o número de lados escolhido.
• Arco perfeito atua sobre todo o contorno, um buraco ou uma porção delimitada por dois pontos.

Suavização global

Suavizar abre uma pré-visualização ao vivo com dois ajustes. Simplificação reduz o número de âncoras; Arredondamento suaviza a passagem entre segmentos. Os cantos significativos e as retas ficam protegidos. Confirma só quando a contagem de pontos e a silhueta estiverem certas.

Corrigir uma porção

1. 1

   Escolhe Redesenhar, Reta, Suavizar, − Pontos, + Pontos ou Eliminar.

2. 2

   Clica nas duas âncoras que delimitam a zona.

3. 3

   Escolhe Lado curto ou Outro lado se o contorno for fechado.

4. 4

   Ajusta a pré-visualização quando a ferramenta a oferecer e clica em Aplicar.

Restrições entre contornos

• Memorizar guarda uma reta ou um círculo como referência.
• Tornar paralelo aplica a orientação da referência à porção alvo.
• Tornar concêntrico alinha o centro de um círculo alvo com o memorizado.
• Restaurar volta à geometria original da forma selecionada.

Simetria automática ou manual

• Auto procura o eixo e o lado mais fiéis à origem.
• Manual mostra um eixo laranja: move-o, inclina-o ou escreve o seu ângulo e clica no lado a conservar.
• A metade oposta é reconstruída e o contorno é fechado automaticamente.

Selecionar os objetos

• V ativa a seleção.
• Shift-clique adiciona ou retira um objeto da seleção.
• Q ativa o laço: rodeia por completo os objetos a selecionar.
• Um clique num elemento de um grupo seleciona o grupo inteiro.
• Command-clique — Ctrl-clique no Windows — seleciona um elemento dentro de um grupo. Em objetos sobrepostos, repete o gesto para percorrer as camadas de cima para baixo.
• Depois de selecionar um objeto inferior, podes arrastá-lo mesmo que o cursor esteja também sobre um objeto superior.

Seleção e edição direta

• A ferramenta Seleção mostra automaticamente as âncoras das formas vetoriais editáveis.
• Clica numa âncora para revelar as suas pegas; Shift-clique permite selecionar várias.
• Arrasta a âncora ou as suas pegas para alterar a curva, sem perder o acesso a cores, contornos e efeitos.
• Arrasta dentro de um objeto já selecionado para mover toda a seleção; Opção/Alt-arrastar move uma cópia.
• Opção-clique numa âncora alterna entre canto e curva suave. As pegas de um canto são mantidas mas tornam-se independentes.
• Apagar âncoras ativa uma ferramenta contínua: clica sucessivamente em cada âncora a remover.
• Apagar pegas retira as duas tangentes da âncora clicada sem a mover nem eliminar.
• Delete também apaga as âncoras já selecionadas, preservando o mínimo necessário ao traçado.
• Num traçado aberto, arrastar o traço move o traçado inteiro; Alt-arrastar curva o segmento, e Shift+Alt-clique insere uma âncora sem deformar a curva. Os outros atalhos Bézier estão detalhados no capítulo Atalhos de teclado.

Selecionar por propriedades

• Seleciona primeiro uma forma ou um texto de referência e abre Selecionar por propriedades por baixo da paleta de cores.
• Combina livremente a natureza, o preenchimento, o contorno, a opacidade, os efeitos e o nome.
• Num texto podes também comparar o tipo de letra, o corpo, o estilo tipográfico e o conteúdo.
• Escolhe se todas as propriedades têm de coincidir ou se uma basta, e se os elementos ocultos ou bloqueados devem ser incluídos.
• A seleção obtida pode misturar formas e textos; as cores e estilos comuns aplicam-se então ao conjunto.

Objetos paramétricos

Tamanho das âncoras

O tamanho das âncoras e das pegas é expresso no ecrã: as âncoras continuam fáceis de agarrar, qualquer que seja o zoom.

Desenhar com a caneta

• P inicia uma forma fechada; Shift+P ou \\ inicia uma curva aberta destinada ao traço.
• Clica para colocar um vértice, clica e arrasta para criar uma âncora curva com as suas pegas.
• As âncoras mantêm-se editáveis durante todo o traçado: arrasta uma, ou Cmd/Ctrl-arrasta-a para puxar as suas pegas sem a mover.
• Um clique num segmento insere uma âncora sem deformar a curva; um arrasto curva o segmento.
• Shift limita a 45°, Opção/Alt converte um vértice ou liberta uma pega, e Espaço durante um arrasto move o ponto criado.
• Ao clicar no extremo de um traçado aberto, a caneta retoma esse traçado. Mantém Opção para criar um novo ponto sem te agarrares a ele.

Tesoura

1. 1

   Seleciona o traçado com a ferramenta Seleção.

2. 2

   Clica em Tesoura.

3. 3

   Clica numa âncora ou num segmento.

4. 4

   Uma forma fechada passa a aberta; uma curva aberta é dividida em dois objetos independentes.

Modo União

1. 1

   Ativa Unir: este modo é independente da seleção normal.

2. 2

   Clica num primeiro traçado aberto e depois, se quiseres, num segundo. Um terceiro substitui o primeiro.

3. 3

   Clica em dois pontos extremos. Um terceiro substitui o primeiro ponto escolhido.

4. 4

   Escolhe a união: segmento reto, curva harmoniosa, fusão por vértice ou fusão por curva.

Escolher a união

• Reta conserva dois extremos e liga-os com um segmento.
• Curva conserva dois extremos e cria pegas coerentes com as direções existentes.
• Fusão por vértice junta os dois extremos num único canto.
• Fusão por curva junta os extremos numa âncora suave, orientada pelos segmentos vizinhos.

Objetos disponíveis

• Círculo e elipse.
• Retângulo com raio dos cantos ajustável.
• Polígono com número de lados ajustável.
• Estrela com número de pontas e relação interior ajustáveis.
• Flor com número de pétalas, profundidade, arredondamento e largura das pétalas ajustáveis.

Criar e modificar

1. 1

   Escolhe a forma nas ferramentas vetoriais.

2. 2

   Ajusta os seus parâmetros no painel contextual.

3. 3

   Arrasta na área de trabalho para definir o tamanho e a orientação.

4. 4

   Enquanto o objeto for paramétrico, altera os seus valores sem deformar manualmente os pontos.

5. 5

   Usa Converter em forma para um retoque Bézier livre.

Porquê conservar o objeto

Abrir as camadas

Clica em Camadas na barra da área de trabalho. Cada linha mostra uma miniatura, um nome editável, o tipo ou o número de pontos, a visibilidade e o bloqueio.

Ações essenciais

• Clica numa linha para selecionar a camada.
• Shift-clique seleciona de uma vez todas as camadas entre a última linha clicada e esta; Shift-clique numa linha já selecionada retira todo o intervalo.
• Command-clique no macOS — Ctrl-clique no Windows — adiciona ou retira uma camada isolada, sem tocar nas outras.
• Clica no nome para renomear uma camada.
• O olho oculta ou mostra o elemento sem o eliminar.
• O cadeado impede qualquer alteração acidental.
• Arrasta a pega para mudar a ordem ou largar um elemento dentro de um grupo.
• Agrupar reúne a seleção; Desagrupar liberta os filhos; Duplicar cria uma cópia estruturada.

Grupos aninhados

Um grupo pode conter formas, textos e outros grupos. Clica na sua linha ou num dos seus objetos no desenho para selecionar o conjunto. Expande-o para chegar a um filho preciso a partir do painel de camadas.

Opacidade e efeitos de grupo

• Seleciona o grupo nas camadas para ajustar a sua opacidade global.
• Os efeitos aplicados ao grupo atuam sobre o resultado montado, enquanto um efeito aplicado a uma forma atua antes da montagem.
• Os efeitos são acumuláveis: o mesmo objeto ou grupo pode combinar várias sombras, brilhos, chanfros e relevos.

Criar buracos

1. 1

   Seleciona primeiro a forma ou formas a perfurar e memoriza-as como objetos afetados.

2. 2

   Seleciona depois a forma ou formas que servirão de recorte.

3. 3

   Clica em Fazer os buracos.

4. 4

   O Nodixio coloca os elementos na ordem correta automaticamente e cria um grupo estruturado nas camadas.

Quando o recorte sobressai

Um recorte totalmente incluído torna-se um buraco. Se sobressair do limite, o Nodixio realiza uma verdadeira operação booleana sobre o traçado para produzir o contorno esperado. Nunca tens de reordenar as camadas.

Editar um buraco

• Expande o grupo de buraco nas camadas.
• Seleciona a forma perfurada ou uma das camadas Buraco.
• Move ou transforma o buraco: o resultado visual atualiza-se.
• Adiciona um novo buraco ao grupo sem perder os existentes.
• Se eliminares o último buraco, a forma base volta automaticamente a ser uma camada normal.

Diferença em relação a uma subtração definitiva

Operações booleanas

• União funde as zonas ocupadas pelas formas selecionadas.
• Subtrair retira as formas de recorte da forma base.
• Interseção conserva apenas as zonas comuns.
• Exclusão conserva as zonas pertencentes a um número ímpar de formas e cria um grupo Exclusão quando resultam várias formas.

Ler o resultado nas camadas

Quando uma operação produz várias silhuetas, o Nodixio cria um grupo com o nome da operação. Cada forma resultante aparece como uma camada filha selecionável e editável.

Criar uma máscara

1. 1

   Seleciona e memoriza os elementos que devem permanecer visíveis.

2. 2

   Seleciona depois uma ou várias silhuetas de máscara.

3. 3

   Valida a criação da máscara.

4. 4

   Expande o grupo para encontrar separadamente Conteúdo e Máscara.

Máscara ou buraco

• A máscara limita a visualização de vários objetos, textos ou grupos a uma silhueta.
• O buraco retira visualmente zonas de uma forma base e conserva os seus recortes como filhos editáveis.
• Ambas as estruturas são não destrutivas no projeto .nodixio e são traduzidas corretamente na exportação SVG.

Paleta do documento

• A paleta enche-se automaticamente após uma vetorização ou uma importação SVG: as cores detetadas são adicionadas sem duplicados.
• Clica numa amostra para aplicar a cor à seleção.
• O seletor Livre aplica a cor em direto nas formas ou textos selecionados; ⌘Z / Ctrl+Z permite voltar atrás.
• A pipeta recolhe e aplica diretamente o píxel escolhido no PNG, mesmo na vista Lado a lado, sem véu sobre a imagem.
• + Paleta memoriza a cor livre no documento.
• A pequena cruz retira uma cor da paleta; não elimina os objetos que a usam.

Sem preenchimento

Seleciona uma forma ou um texto e clica em Sem preenchimento. O preenchimento torna-se realmente transparente; um contorno, um efeito ou um padrão de traço podem continuar visíveis.

Opacidade

• Ajusta a opacidade de 0 a 100 % com o campo ou o cursor.
• Numa forma afeta o preenchimento, o contorno e os efeitos.
• Num texto afeta o texto completo.
• Num grupo aplica-se depois de compor todos os filhos.

Conselho de composição

Ajustes básicos

• Ativa ou desativa o contorno independentemente do preenchimento.
• Escreve livremente a espessura: o Nodixio não impõe um limite artificial de 40 pt.
• Escolhe as extremidades e as uniões adequadas ao desenho.
• Define uma sequência de traços e o seu desfasamento para criar uma linha descontínua.

Marcadores

• Início e fim ajustam-se em separado.
• Os marcadores disponíveis incluem seta côncava, seta aberta, triângulo, losango, círculo, quadrado e barra.
• O marcador segue automaticamente a orientação do traçado.

Aspeto do contorno

Um contorno pode receber uma cor, um gradiente, um padrão e os seus próprios efeitos. Estes ajustes são distintos dos do preenchimento da forma.

Converter o contorno em forma

Converter o contorno transforma a espessura visível numa ou várias formas cheias. Se o resultado tiver várias silhuetas, o Nodixio coloca-as num grupo e cria uma camada filha para cada uma.

Tipos de preenchimento

• Uniforme usa uma só cor.
• Axial ou linear segue um eixo que pode ser movido diretamente sobre a forma.
• Radial difunde as cores a partir de um centro ajustável.
• Gradiente curvo segue um traçado Bézier editável colocado sobre a forma.
• Padrão repete um ladrilho da biblioteca.

Editar um gradiente

1. 1

   Escolhe o tipo de gradiente.

2. 2

   Adiciona, seleciona e move as paragens de cor.

3. 3

   Move o eixo, o seu centro ou o traçado guia diretamente no desenho.

4. 4

   Ajusta cores e posições até obteres a transição desejada.

Escolher um padrão

Abre o menu Padrões. Os nomes estão ordenados alfabeticamente. Passa o cursor sobre um valor para ver uma pré-visualização ao vivo e clica para o aplicar à seleção.

Ateliê de padrões

1. 1

   Cria um padrão novo ou altera um motivo existente.

2. 2

   Define a largura e a altura do ladrilho, o seu fundo transparente ou colorido e as suas repetições.

3. 3

   Desenha no quadro laranja com as ferramentas habituais; as cópias vizinhas mostram as ligações em tempo real.

4. 4

   Adiciona o resultado à paleta ou atualiza o padrão existente.

5. 5

   Depois, em cada objeto que use o motivo, ajusta a escala, a rotação e a posição X/Y.

Biblioteca e exportação

• Um padrão pode ser duplicado, renomeado, ocultado ou reeditado.
• As dependências de padrão seguem os objetos ao copiar e colar entre projetos.
• As definições usadas são integradas no SVG exportado.

Efeitos disponíveis

• Sombra projetada: desloca e desfoca uma silhueta colorida atrás do objeto.
• Sombra interior: escurece o interior junto aos limites.
• Brilho exterior: difunde uma cor em volta da silhueta.
• Brilho interior: difunde a luz para dentro.
• Chanfro saliente: simula um relevo iluminado.
• Relevo côncavo: simula uma forma pressionada na superfície.

Acumular e ordenar os efeitos

1. 1

   Seleciona uma forma, um texto, um contorno ou um grupo.

2. 2

   Escolhe Adicionar um efeito.

3. 3

   Ajusta a cor, a opacidade, o desfoque, a difusão e, nos efeitos direcionais, os deslocamentos X/Y.

4. 4

   Adiciona tantos efeitos complementares quantos precisares.

5. 5

   Arrasta a pega de um efeito para mudar a sua posição; os efeitos são calculados de cima para baixo e o render atualiza-se de imediato.

6. 6

   Os botões Subir e Descer oferecem o mesmo comando pelo teclado ou num ecrã tátil.

7. 7

   Desativa um efeito para comparar sem perder os ajustes, ou elimina-o quando já não for útil.

Nível de aplicação

• Efeito de forma: segue apenas essa silhueta.
• Efeito de contorno: segue o traço, os seus travessões e os seus marcadores.
• Efeito de texto: permanece ligado ao texto editável.
• Efeito de grupo: trabalha sobre o render combinado dos filhos.

Manter um SVG razoável

Desfoque

• Adiciona o efeito Desfoque para suavizar o próprio objeto: sem cor nem deslocamento, apenas a quantidade de desfoque.
• Para um rasto de movimento, aumenta Direction (amplitude em píxeis) e ajusta depois Angle em graus.
• O desfoque aplica-se a uma forma, um texto, um contorno ou um grupo, como os restantes efeitos acumuláveis.

Adicionar um texto

1. 1

   Abre o separador Texto e clica em Adicionar.

2. 2

   Escreve o conteúdo no painel.

3. 3

   Escolhe o tipo de letra incluído ou procura uma Google Font.

4. 4

   Ajusta tamanho, peso, itálico, espaçamento entre letras, entrelinha e alinhamento.

5. 5

   Move ou transforma o texto como qualquer outro objeto.

Estilos numa mesma frase

1. 1

   Seleciona os caracteres pretendidos no campo de texto.

2. 2

   Escolhe o seu tipo de letra, corpo, peso, itálico, espaçamento ou cor.

3. 3

   Repete a operação noutra parte da frase.

4. 4

   Usa Limpar o estilo local para devolver a parte selecionada ao estilo geral do texto.

Tipos de letra remotos

A pesquisa Google Fonts alarga a escolha. O Nodixio carrega o ficheiro de letra necessário ao render e pode incorporá-lo no projeto para recuperar a composição ao reabri-lo.

Texto sobre curva

1. 1

   Seleciona o texto.

2. 2

   Ativa Escolher uma curva e clica no traçado portador.

3. 3

   Ajusta o desfasamento ao longo do traçado, a distância à curva e o sentido.

4. 4

   Usa Desprender para libertar o texto sem perder o conteúdo nem o estilo.

Texto e camadas

Cada texto tem a sua própria camada e mantém-se editável enquanto não for vetorizado. Pode ser agrupado, ocultado, bloqueado e receber opacidade, preenchimento, padrão, gradiente e vários efeitos.

Colunas de texto

1. 1

   Clica em Adicionar no separador Texto: o cursor passa a modo coluna.

2. 2

   Desenha um retângulo na tela para definir largura e altura, ou clica para uma coluna de largura predefinida.

3. 3

   O conteúdo é colocado e ajustado automaticamente à largura da coluna.

4. 4

   Ajusta a largura no painel ou arrasta o puxador diretamente no desenho.

5. 5

   Sem altura desenhada, o corpo começa em 16 px; ao traçar na vertical, o tamanho segue o gesto.

Alinhamento, crenagem e entrelinha

• Os quatro ícones do painel alinham o texto à esquerda, ao centro, à direita ou justificado.
• O justificado estica cada linha à largura total da coluna; a última linha fica à esquerda, exceto após uma quebra justificada.
• Uma linha com uma só palavra também é esticada, espaçando as letras.
• Crenagem: Apertar, Afrouxar e Redefinir ajustam o espaço, para todo o texto ou a seleção.
• Espaçamento entre letras e Entrelinha afinam o conjunto da composição.

Quebras justificadas e hifenização

1. 1

   Shift+Enter insere uma quebra que permanece justificada até ao fim da coluna.

2. 2

   Cmd/Ctrl+Shift+- insere um hífen condicional, visível apenas se a palavra for cortada no fim da linha.

3. 3

   Enter cria um novo parágrafo, com uma quebra de linha não justificada.

4. 4

   Os mesmos comandos existem como botões Quebra justificada e Hífen no painel.

Estilos de caractere e de parágrafo

1. 1

   Seleciona os caracteres a estilizar, ou o texto inteiro.

2. 2

   Define fonte, corpo, peso, itálico, espaçamento entre letras e cor.

3. 3

   Escreve um nome e clica em Guardar para criar um estilo reutilizável.

4. 4

   Um estilo memoriza também a entrelinha e o alinhamento do parágrafo.

5. 5

   Clica num estilo da lista para o aplicar: com seleção, só esses caracteres mudam; caso contrário, todo o texto.

6. 6

   Apagar o estilo local repõe o estilo geral na parte selecionada.

Importar uma fonte

• O botão Importar uma fonte TTF, OTF ou WOFF carrega um ficheiro do computador.
• O ficheiro fica guardado no projeto e a fonte aparece em Fontes importadas.
• Útil offline ou para uma fonte ausente do catálogo.
• Um carácter escrito após um carácter com estilo herda o seu estilo, peso e itálico incluídos.
• O formato WOFF2 não é suportado: converte-o em TTF, OTF ou WOFF.

Porquê vetorizar

Um texto SVG depende normalmente de o seu tipo de letra estar disponível. A vetorização substitui os caracteres por traçados: o desenho fica idêntico noutra máquina, na gráfica ou numa aplicação que não tenha o tipo de letra.

Limpeza dos glifos

Durante a conversão, o Nodixio funde os contornos que compõem cada letra. Este passo remove as sobreposições internas habituais nos ficheiros de fontes e produz uma silhueta mais limpa e selecionável.

Estrutura obtida

• Todas as letras de uma mesma conversão ficam num grupo.
• O grupo assume o início do texto como nome, para ser identificável de imediato.
• Cada silhueta resultante tem a sua própria camada filha.
• Os contra-formatos — por exemplo o interior de um e, um o ou um a — continuam a ser buracos verdadeiros.

Na exportação

A caixa Converter texto em traçados está ativada por predefinição para assegurar o render do SVG. Desativa-a apenas se quiseres conservar texto SVG editável e aceitares que o tipo de letra tenha de estar disponível ou incorporado.

Irreversível no SVG

Transformação livre

• M ativa o quadro de transformação.
• As pegas laterais e de canto redimensionam a seleção.
• Controlos dedicados permitem a inclinação e a transformação livre.
• As pegas de rotação exteriores rodam em torno do eixo escolhido.
• Manter o original está desativado por predefinição para evitar cópias involuntárias.

Rotação com eixo livre

• Move o centro de rotação para o local pretendido antes de rodar.
• Mantém Opção durante a rotação para criar uma cópia; um simples Opção-clique sem deslocamento não cria nada.
• Os ajustes numéricos de ângulo e número de cópias permanecem visíveis no painel Transformação.
• Depois de uma rotação, ⌘R ou Ctrl+R repete exatamente a última transformação.

Deslocamento repetido

Move uma seleção mantendo Opção para criar uma cópia. Usa depois ⌘R ou Ctrl+R — ou o botão Repetir do painel contextual — para produzir cada cópia seguinte com o mesmo deslocamento.

Simetrias

As simetrias horizontal e vertical podem substituir a seleção ou conservar o original conforme o ajuste de cópia. A simetria manual em Correção serve, em vez disso, para reconstruir geometricamente metade de um contorno.

Modos de transformação

• Padrão: moldura de transformação clássica para mover e redimensionar.
• Livre: inclinação e deformação livres da seleção.
• Perspetiva: deformação do volume a partir das larguras superior e inferior.
• Arco: deformação por perfil, do arco simples à bandeira, onda ou olho de peixe.

Deformar com um perfil (arco)

1. 1

   Seleciona uma forma e escolhe o modo Arco.

2. 2

   Escolhe o perfil: Arco, Arco inferior, Arco superior, Abóbada, Abombar, Concha superior, Concha inferior, Bandeira, Onda, Peixe, Elevar, Olho de peixe, Inflar, Girar ou Comprimir.

3. 3

   Ajusta Curvatura e Distorção: o esquema e a forma atualizam-se em direto.

4. 4

   Ativa Adicionar pontos quando o perfil tiver de acompanhar melhor contornos complexos.

5. 5

   Clica em Confirmar para aplicar, ou em Reiniciar para voltar ao ponto de partida.

Deformação em perspetiva

1. 1

   Escolhe o modo Perspetiva.

2. 2

   Ajusta Largura em cima e Largura em baixo para abrir ou fechar o volume.

3. 3

   Move o Deslocamento horizontal e a Inclinação vertical para orientar a face.

4. 4

   O esquema de seis células segue cada ajuste; Confirmar aplica, Reiniciar repõe.

Expandir e contrair (deslocamento)

1. 1

   Seleciona uma ou várias formas.

2. 2

   Introduz uma distância em píxeis em Deslocamento.

3. 3

   Clica em Expandir para aumentar a silhueta, ou em Contrair para a reduzir.

4. 4

   O novo contorno segue a forma, as suas curvas e os seus buracos.

5. 5

   Um traçado aberto pode ser expandido, mas não contraído.

Objeto de referência

1. 1

   Seleciona pelo menos duas formas.

2. 2

   Escolhe na lista a que deve permanecer imóvel, ou ativa o ponteiro de referência e clica nela no desenho.

3. 3

   Aplica um alinhamento de limite, de centro ou sobrepõe os centros.

4. 4

   Para a distribuição, escreve o espaçamento e escolhe depois o eixo horizontal ou vertical.

Encaixe

• O encaixe está desativado por predefinição.
• Ativa-o na barra da área de trabalho e escolhe uma tolerância em píxeis de ecrã.
• Deteta limites, centros, guias e pontos na mesma abcissa ou à mesma altura.
• O alinhamento horizontal ou vertical é sinalizado durante o deslocamento, o que garante em particular uma linha perfeitamente horizontal.

Réguas e guias

• Ativa Réguas para mostrar as graduações.
• Clica ou arrasta a partir de uma régua para criar uma guia.
• Move depois a guia diretamente na área de trabalho.
• Faz duplo clique numa guia para a eliminar, ou usa o comando de limpeza global.

Tolerância do encaixe

Separadores de projeto

• O botão + cria um novo projeto num separador.
• Clica num separador para mudar de projeto; o estado do projeto que deixas fica conservado localmente.
• Faz duplo clique no nome para o renomear.
• A cruz fecha o separador. O Nodixio mantém sempre pelo menos um espaço de trabalho.

Copiar entre separadores

1. 1

   Seleciona formas, textos ou grupos no desenho ou nas camadas.

2. 2

   Usa ⌘C ou Ctrl+C.

3. 3

   Abre o separador de destino.

4. 4

   Usa ⌘V ou Ctrl+V.

5. 5

   Os grupos, estilos, efeitos e padrões necessários são copiados com os objetos.

Cópia de segurança local

O Nodixio funciona sem conta. Cada separador alterado é memorizado separadamente no navegador e o Nodixio propõe restaurar essa sessão quando voltares. Esta recuperação local não substitui um ficheiro de cópia: descarrega um .nodixio com regularidade para conservar cada projeto de forma duradoura.

Abrir um projeto .nodixio

Abrir restaura um projeto Nodixio completo. O Nodixio verifica a estrutura do documento e a sua impressão de integridade — completada por uma assinatura quando o serviço está disponível — para recusar ficheiros corrompidos ou alterados depois de guardados.

Importar um SVG

• Importar SVG analisa o ficheiro antes da leitura e recusa construções perigosas.
• As formas visíveis compatíveis são convertidas para o modelo Nodixio.
• Preenchimentos, contornos, opacidades e transformações habituais são retomados tanto quanto possível.
• A importação é deliberadamente aplanada: alguns elementos SVG externos muito especializados podem ser simplificados.

Decompor um objeto SVG

• Um ficheiro com textos, máscaras, motivos, filtros ou marcas é conservado como objeto SVG composto, fiel mas não editável em âncoras.
• Seleciona esse objeto e clica em Decompor em formas: cada traçado torna-se uma forma Nodixio completa.
• Gradientes lineares e radiais, preenchimentos, contornos e opacidades são retomados nas formas obtidas.
• As formas decompostas aceitam então todo o instrumental Nodixio: âncoras, suavização, buracos, operações booleanas, gradientes curvos e efeitos.
• Os elementos com máscara, filtro, motivo ou texto ficam agrupados num objeto SVG ao mesmo nível, para não se perder nada.
• A operação pode ser anulada com Cmd/Ctrl+Z.

Guardar

Guardar descarrega um ficheiro .nodixio com a imagem de origem, as formas, os textos, os tipos de letra, as camadas, os grupos, os buracos, as máscaras, os padrões e os ajustes do documento.

Exportar SVG

• O menu Exportar produz um SVG padrão autónomo.
• Os elementos invisíveis não são exportados.
• Os grupos, opacidades, buracos, máscaras, gradientes, padrões, contornos e efeitos usados são traduzidos em estruturas SVG.
• A opção Converter texto em traçados garante o render tipográfico; desativa-a para conservar os textos editáveis.

Exportar PNG ou JPEG

• PNG transparente conserva as zonas vazias da área de trabalho em transparência, para reutilização sobre qualquer fundo.
• JPEG usa um fundo branco, porque o formato não suporta transparência.
• As duas imagens retomam exatamente as dimensões em píxeis da área de trabalho.
• Os textos são vetorizados durante o render para conservarem o seu aspeto, mesmo num dispositivo que não tenha o tipo de letra.

Exportar EPS

• EPS vetorial produz um ficheiro Encapsulated PostScript destinado à gráfica ou a um fluxo de paginação (Illustrator, InDesign, QuarkXPress).
• A conversão é feita pelo Inkscape no servidor Nodixio: o SVG do desenho é-lhe enviado e o EPS é devolvido.
• Os textos são vetorizados e os gradientes, padrões, máscaras e efeitos geridos pelo Inkscape são conservados em vetorial.
• O EPS não suporta transparência: as zonas transparentes são renderizadas sobre fundo branco.
• As dimensões seguem a regra da web: 1 píxel da área de trabalho vale 0,75 pontos (96 ppp). Para um tamanho de impressão preciso, verifica o formato na tua aplicação de paginação.
• Se a entrada estiver esbatida com «Inkscape necessário», a ferramenta de conversão não está instalada no servidor: usa então a exportação SVG, aceite por todos os programas de paginação.

Antes de sair

Ferramentas

• V ou A — Seleção de objetos, deslocamento e edição direta de âncoras.
• Q — Seleção com laço.
• P — Caneta, nova forma fechada.
• Shift+P ou \\ — Caneta de contorno / curva aberta.
• M — Transformação.
• H — Deslocamento da área de trabalho.
• B — Pincel de mapa de bits quando o modo PNG está ativo.
• E — Borracha de mapa de bits quando o modo PNG está ativo.

Edição

• ⌘Z / Ctrl+Z — Recuar no histórico do projeto, até 100 operações por separador.
• ⌘⇧Z / Ctrl+Shift+Z — Refazer as operações anuladas.
• ⌘C / Ctrl+C — Copiar a seleção estruturada.
• ⌘V / Ctrl+V — Colar no projeto ativo.
• ⌘R / Ctrl+R — Repetir a última rotação, translação ou duplicação memorizada.
• ⌘D / Ctrl+D — Desselecionar tudo.
• Delete / Retrocesso — Eliminar os objetos, textos ou âncoras selecionados.
• Esc — Sair do modo ativo, cancelar uma máscara em curso ou voltar à seleção.

Durante um traçado com a caneta

• Enter ou duplo clique — Terminar o traçado aberto.
• Esc — Cancelar o gesto em curso; premido de novo, abandonar o traçado.
• Delete / Retrocesso — Eliminar a âncora atual, ou o último ponto colocado.
• Cmd/Ctrl+Z, Cmd/Ctrl+Shift+Z — Anular e refazer uma ação do traçado em curso.
• Cmd/Ctrl-arrastar uma âncora — Puxar as suas pegas sem mover a âncora; Shift limita a 45°, Alt fixa a outra pega.
• Shift+Alt-clique num segmento — Inserir uma âncora sem deformar a curva.
• Opção sobre um extremo existente — Não retomar esse traçado.

Edição dos pontos Bézier

• Arrastar o traço sem modificador — Mover o traçado inteiro, incluindo uma linha ou curva aberta.
• Alt-arrastar num segmento — Curvar o segmento sem mover as duas âncoras que o limitam.
• Shift+Alt-clique num segmento — Inserir uma âncora sem deformar a curva. Funciona como com a caneta, inclusive num traçado fechado.
• Alt-clique numa âncora — Alternar entre canto e curva suave.
• Cmd/Ctrl+Alt-clique numa âncora — Adicionar ou retirar as suas duas pegas de canto.
• Apagar âncoras e clicar — Eliminar várias âncoras seguidas.
• Apagar pegas e clicar — Retirar as duas tangentes de uma âncora.
• Shift-clique numa âncora — Adicionar ou retirar a âncora da seleção múltipla.

Modificadores

• Shift-clique — Adicionar ou retirar um objeto ou uma âncora da seleção; as âncoras retidas aparecem a vermelho.
• Command-clique / Ctrl-clique — Entrar num grupo ou percorrer os objetos sobrepostos.
• Opção durante uma rotação ou um deslocamento — Criar uma cópia.
• Opção sobre uma âncora — Alternar entre canto e curva suave.

Texto

• Shift+Enter — Quebra de linha justificada que permanece alinhada à largura da coluna.
• Cmd/Ctrl+Shift+- — Hífen condicional (hifenização), visível apenas se a palavra for cortada no fim da linha.
• Enter — Novo parágrafo, com uma quebra de linha não justificada.

Apoiar o Nodixio

• O Nodixio é gratuito, sem conta e sem limites: nenhuma função é paga e nenhuma está bloqueada.
• Um botão Apoiar é proposto discretamente após a exportação de um SVG e a partir da página inicial.
• O apoio é totalmente opcional: não traz qualquer contrapartida, não desbloqueia nada e nunca é exigido.
• Serve apenas para financiar o alojamento do serviço e o tempo de desenvolvimento, como agradecimento ao autor.
• O pagamento é único e tratado pelo Stripe; nenhum dado bancário passa pelo Nodixio e podes fechar a janela em qualquer momento.

Não consigo selecionar um objeto

• Verifica se a sua camada e os seus grupos pais estão visíveis e desbloqueados.
• Um clique seleciona normalmente o grupo: usa Command-clique — Ctrl-clique no Windows — ou escolhe diretamente o filho nas camadas.
• Se outro objeto cobrir o alvo, repete Command-clique ou Ctrl-clique para descer na pilha.
• Prime Esc e depois V para sair de uma ferramenta especializada que continue ativa.

Não vejo os pontos

• Seleciona uma forma normal e prime A.
• Um objeto paramétrico tem primeiro de ser convertido em forma.
• O modo União mostra deliberadamente apenas os extremos dos traçados abertos.
• Aumenta o tamanho das âncoras se os anclajes forem difíceis de agarrar.

O SVG não se parece com o projeto

• Verifica as camadas ocultas: não são exportadas.
• Deixa Converter texto em traçados ativado se o ficheiro tiver de abrir noutro lado.
• Reduz temporariamente os efeitos muito desfocados para identificar um problema de render.
• Conserva o .nodixio e reimporta o SVG apenas como verificação, nunca como cópia de trabalho.

O ficheiro torna-se complexo

• Usa as formas perfeitas e a suavização para reduzir os pontos.
• Agrupa os conjuntos lógicos e dá-lhes nomes explícitos.
• Elimina camadas, cores, padrões e efeitos realmente inúteis.
• Converte um contorno em forma apenas quando essa conversão for necessária.

Regra de segurança

Geometria

• Âncora: ponto principal de um traçado Bézier.
• Pega: controla a direção e a curvatura perto de uma âncora.
• Contorno: sequência de segmentos retos ou curvos que delimitam uma forma.
• Traçado aberto: linha com dois extremos, geralmente apresentada com um contorno.
• Traçado fechado: contorno cujo último segmento se junta ao primeiro e que pode receber preenchimento.
• Contra-forma: zona vazia interna de uma letra ou de uma forma, por exemplo o interior de um o.

Aspeto

• Preenchimento: matéria situada dentro de um traçado fechado.
• Contorno ou traço: linha desenhada ao longo do traçado.
• Opacidade: proporção de visibilidade, de 0 % transparente a 100 % opaco.
• Gradiente: transição entre várias cores.
• Padrão: pequeno ladrilho repetido para preencher uma superfície.
• Filtro: efeito SVG como uma sombra, um brilho ou um relevo.

Estrutura

• Grupo: conjunto de elementos transformados ou estilizados coletivamente.
• Máscara: silhueta que limita a zona visível de um conteúdo.
• Booleano: operação geométrica entre várias silhuetas.
• Objeto paramétrico: forma guiada por valores como o número de lados ou o raio.
• Vetorizar: converter uma imagem ou um texto em traçados geométricos.