Como curvar o texto no Affinity Designer

Bem-vindo a este tutorial do Affinity Designer! Aqui, você aprenderá como curvar o texto no Affinity Designer. Usaremos um design de crachá simples para exemplificar todas as técnicas que você pode usar para editar e estilizar textos em uma curva no Affinity Designer.

Precisa de um auxílio visual para aprender a curvar o texto no Affinity Designer? Acompanhe conosco em nosso canal Envato Tuts+ no YouTube:


O que você aprenderá

  • Como adicionar texto em um caminho no Affinity Designer
  • Como curvar o texto no Affinity Designer

O que você precisará para usar o Affinity Designer para texto em uma curva

Você pode usar qualquer fonte enquanto aprende a curvar o texto no Affinity Designer, mas essas são as que usei neste tutorial:

1. Como adicionar texto em um caminho no Affinity Designer

Passo 1

Vamos começar a usar o Affinity como um curvador de texto. Em primeiro lugar, você precisará de uma forma na qual possa adicionar o texto. Para este exemplo, usaremos um círculo, mas lembre-se de que você pode aplicar texto a qualquer tipo de forma ou caminho.

Selecione os Ferramenta Elipse (M) de suas ferramentas e clique e arraste em sua tela para criar um 250 pixels círculo. Certifique-se de que você está segurando o botão Mudança enquanto clica e arrasta para criar facilmente um círculo perfeito.

Para mover este círculo para o centro da tela, clique no botão Alinhamento botão na barra de ferramentas de contexto e apenas clique no botão Alinhar Centro e Alinhar meio botões. Agora que você tem sua forma, vamos aprender como adicionar texto para usar o Affinity Designer para texto em uma curva.

centro do círculocentro do círculocentro do círculo

Passo 2

Certifique-se de que seu círculo ainda esteja selecionado e selecione o Ferramenta Texto Artístico (T) de suas Ferramentas.

Passe o cursor sobre a borda do seu círculo e, quando o ícone do cursor mudar, você poderá clicar para adicionar texto nesse caminho. Mantenha o cursor um pouco fora do caminho se desejar adicionar texto na parte externa desse caminho ou no interior quando desejar adicionar o texto dentro desse caminho.

Para este exemplo de curvador de texto, vamos adicioná-lo do lado de fora e vamos digitar “QUALIDADE SUPERIOR”.

Texto do Affinity Designer no caminhoTexto do Affinity Designer no caminhoTexto do Affinity Designer no caminho

2. Como fazer curva de texto no Affinity Designer

Passo 1

Agora que você aprendeu a curvar o texto no Affinity Designer, vamos ver como ajustar a posição.

Para usar o Affinity Designer como um curvador de texto eficaz, você deve dar uma olhada mais de perto em seu caminho. Observe uma alça verde que indica o ponto inicial do texto e uma alça laranja que indica o ponto final do seu texto. Basta clicar e arrastar qualquer uma dessas duas alças sempre que desejar ajustar a posição do seu texto no caminho.

texto no identificador de caminhotexto no identificador de caminhotexto no identificador de caminho

Passo 2

Você deve ter notado que seu texto começa exatamente a partir dessa alça verde. Isso acontece porque o alinhamento do texto está definido como Esquerda.

Para mover seu texto para o centro, a uma distância igual entre as alças verde e laranja, basta clicar no botão Alinhar Centro botão na barra de ferramentas de contexto. Esta é uma etapa crucial neste tutorial do curvador de texto.

texto no centro do caminhotexto no centro do caminhotexto no centro do caminho

etapa 3

Em alguns casos, você pode querer mover o texto de um lado do caminho para o outro. Para fazer essa alteração facilmente, tudo o que você precisa fazer é clicar no botão Caminho do Texto Inverso botão na barra de ferramentas de contexto.

caminho de texto reversocaminho de texto reversocaminho de texto reverso

Passo 4

Vamos continuar usando o Affinity Designer para texto em uma curva. Depois de adicionar seu texto, você provavelmente desejará estilizá-lo. Para fazer alterações no seu texto, primeiro você precisa selecioná-lo. Duplo click quando você deseja selecionar apenas uma palavra, ou clique triplo quando você precisa selecionar mais de uma palavra.

Concentre-se no Personagem painel de estúdio (Visualizar > Estúdio > Personagem) e substitua a fonte pela fonte ga-analytics#sendElementsClickEvent”>Richson de ga-analytics#sendElementsClickEvent”>Envato Elements. Defina o tamanho para 55 pontosClique no Cor da Fonte roda e substitua-a por R=58 G=69 B=91e depois passar para o Posicionar e Transformar seção e aumentar o Monitorando para 100%.

Texto do Affinity Designer no caminhoTexto do Affinity Designer no caminhoTexto do Affinity Designer no caminho

Passo 5

