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.



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”.



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.



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.



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.



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%.



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.



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.



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%.



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.



Recursos populares do Affinity Designer da Envato Elements
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?



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.



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.



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.



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.



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