Para criar um recorte de texto transparente no Inkscape mantendo o texto editável, use uma máscara que contenha texto preto sobre um retângulo branco. Aplique-a à sua arte e, quando precisar revisar o texto, libere a máscara.

Este tutorial cria uma composição abstrata simples em um Mac: formas coloridas sobrepostas com a palavra FORM aparecendo como aberturas transparentes. O SVG final mantém o texto e as formas. Para editar o texto, use o ciclo liberar–editar–reaplicar.

Por que uma máscara preserva o texto editável

A máscara comum do Inkscape usa a cor para controlar a visibilidade: o branco preserva a arte subjacente, enquanto o preto a torna transparente. Um recorte comum, por sua vez, preserva o que está dentro do contorno; assim, ao recortar com letras, a arte fica dentro das letras. O guia oficial sobre recorte e máscara documenta essa diferença.

Nesta construção, a máscara contém dois objetos: um retângulo branco sólido e texto preto sólido acima dele. O retângulo preserva a composição; as letras criam as aberturas. Máscaras SVG aceitam tanto grupos quanto texto, portanto não é necessário converter o texto em contornos. Essa construção segue o comportamento das máscaras definido na especificação SVG.

Mantenha claras as diferenças entre as operações:

Operação O que faz Consequência para edições posteriores
Objeto → Agrupar Mantém objetos juntos Os elementos continuam sendo objetos separados
Máscara comum Controla a visibilidade da arte Libere-a para recuperar a máscara e editá-la
Caminho → Objeto para caminho no texto Converte letras em contornos O texto deixa de ser editável com a ferramenta de texto
Caminho → Diferença Subtrai um caminho de outro Altera a geometria, em vez de produzir uma máscara de texto editável

A fonte oficial do tutorial avançado afirma explicitamente que a conversão em caminhos remove os recursos de edição de texto. O manual das operações booleanas explica que as operações booleanas funcionam com caminhos ou tentam convertê-los. Não use nenhum desses comandos na construção editável.

Criar a arte abstrata e a máscara

Use os comandos de menu abaixo no Mac. Assim, você não depende de uma configuração específica de atalhos de teclado. O Guia para Iniciantes on-line atualmente se identifica como documentação da versão 1.3; alguns itens de menu podem ter um nome mais extenso, como Definir máscara em vez de Definir.

1. Criar e agrupar as formas coloridas

Comece com um documento em branco. Desenhe um retângulo largo e depois adicione duas elipses sobrepostas dentro das bordas. Por exemplo, use um retângulo azul, uma elipse turquesa perto da esquerda e uma elipse laranja perto da direita. Essas são sugestões para praticar, não dimensões ou cores obrigatórias.

Escolha cada ferramenta de forma na barra de ferramentas e clique e arraste na tela. O guia das ferramentas de forma do Inkscape descreve esse método de desenho. Mantenha as formas bem dentro da página.

Abra Objeto → Preenchimento e contorno. Aplique um preenchimento sólido a cada forma e remova seu contorno usando o X de ausência de tinta em Cor do contorno. Para este exercício, defina a opacidade do objeto como máxima e o desfoque como zero. O manual de Preenchimento e contorno explica esses controles.

Mude para a ferramenta de seleção, arraste para selecionar as três formas e escolha Objeto → Agrupar. Esse será o grupo da sua arte. O agrupamento mantém a composição unida sem mesclar sua geometria; o guia Agrupar objetos também explica como entrar em um grupo para editar seus elementos.

2. Criar o retângulo branco da máscara

Desenhe outro retângulo que cubra todo o grupo da arte, deixando um pouco de espaço extra em todos os lados. Aplique um preenchimento branco totalmente opaco, sem contorno e com desfoque zero. Ele ocultará temporariamente a composição.

Esse retângulo define a área preservada pela máscara. Faça-o grande o suficiente para incluir toda a composição, inclusive as formas que ultrapassem as bordas. Um retângulo pequeno demais ocultaria a arte que ficasse além de suas bordas, de acordo com o modelo documentado de máscaras SVG.

3. Adicionar texto preto acima do retângulo

Ative a ferramenta de texto, clique uma vez sobre o retângulo branco e digite FORM. Um clique cria texto comum em uma linha; arrastar cria uma caixa de texto. Para este rótulo curto, use o método de clique único descrito em Escrever texto.

Escolha uma fonte instalada com estilo negrito e aumente o tamanho da palavra até ela atravessar o centro da composição. Use Texto → Texto e fonte ou a barra de ferramentas de texto para ajustar a fonte, o tamanho e o espaçamento. O Inkscape usa fontes instaladas no computador, conforme explicado em Estilizar texto.

Aplique ao texto um preenchimento preto totalmente opaco, sem contorno e com desfoque zero. Mantenha a palavra inteira dentro do retângulo branco. Não converta o texto em caminhos.

4. Agrupar somente os componentes da máscara

Com a ferramenta de seleção, selecione o texto preto e o retângulo branco e escolha Objeto → Agrupar. Deixe a arte colorida fora desse grupo.

Antes de aplicar a máscara, a ordem de empilhamento deve ser:

  1. Texto preto, dentro do grupo da máscara.
  2. Retângulo branco, dentro do mesmo grupo da máscara.
  3. Grupo da arte colorida, abaixo do grupo da máscara.

Se necessário, use os comandos para subir ou descer objetos no menu Objeto e corrija a ordem. O guia oficial sobre ordem de empilhamento documenta esses controles. O retângulo branco deve ficar atrás das letras pretas, e o grupo delas deve ficar acima da arte.

