Adicione texto a um arquivo SVG online

Como adicionar texto a um arquivo SVG

1. Abra o editor. Acesse rayzia.com e abra o editor em /vector/. Nada para baixar e nenhuma conta é necessária para começar. Roda em qualquer navegador no Windows, Mac, Linux, ChromeOS ou em um tablet.
2. Arraste seu SVG. Solte o arquivo sobre a tela de desenho, ou use Arquivo e depois Abrir. O Rayzia lê o arquivo como SVG nativo, então cada parte da arte chega como um objeto editável próprio, e não como uma imagem travada. Qualquer texto que já esteja no arquivo chega como texto que você pode redigitar.
3. Escolha a ferramenta Texto e digite. Pressione T, ou clique na ferramenta Texto na barra lateral, depois clique na tela onde a legenda deve começar. Um cursor aparece; digite. Quando quiser mover o texto em vez de editar seus caracteres, mude para a ferramenta de Seleção com V.
4. Estilize. A barra de opções traz um seletor de família de fonte, um botão de upload de fontes, um seletor de estilo, tamanho da fonte em pontos (padrão 16, com predefinições de 4 até 144), altura de linha, alinhamento, espaçamento entre letras e entre palavras. Carregue qualquer fonte do Google Fonts ou uma das suas, e dê ao texto uma cor de preenchimento que combine com a arte. Para uma legenda curvada, use Texto em Caminho e clique em um caminho; o texto o acompanha, e pode ser espelhado e deslizado.
5. Exporte. Escolha Arquivo ▸ Exportar e selecione SVG para receber de volta um arquivo vetorial limpo, ou PNG se precisar de uma cópia raster. O PNG mantém a transparência. Ambas as exportações são gratuitas, e o editor foi salvando automaticamente enquanto você trabalhava.

Uma ferramenta de texto de verdade, não um campo de formulário

Uma ferramenta web rápida típica para essa tarefa oferece uma caixa de entrada e uma pequena lista de fontes do sistema. O Rayzia oferece o motor de texto de um editor vetorial completo. Cada objeto de texto é um elemento de texto SVG de verdade no documento, não uma imagem de texto, então você pode redigitá-lo e reestilizá-lo a qualquer momento, e cada passo está a um desfazer de distância.

Há cinco maneiras de compor texto. A Ferramenta de Texto é o padrão de clicar e digitar. O Texto de Área faz parágrafos fluírem dentro de qualquer forma. O Texto em Caminho faz o texto seguir qualquer curva. O Texto Vertical compõe colunas de cima para baixo, útil para idiomas CJK e pôsteres, e o Texto de Toque permite deslocar e girar caracteres individuais à mão.

As fontes não são um menu fixo. A lista de famílias carrega qualquer fonte do Google Fonts sob demanda, e o botão de upload aceita arquivos .ttf, .otf, .woff, .woff2 e .ttc, vários de uma vez. As fontes enviadas são salvas no seu dispositivo, então sobrevivem a um recarregamento; no Pro elas também são espelhadas na nuvem.

Seu texto continua editável

Exporte em SVG e sua legenda sai como um elemento de texto de verdade, então quando o arquivo for reaberto as palavras ainda podem ser selecionadas e redigitadas. Os caminhos também continuam sendo caminhos; o arquivo que você abre é o arquivo que você edita, e o SVG exportado carrega apenas a sua arte, sem uma pilha de sobras.

Uma ressalva sobre fontes: uma exportação SVG simples não leva a fonte junto, então uma máquina sem aquela família substituirá por outra. Se as formas exatas das letras importam, salve também o arquivo nativo .rzv sem perdas, que incorpora as fontes que você realmente usou, ou converta o texto em contornos antes de enviá-lo. As fontes do Google Fonts que você escolheu são baixadas de novo quando sua sessão é restaurada.

Adicionar texto a SVGs: perguntas frequentes