Certifique-se de desmarcar o texto e clicar no final dele e, em seguida, simplesmente pressione Digitar para adicionar um segundo texto, mas desta vez dentro do mesmo círculo.

Tipo “FEITO NA ALEMANHA”, e agora você tem outras duas alças (verde mais escuro e vermelho) que podem ser usadas para ajustar a posição desse novo texto. Isso facilitará muito o uso do Affinity Designer para texto em uma curva.

texto dentro de um caminhotexto dentro de um caminhotexto dentro de um caminho

Passo 6

Mesmo que você tenha adicionado o texto dentro do caminho, há uma técnica interessante que pode ser usada para movê-lo para fora do caminho.

Certifique-se de selecioná-lo ou simplesmente clique nele, vá para a barra de ferramentas de contexto e apenas ajuste a posição desse Linha de base slider.

texto na linha de base do caminhotexto na linha de base do caminhotexto na linha de base do caminho

Passo 7

Para finalizar este tutorial sobre como usar o Affinity Designer como um curvador de texto, clique triplo este texto para selecioná-lo, substitua a fonte por ga-analytics#sendElementsClickEvent”>Robinson Regular e abaixe o Monitorando para 50%.

Estilo do designer de afinidadeEstilo do designer de afinidadeEstilo do designer de afinidade

Parabéns! Seu tutorial do Affinity Designer para texto em uma curva está completo

Até agora, você passou por todas as etapas para aprender a curvar o texto no Affinity Designer. Veja como deve ficar. Espero que você tenha gostado deste tutorial do Affinity Designer para texto em uma curva e possa aplicar essas técnicas em seus projetos futuros.

Sinta-se à vontade para ajustar o design final e criar seus próprios estilos de texto do Affinity Designer. Você pode encontrar ótimas fontes de inspiração em ga-analytics#sendElementsClickEvent”>Envato Elements, com soluções interessantes para melhorar seu design.

Depois de aprender a curvar o texto no Affinity Designer, você pode levar seu design para o próximo nível com este pacote de pincéis e padrões de ga-analytics#sendElementsClickEvent”>Envato Elements. Use-o para criar designs incríveis e estilos de texto em Designer de afinidade.

ga-analytics#sendElementsClickEvent”>Envato Elements é um excelente recurso para itens do Affinity Designer. Aqui está uma pequena lista de alguns dos itens mais populares que você pode encontrar.

1. ga-analytics#sendElementsClickEvent”>Pencil Affinity Designer Brushes (PDF)

Aprender o Affinity Designer e como curvar o texto pode ser uma boa introdução a este software. Agora que você está familiarizado com esse recurso, por que não continuar e brincar com alguns pincéis?

ga-analytics#sendElementsClickEvent”>Pincel de designer de afinidadePincel de designer de afinidadePincel de designer de afinidade

2. ga-analytics#sendElementsClickEvent”>Affinity Designer Background Paper Textures (AFDESIGN, JPGs)

Agora que você sabe como criar texto curvo no Affinity Designer, talvez precise de um fundo bonito para destacar o design final. Confira este incrível e fácil de usar conjunto de texturas de papel.

ga-analytics#sendElementsClickEvent”>Plano de fundo do Affinity DesignerPlano de fundo do Affinity DesignerPlano de fundo do Affinity Designer

3. ga-analytics#sendElementsClickEvent”>Pincéis de sombreamento para afinidade

Não pare de aprender como curvar o texto no Affinity Designer. Confira este colorido conjunto de pincéis enquanto continua a aprimorar suas habilidades no Affinity Designer.

ga-analytics#sendElementsClickEvent”>Pincel de designer de afinidadePincel de designer de afinidadePincel de designer de afinidade

4. ga-analytics#sendElementsClickEvent”>Artista Affinity Designer Brushes (EPS, PNG, PDF)

Agora que você sabe como curvar o texto no Affinity Designer, pode usar este conjunto de pincéis para estilizar ainda mais seu design. Lápis, pincel seco, tinta spray, caneta e todas as suas variações podem ser encontrados nesta coleção bem organizada.

ga-analytics#sendElementsClickEvent”>Pincel de designer de afinidadePincel de designer de afinidadePincel de designer de afinidade

5. ga-analytics#sendElementsClickEvent”>Pincéis desenhados à mão para o Affinity Designer

Talvez aprender a curvar o texto no Affinity Designer não tenha sido tão difícil quanto você esperava, então por que não aceitar um novo desafio e experimentar pincéis no Affinity Designer? Este pacote de pincéis desenhados à mão pode ser o começo perfeito.

ga-analytics#sendElementsClickEvent”>Pincel de designer de afinidadePincel de designer de afinidadePincel de designer de afinidade

Quer aprender mais?

Temos muitos tutoriais no Envato Tuts+, do nível iniciante ao intermediário. Dê uma olhada!

Deixe uma resposta