5. Aplicar a máscara comum

Selecione juntos o grupo da máscara e o grupo da arte. Neste documento de prática, é conveniente arrastar uma seleção em torno de toda a construção, pois não há outros objetos a incluir.

Escolha Objeto → Máscara → Definir ou Definir máscara, se esse for o nome exibido. Use o comando de máscara comum. De acordo com o guia sobre recorte e máscara, o Inkscape usa o objeto selecionado que estiver mais acima como máscara.

O retângulo branco e as letras pretas devem desaparecer como objetos visíveis. A composição colorida deve reaparecer, com aberturas em forma de letras atravessando todas as formas do grupo da arte.

Verificar a transparência e confirmar que o texto continua editável

Uma página branca pode fazer uma abertura transparente parecer uma letra branca. Faça as duas verificações a seguir para confirmar os dois aspectos do resultado: transparência e preservação da edição do texto.

Verificar a abertura sobre um fundo temporário

Desenhe um retângulo roxo grande e envie-o para trás da arte com máscara. Deixe esse retângulo de teste fora do grupo mascarado. O roxo deve aparecer através das letras, enquanto a composição colorida ao redor permanece visível.

Mude o retângulo de teste para outra cor. As aberturas das letras devem mostrar essa nova cor. Esse é um teste prático baseado no comportamento transparente da máscara: a cor visível vem do objeto separado que está embaixo.

Apague o retângulo de teste depois de verificar. Você também pode ativar Fundo quadriculado em Arquivo → Propriedades do documento para inspecionar áreas vazias. O manual da área de trabalho explica que a tela, que parece branca por padrão, ainda pode ser transparente.

Liberar a máscara e alterar o texto

Selecione a composição mascarada e escolha Objeto → Máscara → Liberar, às vezes chamado de Liberar máscara. O comportamento documentado das máscaras do Inkscape devolve o objeto da máscara acima da arte que estava mascarada.

O retângulo branco voltará a cobrir a composição. Com a ferramenta de seleção, clique duas vezes no grupo da máscara liberada para entrar nele. Ative a ferramenta de texto, clique na palavra preta e substitua FORM por ARC. O guia Agrupar objetos documenta como entrar e sair de grupos.

Se necessário, ajuste o tamanho ou a posição da fonte. Em seguida, volte à ferramenta de seleção e clique duas vezes fora do grupo para sair dele. Selecione todo o grupo da máscara e o grupo da arte e aplique novamente a máscara comum.

As novas aberturas devem formar a palavra ARC. Este é o momento de confirmar que o texto continua editável: você alterou os caracteres com a ferramenta de texto, em vez de remodelar os contornos das letras. Repita esse ciclo sempre que precisar revisar o texto.

Diagnosticar um resultado inesperado

Verifique a estrutura antes de recriar o efeito. Estas verificações seguem as cores, a ordem de empilhamento e o comportamento de agrupamento documentados para máscaras:

Sintoma O que verificar Correção
Toda a composição desaparece O texto preto foi usado sozinho como máscara? Libere a máscara e inclua um retângulo branco atrás do texto
A arte continua totalmente opaca O retângulo branco está acima do texto? Coloque o texto preto acima do retângulo dentro do grupo da máscara
Um retângulo branco continua visível O par correto foi selecionado ao aplicar a máscara? Selecione todo o grupo da máscara e o grupo da arte
As bordas coloridas desaparecem inesperadamente O retângulo branco cobre toda a composição? Libere a máscara e aumente o retângulo
As aberturas das letras parecem parcialmente transparentes O texto está cinza, translúcido ou desfocado? Restaure o texto preto opaco e o desfoque zero
Uma forma colorida preenche as letras Essa forma está fora do grupo da arte mascarada? Libere a máscara, reagrupe a arte desejada e aplique a máscara novamente

Se não for possível editar as letras liberadas com a ferramenta de texto, verifique se elas foram convertidas em caminhos anteriormente. Liberar uma máscara não desfaz a conversão em caminhos. Recupere um SVG editável anterior ou crie um novo objeto de texto; o tutorial avançado distingue texto editável de nós de caminho editáveis.

Salvar o SVG editável e exportar um PNG transparente

Salve o documento de trabalho por meio de Arquivo → Salvar como e escolha SVG do Inkscape. O guia Salvar seu trabalho recomenda esse formato para preservar os dados de edição do Inkscape. Guarde esse SVG como o arquivo mestre que você abrirá para alterar o texto.

Para criar um PNG, abra a caixa de diálogo de exportação pelo menu Arquivo. O manual chama o comando de Exportar imagem PNG; na sua versão, ele pode estar identificado como Exportar. Escolha PNG, selecione uma área de exportação, informe as dimensões de pixel desejadas e exporte. Use Página para o layout da página ou Seleção para os limites da composição selecionada, conforme descrito em Exportar um arquivo PNG.

Antes de exportar, remova o retângulo de fundo temporário e confirme que o alfa do fundo do documento está em zero. Um objeto opaco atrás da arte ou um fundo opaco do documento fornecerá cor através das aberturas no PNG. O guia da área de trabalho explica como a opacidade de ambas as opções de fundo afeta a saída PNG.

O PNG é uma saída rasterizada; alterações posteriores no texto devem ser feitas no SVG mestre. Reabra esse SVG, libere a máscara, revise a palavra, aplique novamente a máscara e exporte de novo. Manter o retângulo branco e o texto preto editável juntos cria uma construção reutilizável que permite voltar facilmente à edição.

Fontes