Neste tutorial, mostrarei como preencher seu texto com um gradiente usando o Inkscape, o editor de gráficos vetoriais gratuito! Esta é uma técnica muito simples que requer apenas alguns passos, então vamos mergulhar!

Para começar, pegue a ferramenta Texto na caixa de ferramentas do Inkscape clicando em seu ícone (seta vermelha na imagem acima) ou pressionando a tecla de atalho “T” no teclado.

Em seguida, altere sua fonte para a fonte desejada clicando no menu suspenso (seta vermelha na imagem acima) e selecionando o nome da fonte (seta verde na imagem acima - você também pode simplesmente começar a digitar o nome da fonte no campo de texto, se souber seu nome de fonte já).

Também mudarei o tamanho da fonte (seta vermelha na imagem acima) para 144 pts (seta verde) para que fique agradável e grande quando adicionarmos nosso texto pela primeira vez.

Quando estiver pronto, clique na tela com a ferramenta de texto para criar uma linha de texto. Em seguida, digite seu texto (eu usei “INKSCAPE” para o meu texto – seta vermelha na imagem acima).

Em seguida, clique na ferramenta Gradiente na caixa de ferramentas (seta vermelha na imagem acima). Para desenhar um gradiente dentro do seu texto, clique e arraste o mouse de cima para baixo (seta verde – nota: se você segurar a tecla ctrl, ele desenhará seu gradiente no modo de linha reta). Os pontos inicial e final podem sair do seu texto – o gradiente ainda só será desenhado dentro do seu texto. Portanto, sinta-se à vontade para brincar com a localização desses pontos para obter um resultado diferente.

Se você é como eu, pode não ter as cores que deseja definir para o seu gradiente no momento (ou pode não ter nenhuma cor e seu texto desapareceu). Não se preocupe – existem algumas maneiras de alterar as cores do seu gradiente.

A maneira mais fácil é clicar em qualquer alça de gradiente, conhecida como “início” para a primeira alça ou “fim” para a última alça que você desenhou e, em seguida, clique com o botão esquerdo em uma cor na paleta de cores do Inkscape. Por exemplo, clico no gradiente “iniciar” com minha ferramenta de gradiente (seta vermelha na imagem acima), depois clique com o botão esquerdo na cor vermelha na paleta de cores (seta azul).

Então, esse é um método para alterar as cores do gradiente. No entanto, e se você quiser adicionar cores personalizadas às alças de gradiente que não estão localizadas na barra de cores?

Tudo o que você precisa fazer é clicar na alça de gradiente que deseja editar (seta vermelha na imagem acima) e clicar duas vezes na caixa "Preencher" no canto inferior esquerdo da janela da tela (abaixo da paleta de cores - azul flecha).

Isso abrirá a caixa de diálogo “Fill and Stroke” (destacada em verde na imagem acima).

Se você não foi levado ao Editor de Gradiente automaticamente quando a caixa de diálogo Preenchimento e Traçado foi aberta, clique na guia "Preenchimento" (seta vermelha na imagem acima) e clique no ícone "Gradiente linear" (seta verde).

Clique na seta ao lado de “Paradas” para expandir o recurso de paradas de gradiente (seta vermelha na imagem acima). Isso permitirá que você visualize e edite cada “Parada” ou alça do gradiente.

Clique na parada que deseja editar (seta verde na imagem acima) e altere a cor da parada usando os controles deslizantes de cores. Se você tiver um código HEX para a cor que deseja usar, poderá copiar e colar esse código no campo ao lado de “RGBA” (destacado em azul na imagem).

No meu caso, eu sei que o código HEX da minha primeira cor é “F75C03”, então vou colar esse código no campo RGBA.

Repita esse processo clicando na segunda parada de gradiente (seta vermelha) e escolhendo sua nova cor através dos controles deslizantes ou colando seu código HEX (destacado em azul na imagem acima – meu segundo valor de código HEX é “F1C40F”).

Você também pode inserir uma nova parada no seu gradiente clicando no ícone “+” na parte inferior da caixa de diálogo (seta vermelha na imagem acima). Por padrão, será a cor média da primeira e da segunda parada de gradiente original. No entanto, você pode clicar nesta parada (seta verde) e alterar a cor para o que quiser usando os métodos discutidos anteriormente (mudei minha cor na foto acima, por isso é uma cor rosada).

Você pode reposicionar as paradas do seu gradiente clicando e arrastando as setas ao longo do controle deslizante de gradiente na parte superior da caixa de diálogo (seta verde na imagem). Você também pode definir manualmente a posição das paradas usando este controle deslizante clicando na seta que corresponde a essa parada e digitando um valor numérico no campo “Deslocamento da parada” (delineado pela linha azul pontilhada na imagem).

Finalmente, você pode alterar o tipo de gradiente para qualquer uma das várias opções no Inkscape clicando nos ícones na parte superior da caixa de diálogo (destacado em verde na foto). Por exemplo, se eu clicar no ícone “Gradiente radial” (seta azul), meu gradiente linear será atualizado para um gradiente radial ou circular.

Posso alterar as dimensões do gradiente radial arrastando as alças na tela (setas vermelhas na imagem acima), além de reposicionar as paradas do gradiente diretamente na tela ou usando o controle deslizante de gradiente na caixa de diálogo Preenchimento e traçado.

Quando terminar de personalizar seu gradiente, você pode clicar em outra ferramenta como a ferramenta Selecionar (seta vermelha) para ver o produto final sem alças. Observe que você ainda pode editar o gradiente usando o diálogo Fill and Stroke sem a ferramenta gradiente, desde que o texto esteja selecionado.

Uma última coisa que vou mencionar é que você pode alterar seu texto depois de adicionar o gradiente, e o novo texto exibirá o mesmo gradiente. Então, se eu pegar minha ferramenta de texto mais uma vez, clicar no texto “INKSCAPE” e digitar algo novo, como “GRADIENT”, você verá que o novo texto ainda terá o mesmo gradiente do texto antigo.

Isso é tudo para este tutorial! Se você gostou, você pode conferir meus outros tutoriais do Inkscape e artigos de ajuda do Inkscape.

Assine o boletim informativo DMD

Assine o boletim informativo DMD

Inscreva-se para receber novos tutoriais, atualizações de cursos e as últimas notícias sobre o seu software de código aberto favorito!

Você se inscreveu com sucesso!

Pin It on Pinterest