Este tutorial também pode ser útil para usuários de diversos softwares gráficos vetoriais porque, além de um pouco de teoria tipográfica, usarei ferramentas gráficas básicas.
O que você aprenderá
O que você precisa
- Caneta e papel para desenhar seu esboço
- Affinity Designer (pode ser versão 1 ou 2)
1. Como criar um novo arquivo no Affinity Designer
Passo 1
Defina o Dimensões da prancheta. Neste caso, o formato A2 com orientação paisagem seria ótimo. Normalmente uso o formato A2 porque gosto de ga-analytics#sendElementsClickEvent”>imprimir meus designs como pôsteres.
Um gráfico vetorial de grande formato de 300 dpi oferece infinitas possibilidades ao dimensionar e manter seu design nítido e pronto para impressão em qualquer tamanho.
Etapa 2
Verifique o Criar prancheta opção abaixo.
2. Como importar um esboço para o Affinity Designer
Para importar seu esboço, basta arrastar e soltar seu arquivo no Affinity. Bloqueie a camada que contém o esboço e diminua sua opacidade para criar uma base limpa para seu trabalho vetorial.
3. Como desenhar letras no Affinity Designer
Passo 1
Agora você pode iniciar o processo de vetorização simplesmente redesenhando seu esboço. Crie uma nova camada e comece a redesenhar seu design com o Ferramenta Caneta (P). Você também pode usar o Ferramenta de lápis se você precisar manter um toque mais natural em suas letras.
Se o seu esboço estiver bem desenhado, o peso e a direção das letras forem adequados ou o estilo que você deseja alcançar não precisar de medidas exatas, ainda aconselho que você meça usando esta técnica simples.
Cores escuras mostram as hastes (elementos verticais das letras), o que ajuda a manter a consistência e a direção. Às vezes, letras com a mesma largura podem variar porque possuem alguns elementos adicionais que as fazem parecer mais finas ou mais grossas.
Garanta a consistência do texto
Uma das coisas mais importantes a lembrar ao trabalhar com tipografia é a consistência, pois torna as letras legíveis e fáceis de ver.
A regra básica é manter o peso e a direção das letras semelhantes em todo o design, tanto quanto possível, bporque até mesmo pequenas imprecisões se destacarão e farão com que o projeto pareça inacabado ou pouco profissional.
Às vezes você pode quebrar essa regra, mas saber como ela funciona o ajudará a criar letras atraentes e você terá espaço para experimentar letras, estilos e elementos decorativos, sem se preocupar se sua tipografia parecerá incoerente.
Aqui estão dois exemplos que explicam como isso afeta o design:
Etapa 2
Usando o Ferramenta canetaadicione algumas “armadilhas de tinta”. Esse torna as letras um pouco mais claras.
Etapa 3
Para criar um esboço, Duplicado (Comando-J) suas letras e adicione um traço.
Etapa 4
Coloque a camada com o traço abaixo da camada principal.
Etapa 5
Para um contorno externo, vocêveja a técnica da etapa anterior. Desta vez, crie um traço secundário abaixo das outras camadas usando uma cor mais escura.
Etapa 6
Para definir a cor interna, dduplicar sua camada principal duas vezes, ajustar a largura do traço e, em seguida, usar o Expandir traço opção do Camada menu para transforme o contorno da camada superior em um objeto.
Depois de selecionar ambos os elementos, use o Subtrair opção de cortar.
Etapa 7
Para uma segunda e terceira cor, vocêveja a técnica das etapas anteriores. Jogue com golpes diferentes – você poderá descobrir efeitos interessantes.
4. Como adicionar destaques 3D ao texto
Passo 1
Para criar destaques, considere de que lado a hipotética fonte de luz está iluminando seu design. Neste caso, optei por ter a luz brilhando no canto superior direito. Para criar pontos de destaque, usei o Ferramenta Elipse (M).
Etapa 2
Você pode duplicar um destaque selecionando-o e movendo-o enquanto segura Opçãoou você pode usar o atalho Comando-J. Este é omaneira mais simples de adicionar vários destaques ao seu design.
Etapa 3
Em seguida, gostaria de criar um esboço final que recorte o design do ga-analytics#sendElementsClickEvent”>fundo em uma camada separada, abaixo de todos os outros elementos de design. Ao fazer isso, tenho uma base clara.
Copiar e manter os elementos juntos ajuda a receber separações de vetores limpas; por exemplo, para serigrafia ou para ajustes adicionais.
Etapa 4
A sombra é apenas um contorno duplicado da etapa anterior, movido abaixo de todo o desenho.
Etapa 5
Tente experimentando vários esquemas de cores ga-analytics#sendElementsClickEvent”>neste estágio. Às vezes, quando estou editando um pequeno detalhe, tenho novas ideias de cores. Se eu encontrar uma combinação que me agrade, isso aumenta meu envolvimento com o projeto e me ajuda a ficar entusiasmado com ele durante todo o processo.
O Designer de Afinidade Ferramenta de preenchimento (G) é muito intuitivo e você pode ajustar facilmente as cores, as etapas de mesclagem e a direção de todo o efeito.
Passo 1
Altere as cores em ambas as bordas para criar um gradiente suave. Você também pode adicionar outro aceno de cor clicando duas vezes na linha de gradiente.
Etapa 2
Quando estiver satisfeito com o gradiente, selecione o objeto com o qual está trabalhando e pressione Comando-Shift-C.
Etapa 3
Ao selecionar outro objeto, basta colar o estilo (Comando-Shift-V)e o programa copiará automaticamente seu efeito para o novo objeto.
6. Defina a composição final do texto
O último passo é inclinar todo o projeto, o que lhe confere mais dinamismo. Deixo esse tipo de tratamento para o final, quando sei que todos os outros elementos do projeto foram refinados.
A composição é um fator importante no design: uma composição bem equilibrada torna o seu design coerente e executado com propósito. CA oposição pode ser desarmônica, mas muda totalmente a sensação do design e deve ser usada com cuidado.
Nesse caso, ajustei todas as linhas para contrariar o ângulo do design geral. Equilibrar todos esses fatores faz com que o design pareça bem definido e ajuda o público a focar no meio da imagem.
7. Como exportar texto no Affinity Designer
Finalmente! Seu design está concluído e a próxima etapa é exportá-lo – em vários formatos ou em várias versões de cores.
Affinity surgiu com uma ótima opção: bvocê está usando o Ferramenta pranchetavocê pode criar algumas variações do seu design e exportá-las todas de uma vez.
Passo 1
Crie uma variedade de pranchetas com as dimensões necessárias. Você pode duplicar uma prancheta clicando em seu nome e duplicando-a de maneira semelhante à duplicação de objetos. Clique no nome da prancheta e arraste-a enquanto segura Opção.
Etapa 2
Quando todas as suas versões estiverem prontas, clique em Exportar persona no menu superior. Na nova janela, selecione Exportar fatias. O número de fatias é o número de pranchetas que você criou anteriormente.
Etapa 3
Em seguida, exporte todas as fatias usando o Exportar fatias botão. Esta opção é muito útil se você precisar de vários esquemas de cores para mostrar ao seu cliente ou se precisar que seu design funcione em várias plataformas.
E seu texto com efeito cartoon está pronto! Seguindo as etapas simples descritas neste guia, você pode adicionar um toque ousado e vibrante aos seus designs, fazendo com que eles realmente se destaquem. Leve seus designs para o próximo nível e impressione com efeitos de texto visualmente impressionantes.
Além disso, se você está procurando inspiração para efeitos de texto de desenho animado, vá para ga-analytics#sendElementsClickEvent”>Envato! Esta plataforma criativa oferece mais de 10.000 ações, pincéis e camadas para ajudá-lo a criar efeitos de texto incríveis.
