Se você adora todos os tipos de efeitos de texto distorcido, efeitos de texto distorcido ou efeitos de texto em geral do Affinity Designer, siga este tutorial e melhore suas habilidades enquanto aprende a criar um efeito de texto em camadas retrô totalmente editável. O Affinity Designer é bom na criação de um efeito de texto editável e também pode impressionar você como é fácil. Vamos começar!
Se você não tiver tempo, você sempre pode tentar ga-analytics#sendElementsClickEvent”>Envato Elements, onde você encontrará muitos modelos, efeitos de texto e fontes do Affinity Designer prontos para serem usados em seus projetos. Leve seus designs. para o próximo nível!
O que você aprenderá neste tutorial do Affinity Designer
- Como adicionar texto no Affinity Designer
- Como criar um símbolo no Affinity Designer
- Como fazer um efeito de texto em camadas
- Como adicionar textura no Affinity Designer
Recursos do tutorial
Você precisará dos seguintes recursos para concluir este projeto:
1. Como abrir um novo documento
Passo 1
Lançar Designer de afinidade e vai para Arquivo > Novo para abrir o Novo Documento janela. Digite as dimensões mostradas e defina a resolução para 72 dpio Unidades de documento para Píxeise a Formato de cor para RGB. Bater Criar.
Passo 2
Vamos criar um plano de fundo no seu novo documento. Pegue o Ferramenta Retângulo (M) e desenhe um retângulo que cubra toda a prancheta, definindo a cor de preenchimento como azul escuro.
2. Como adicionar texto no Affinity Designer
Passo 1
Pegue o Ferramenta de Texto Artísticoclique na sua prancheta e digite “RETRO” usando ga-analytics#sendElementsClickEvent”>Hikou Regular Font. Use essas configurações no Personagem painel (Ver > Estúdio > Personagem):
- Tamanho da fonte: 350 pontos
- Monitorando: -25%
- Escala vertical: 95%
Passo 2
Agora vamos recolorir a fonte para que possamos vê-la melhor no fundo escuro. Com o RETRÔ camada selecionada, clique em Efeitos de camada na parte inferior do Camadas painel para abrir o Efeitos de camada janela. Verifica a Sobreposição de cores caixa para ativar o efeito e, em seguida, defina a cor como bege. Colocou o Modo de mistura para Normal e a Opacidade para 100%. Bater Fechar.
etapa 3
Para criar um efeito de texto editável no Affinity Designer, você precisa definir o texto como um símbolo. Primeiro, localize e abra o Símbolos painel acessando Visualizar > Estúdio > Símbolos. Enquanto o texto permanece selecionado, clique em Criar, e seu novo símbolo aparecerá na janela. Ele também aparecerá como um símbolo no Camadas painel.
3. Como fazer um efeito de texto em camadas
Passo 1
Clique com o botão direito no símbolo de texto no Camadas painel e escolha Duplicado. Isto fará uma cópia acima do original que você pode mover um pouco para cima com o Ferramenta Mover (V) (1).
A seguir, use o Ferramenta Retângulo (M) para desenhar um retângulo sobre a cópia do símbolo. Deixe-o quase da mesma largura da prancheta. Cubra a parte do texto que você deseja que fique visível (2). Para criar a máscara, pegue o símbolo de texto e arraste-o para o retângulo no Camadas painel (3).
Passo 2
Vamos recolorir a primeira camada de texto. Antes de fazer qualquer coisa, você deve ir ao Símbolos painel e remova a sincronização. Para fazer isso, certifique-se de que a primeira camada esteja selecionada na Camadas painel e clique no Sincronizar ícone no Símbolos painel. O Sincronizar é DESLIGADO quando o botão está cinza.
Abra o Efeitos de camada janela clicando no efeitos ícone ao lado do RETRÔ camada e, em seguida, altere o Sobreposição de cores efeito. Usei uma cor laranja claro. Além disso, verifique o Desfoque Gaussiano caixa para ativar o efeito e aplique um Raio de 0,5 ponto. Bater Fechar.
Quando terminar de aplicar os efeitos e alterar as configurações, volte para o Símbolos painel e ative a sincronização novamente. O Sincronizar é SOBRE quando o botão está preto.
etapa 3
Neste ponto, você pode repetir as duas etapas anteriores para fazer mais camadas. Clique com o botão direito na camada de texto laranja e escolha Duplicado para fazer outra cópia. Mova um pouco para cima e mantenha a mesma distância entre as camadas.
Passo 4
Para recolorir a segunda camada de texto, certifique-se de remover primeiro a sincronização. Isto é muito importante. Abra o Efeitos de camada janela, altere o Sobreposição de cores para laranja brilhante e aumente o Raio de desfoque gaussiano para 2 pixels. Lembre-se de colocar o Sincronizar voltar SOBRE depois.
Etapa 5
Duplique a segunda camada de texto para criar a terceira. Mova-o para o lugar e agora você poderá recolori-lo e aumentar o raio do desfoque, como fez nas etapas anteriores.
Etapa 6
As três camadas superiores estão prontas. Você pode fazer os de baixo de maneira semelhante.
Comece selecionando o símbolo de texto bege original e duplicando-o. Mova-o para baixo e desenhe um novo retângulo sobre ele com o Ferramenta Retângulo (M). O retângulo deve cobrir a parte do texto que você deseja manter visível. Arraste a cópia do símbolo para o retângulo para mascará-lo.
Etapa 7
Siga as etapas explicadas até agora para recolorir a primeira camada inferior. Usei uma cor verde. Além disso, aplique um Desfoque Gaussiano de 0,5 px.
Etapa 8
Continue a fazer a próxima camada de texto e mude a cor para verde-azulado. Além disso, aumente o Raio de desfoque gaussiano para 2 pixels.
Etapa 9
Faça a terceira camada de texto e mude a cor para verde-azulado escuro. Aumente o Raio de desfoque gaussiano para 5 pixels.
Sinta-se à vontade para adicionar quantas camadas desejar. As camadas desse efeito de texto – e especialmente os tons de cores que você escolher – quase criarão a aparência de formas mescladas do Affinity Designer. Quanto mais camadas, mais atraente!
4. Como adicionar textura no Affinity Designer
Vá para Arquivo > Local e localize a imagem da textura em seu computador. Estou usando o ga-analytics#sendElementsClickEvent”>Retro Grain And Pattern Texture, do qual decidi usar a imagem PNG do Padrão 1 localizada no Padrão pasta. Depois de colocado dentro do documento, dimensione-o tanto quanto desejar. Colocou o Modo de mistura para Luz suave e reduzir o Opacidade para 25%. Bloqueie a textura na parte superior para que você ainda possa trabalhar com o texto, se necessário.
Parabéns! Você Terminou
Agora você sabe como adicionar texto no Affinity Designer e como usar símbolos para criar um efeito de texto editável. Sinta-se à vontade para personalizá-lo alterando o texto, a fonte e a paleta de cores. Seja criativo!
Não deixe de conferir ga-analytics#sendElementsClickEvent”>Elementos Envatoonde você encontrará vários modelos e recursos do Affinity Designer prontos para download e uso.
Vamos verificar se podemos editar nosso texto retrô. Basta digitar qualquer outra palavra usando a ferramenta Texto artístico. Perfeito!
O segredo é lembrar de remover a sincronização de símbolos sempre que decidir aplicar efeitos de camada ou alterar certas configurações e, em seguida, ativá-la novamente. Dessa forma, você ainda poderá editar o efeito do texto após fazer as alterações.
Recursos populares da Envato Elements
ga-analytics#sendElementsClickEvent”>Envato Elements é um excelente recurso para efeitos de texto. Vamos explorar algumas alternativas prontas para usar que você pode baixar agora mesmo e incluir em seus projetos.
ga-analytics#sendElementsClickEvent”>Efeito de texto multiplicado (PSD)
Dê uma olhada nessas camadas de texto douradas que são ousadas e ousadas. Este efeito de texto é a escolha perfeita para títulos, manchetes, banners e pôsteres quando você deseja chamar toda a atenção. De uma chance!
ga-analytics#sendElementsClickEvent”>Efeito de texto urbano (PSD)
Este efeito de texto é outra opção em camadas e texturizada que você pode usar com sucesso. Edite o texto e a cor para que se encaixem perfeitamente no seu projeto. Estará pronto em pouco tempo.
Quer saber mais sobre o Affinity Designer?
Temos muitos tutoriais no Envato Tuts+ que ensinam muitas outras técnicas úteis. Aqui está uma lista de tutoriais feitos especialmente para você. Dê uma olhada!
