Deseja elevar suas habilidades de design - seja para projetar logotipos ou simplesmente criar peças de texto atraentes? Neste tutorial, ajudarei você a fazer exatamente isso, mostrando como colocar seu texto em torno de um círculo no Inkscape. A técnica é bastante fácil, exigindo apenas algumas etapas simples, mas o resultado final pode melhorar drasticamente seus recursos de design gráfico ao trabalhar com texto.
Este tutorial é fácil o suficiente para os usuários iniciantes do Inkscape seguirem e seguirá um processo passo a passo para ajudá-lo a entender completamente os conceitos discutidos. Sem mais delongas, vamos mergulhar!
Eu tenho minha tela do Inkscape configurada para se parecer com a prancheta do Adobe Illustrator, que você pode aprender como fazer neste tutorial.
Etapa 1: adicione seu texto
Iniciarei esse processo pegando minha ferramenta Texto na caixa de ferramentas (seta vermelha na imagem acima) no lado esquerdo da interface do usuário do Inkscape (você também pode pressionar F8 no teclado para acessar esta ferramenta).
Em seguida, clicarei em qualquer lugar da tela do Inkscape para iniciar uma linha de texto (seta vermelha na foto acima). Em seguida, digito minha primeira linha de texto (teremos duas linhas no total - uma linha contornando a parte superior do círculo e a outra linha contornando a parte inferior do círculo). Na minha primeira linha de texto, acabei de usar o item "Facilmente moldar texto".
Clicarei em outro lugar na minha tela com a ferramenta de texto ainda ativada para iniciar outra linha de texto e digite minha segunda linha de texto. Neste exemplo, fui com "Around a Circle" como minha segunda linha.
Etapa 2: defina sua fonte
Agora que criamos as duas linhas de texto, selecionarei a fonte que quero usar.
Para fazer isso, vou começar clicando na ferramenta Seleção da caixa de ferramentas (que você também pode ativar usando a tecla de atalho F1 - indicada pela seta vermelha na foto acima) e vou clicar e arrastar meu mouse sobre as duas linhas de texto. Isso selecionará ambas as linhas de texto.
Em seguida, acessarei o diálogo Texto e Fonte através do ícone da barra de comandos (seta vermelha na imagem acima) no lado direito da interface do usuário do Inkscape. Clicar neste ícone abrirá a caixa de diálogo Texto e fontes (seta verde).
Uma vez aberto, esse diálogo permite editar várias linhas de texto simultaneamente. Então, percorrerei as fontes (destacadas em verde na imagem acima) até encontrar uma que eu goste (você pode clicar em uma fonte para gerar uma visualização da aparência do seu texto nessa fonte). Nesse caso, eu escolhi uma fonte chamada “Wicked Grit”, que baixei e instalei como uma fonte de terceiros (em outras palavras, essa fonte não vem com o Inkscape por padrão). Você pode aprender como instalar fontes no Inkscape com meu artigo de ajuda sobre o assunto.
Depois de ter a fonte desejada, posso clicar no botão "Aplicar" (seta vermelha) para aplicar a nova fonte às minhas linhas de texto (seta azul).
Agora que tenho minha nova fonte, decidi que também quero que o texto seja um pouco maior. Para alterar o tamanho da minha fonte, basta clicar no menu suspenso "Tamanho da fonte" (seta vermelha na foto acima) e escolher um novo tamanho. Nesse caso, fui com o 48 para o meu novo tamanho de fonte (seta azul). Posso clicar no botão "Aplicar" novamente para aplicar esse novo tamanho de fonte às minhas linhas de texto.
Etapa 3: desenhe um círculo
Com meu texto pronto, agora vou precisar desenhar uma forma de círculo que possa envolver o texto. Para fazer isso, clicarei na ferramenta Elipse em minha caixa de ferramentas (você também pode usar a tecla de atalho F5 - seta vermelha na foto acima).
Em seguida, clicarei e arrasto o mouse na tela e pressionarei a tecla ctrl enquanto arrasto para desenhar um círculo perfeito. Quando o círculo é do tamanho que eu quero, posso soltar o mouse para aplicar o desenho do círculo à minha tela. Se você deseja que o círculo tenha um tamanho específico, sempre pode digitar manualmente os valores "Rx" e "Ry" (destacados em verde na foto acima) com base nos valores que você deseja usar (por padrão, as unidades serão em pixels).
Clicarei no ícone de diálogo "Alinhar e distribuir" na barra de comandos (seta vermelha). Esse diálogo me permite alinhar meu círculo na minha tela.
Quero alinhar o círculo ao centro da minha tela, então, no menu suspenso “Relativo a:”, selecionarei “Página” (seta verde na foto acima).
Clicarei na opção “Centralizar no eixo vertical” (seta vermelha na foto acima), seguida pela opção “Centralizar no eixo horizontal” (seta verde). Isso centralizará meu círculo na tela (seta azul).
Etapa 4: adicione a linha superior do texto ao seu círculo
Agora tenho todos os meus elementos na tela para iniciar o processo de agrupar meu texto ao redor do círculo. Começarei adicionando a linha superior do texto à parte superior do círculo.
Para fazer isso, pressionarei a tecla F1 no teclado ou clicarei na ferramenta Seleção na minha Caixa de ferramentas (seta vermelha na imagem acima). Clicarei na primeira linha de texto que criamos (seta verde), que será a linha superior do texto no círculo.
Vou então segurar a tecla Shift e clicar no círculo. Isso permite que a linha superior do texto e o círculo sejam selecionados simultaneamente (setas vermelhas na foto acima).
Agora irei em Texto> Colocar no caminho. Isso colocará meu texto no círculo.
Para girar meu texto para a posição correta, primeiro preciso clicar em qualquer lugar da minha tela para desmarcar o círculo e o texto que eu selecionei. Então, posso simplesmente clicar no meu círculo duas vezes para exibir as alças da transformação de rotação. Vou clicar em uma das alças de transformação de rotação (seta vermelha na foto acima) e arrastá-la até que meu texto esteja na posição desejada.
Etapa 5: adicione linha inferior de texto ao seu círculo
Duplicarei meu círculo da etapa anterior enquanto ele ainda estiver selecionado, pressionando a tecla ctrl + d.
Em seguida, clicarei no círculo (que selecionará o círculo superior - ou o círculo duplicado que acabamos de criar) e arrastarei a alça de transformação de escala em qualquer um dos cantos da caixa ao redor do círculo (seta vermelha na foto acima) para aumentar o círculo. Pressionarei as teclas Shift + Ctrl enquanto clico e arrasto para garantir que o círculo seja dimensionado a partir do centro e também mantenha sua proporção de aspecto 1: 1 (ou seja, permanece um círculo perfeito enquanto arrasto).
Solto o mouse quando o círculo for grande o suficiente para cobrir a linha superior do texto que criamos.
Agora clicarei na segunda linha do texto, que será a parte inferior do texto, e mudará + clique no círculo maior para que agora tenhamos os dois objetos selecionados (indicados pelas setas vermelhas na foto acima) .
Vou mais uma vez para Texto> Colocar no caminho. Isso colocará a segunda linha de texto ao redor do círculo.
O problema é que precisamos que o texto esteja na parte inferior do círculo, mas não queremos que fique de cabeça para baixo (o que ocorreria se simplesmente usássemos o método de rotação executado para a linha superior do texto na etapa anterior) .
Então, o que farei para remediar isso é simplesmente clicar em “Virar objetos selecionados verticalmente” na barra de controles (seta vermelha na imagem acima). Isso colocará o texto na parte inferior do círculo e o girará para que não fique de cabeça para baixo (seta verde). No entanto, você não poderá ver isso primeiro se tiver um preenchimento adicionado ao seu círculo (ou seja, o círculo está colorido). No meu caso, tenho um preenchimento azul claro que cobre o texto.
Para remover o preenchimento colorido do seu círculo, clique em uma área aleatória da tela para desmarcar seus objetos, depois clique no seu círculo para selecionar apenas o círculo e, finalmente, clique na caixa com um "X" vermelho na Paleta de cores (seta vermelha na foto acima). Isso removerá o preenchimento de cor do seu círculo.
Também recomendo que você shift + clique na cor preta (ou em qualquer cor - seta verde na foto acima) para que seu círculo tenha um traço e seja fácil de localizar para as etapas finais.
Agora que podemos ver nosso texto e o círculo em que ele está, executarei alguns últimos passos para colocar nosso texto na posição correta. Primeiro, enquanto meu círculo ainda estiver selecionado, usarei as teclas de seta do teclado para abaixá-lo até que a linha inferior do texto se alinhe ao círculo menor (seta vermelha na foto acima).
Vou então pegar minha ferramenta de texto, selecionar todo o meu texto na linha inferior e aumentar o espaçamento entre as letras para que correspondam (ou sejam mais semelhantes a) o espaçamento na linha superior do texto (eu defino meu espaçamento para 5 - indicado pela seta vermelha na imagem acima).
Clicarei no círculo maior novamente até que as alças da transformação de rotação apareçam. Vou clicar e arrastar essas alças (seta vermelha na foto acima) até que minha linha inferior de texto esteja posicionada onde eu quero.
Etapa 6: remova os círculos da sua composição
Agora que nosso texto está agrupado em torno dos círculos que criamos, excluiremos os círculos da composição, pois não precisamos mais deles.
Para fazer isso, primeiro preciso essencialmente “liberar” as linhas de texto dos círculos. Vou clicar na minha primeira linha de texto usando a ferramenta Seleção (F1) e, em seguida, irei para Caminho> Objeto para caminho.
Repetirei esta ação para a linha inferior do texto.
Agora, cada linha de texto foi separada dos círculos. Assim, posso simplesmente clicar em cada círculo com a ferramenta Seleção e pressionar a tecla Backspace no meu teclado para excluir os círculos.
O que nos resta são duas linhas de texto envolvidas em forma de círculo!
Isso é tudo para este tutorial. Se você gosta, você pode conferir meus outros Artigos de ajuda do Inkscape no meu site. Eu também tenho toneladas de Artigos de ajuda do GIMP e tutoriais em vídeo do GIMP.
