Como criar uma máscara de texto animada no Canva

Se você gosta de usar o Canva para seus designs, experimente adicionar uma máscara de texto ao seu trabalho. O texto mascarado é um ótimo elemento de design, especialmente quando é animado.

Vamos mostrar como criar uma máscara de texto animada no Canva. Adicionar essa habilidade à sua caixa de ferramentas certamente aumentará o envolvimento com seus designs.

O Canva é uma ferramenta de design fantástica. Você pode fazer muitas coisas para transformar seus projetos. Mas ele tem uma ferramenta de mascaramento? A resposta curta é não.

O Canva, infelizmente, não possui uma ferramenta de mascaramento nativa. Mas isso não significa que você não pode mascarar no Canva. Muitas vezes existem soluções alternativas para criar algo para o qual não existe uma ferramenta específica. Verificação de saída nosso guia para todas as outras coisas legais que você pode fazer com o Canva.

Uma ferramenta de mascaramento normalmente cria uma maneira não destrutiva de mostrar ou ocultar certos elementos de design. Você pode encontrar

ferramentas de mascaramento em software da Adobe, como o Photoshop, Illustrator e até o software de vídeo da Adobe After Effects. É um recurso de design muito comum.

Criar uma máscara de texto no Canva dará um toque especial aos seus designs. Às vezes, o texto por si só pode ser chato. Ou você pode até achar que o texto de aparência extravagante é muito difícil de ler. Uma máscara de texto é a culminação perfeita entre os dois; ele fornece texto legível, com um elemento de design divertido para envolver seu público.

Como criar uma máscara de texto animada no Canva

Embora o Canva ofereça ótimos designs de modelo, achamos que essa máscara de texto funcionará melhor se você criar sua postagem do zero. Clique Crie um projeto na página inicial do Canva e escolha suas dimensões; vamos usar um quadrado típico de 1080x1080.

Escolha uma cor de fundo; algo que funcione bem com as cores da sua marca. Mas se você quiser fazer uma declaração, escolha uma cor brilhante e ousada. Para escolher uma cor de fundo, clique na tela vazia e o quadrado com um espectro de cores aparecerá na barra de ferramentas acima da tela. Clique no espectro para escolher a cor de fundo.

Você pode escolher as cores clicando em uma das opções de cores da paleta, inserindo o código hexadecimal ou clicando no botão mais sinal para identificar sua cor do espectro. Estamos usando um amarelo da paleta de cores predefinida, rotulado como “Amarelo #ffde59”.

Depois de escolher uma cor, o quadrado do espectro mostrará essa cor. Você pode clicar nele novamente para alterá-lo mais tarde. Se precisar de ajuda para criar uma paleta de cores, confira nosso guia sobre como criar paletas de cores no Adobe Illustrator.

Como mencionado anteriormente, você quer uma fonte que seja fácil de ler. Na mesma linha: quanto menos prolixo, melhor. Escolha uma frase curta de uma a três palavras.

Vá para a barra de ferramentas no lado esquerdo e clique em Texto. A ferramenta de texto do Canva oferece uma variedade de opções, além de personalização completa. Clique no Adicionar um título opção.

O tipo de letra padrão para o título é uma ótima opção para este tutorial de mascaramento - é grande, claro e fácil de ler. Claro, você pode escolher sua fonte na lista suspensa se não gostar da fonte padrão. Procure uma fonte com atributos semelhantes, como largura pesada e formatação clara.

Depois de escolher sua fonte, clique no texto padrão na caixa de texto e altere-o para a frase escolhida. Brinque com a altura da linha, espaçamento, usando letras maiúsculas ou minúsculas e assim por diante.

Estamos formatando “HELLO THERE” com uma palavra acima da outra, pois é visualmente atraente e cria o melhor espaço para a máscara. Torne seu texto o maior possível, deixando uma borda ou espaço atraente ao redor dele.

Agora estamos prontos para escolher uma cor de fonte. Clique no UMA com um espectro de cores abaixo dele para alterar a cor da fonte. Estamos mantendo o preto padrão, pois contrasta muito bem com o fundo amarelo.

Para alterar o espaçamento entre letras ou entre linhas, clique no texto e, em seguida, clique no botão na barra de ferramentas superior com três linhas horizontais ao lado de uma seta de duas pontas. Você pode visualizar como o espaçamento muda à medida que você move a alternância. O espaçamento padrão geralmente parece estranho, então por que não experimentar alterá-lo?

Quando estiver satisfeito com a aparência do texto, o que ele diz e o espaçamento, você precisa duplicá-lo. Faça isso seguindo o comando típico de copiar e colar. Com o texto duplicado selecionado e na posição superior, você vai clicar Efeitos no painel de ferramentas. Isso traz diferentes estilos de texto. Escolher Oco.

Com os dois textos diferentes na mesma cor, é difícil ver a diferença. Mas seu texto superior agora mostra apenas um traço sem preenchimento, enquanto o texto inferior tem um preenchimento e um traço. Alinhe o texto oco com o original, para que você não possa ver o texto oco.

Agora é hora de criar o efeito de mascaramento. Clique Elementos na barra de ferramentas esquerda. Procure uma animação que reflita o significado do texto. A animação deve ser sólida e ocupar muito espaço, não uma animação de linha pequena ou algo que irá pixelizar quando for maior.

Você pode procurar uma animação usando qualquer frase, ou você pode ir para o Adesivos opção e veja se você pode encontrar algo adequado lá. Você sempre pode alterá-lo mais tarde, se não for apropriado.

Quando você encontrar um adesivo ou animação apropriado, clique nele. Ele aparecerá na parte de trás da tela, atrás do texto. Clique com o botão direito do mouse na animação e selecione Apresentar. Isso colocará seus elementos em camadas com o texto sólido na parte de trás, a animação no meio e o texto somente de traçado na parte superior.

Dimensione e mova a animação pela tela para ver como ela funciona com o texto. Observe como o efeito de mascaramento pode ser visto com a animação entre as camadas de texto.

Uma animação com mais partes móveis mostrará o efeito de mascaramento com mais destaque do que uma animação bastante estática. O uso de elementos animados destaca o efeito de mascaramento mais do que uma ilustração estática, mas no geral, o efeito é o mesmo.

Você pode salvar seu design quando estiver satisfeito com sua animação, posicionamento de texto e todos os outros elementos de design. Clique Compartilhar > Baixar e escolha entre exportar como MP4 ou GIF, dependendo do uso pretendido.

Transforme seus designs com máscaras de texto animadas

Ao usar esta solução alternativa de mascaramento do Canva, você pode transformar seus designs sem o tempo e o esforço necessários para aprender os produtos da Adobe. Este truque de mascaramento rápido pode dar vida a designs simples e chatos. Envolva seu público com um design de máscara de texto animado.

Canva vs. Pixlr: Qual software de design gratuito é melhor?

Leia a seguir

Sobre o autor