Se você não tem tempo para aprender como fazer texto 3D no Affinity Designervocê sempre pode tentar ga-analytics#sendElementsClickEvent”>Envato Elements, onde você pode obter downloads ilimitados de fontes, gráficos, fotos, ações e muito mais, que estão prontos para serem usados em seus projetos.
O que você aprenderá neste tutorial
- Como fazer texto 3D no Affinity Designer
- Como criar texto 3D editável usando o painel Símbolos
- Como usar efeitos de camada
Como Criar texto 3D no Affinity Designer
Passo 1
No Affinity Designer 3D, o texto é possível. Deixa-me mostrar-te como.
Abra um novo documento de aproximadamente 1500 x 900 pixels, 72DPIe Modo de cores RGB. Agora, pegue o Ferramenta Tipo Artístico (T) e escreva “COLORE” em sua prancheta usando ga-analytics#sendElementsClickEvent”>Krophed Font, com um tamanho de 202 pontos. No Personagem painel (Visualizar > Estúdio > Personagem), aumentar o Escala Vertical para 110% para deixar o texto um pouco mais alto.
Abra o Símbolos painel indo para Exibir > Estúdio > Símbolos. Enquanto o texto permanece selecionado, clique em Criar para transformá-lo em um símbolo. Esse O texto 3D do Affinity é baseado em símbolos.



Passo 2
No Camadas painel, clique com o botão direito no existente Símbolo camada e escolha Duplicado do menu. Isso criará uma cópia acima. Agora, amplie até 1000% no canto de uma das letras e mova o topo Símbolo camada um pouco para a direita e para baixo. Certifique-se de que Ativar encaixe não é verificado no barra de ferramentas no topo do documento.



etapa 3
Continue a duplicar o Símbolo camadas e mova sempre a de cima para a direita e para baixo. Como alternativa, você pode pressionar o atalho Control-Je o Designer fará isso automaticamente para você.



Passo 4
Continue duplicando e movendo o Símbolo camadas, mas pare antes que as letras se toquem. Eu tenho 25 camadas no total.
Agora temos algo que parece um efeito 3D, certo?



Passo 5
Role para baixo até a parte inferior do Camadas painel, abra o último Símbolo camada na lista e selecione o texto COLORE. Antes de fazer qualquer coisa, você deve ir ao Símbolos painel e remova a sincronização. O Sincronizar está desligado quando o botão está cinza. Agora, clique em Efeitos de camada na parte inferior do Camadas painel para abrir todo o Efeitos de camada janela. Verificar Sobreposição de cores e defina a cor para verde brilhante.
- Modo de mistura: Normal
- Opacidade: 100%



Passo 6
Assim que terminar com o Sobreposição de cores efeito, volte para o Símbolos painel e coloque a sincronização de volta. O Sincronizar está ligado quando o botão está preto.
Em seguida, mova este Símbolo camada da parte de trás da lista até a frente, indo para Camada > Organizar > Mover para frente (Control-Shift-])e você poderá ver o texto verde.



Se tudo foi feito corretamente até agora, o texto 3D é editável. Você também pode alterar o texto e a fonte.



Passo 7
Selecione os Símbolo camada logo abaixo da camada verde e mova-a para a parte inferior da Camadas painel arrastando-o manualmente ou acessando Camada > Organizar > Mover para Trás (Control-Shift-[)[). Abra o Símbolo camada, selecione o texto COLORE e, em seguida, remova o Sincronizar no Símbolos painel. Abra o Efeitos de camada janela e verifique o Desfoque gaussiano efeito. Aplicar um Raio de 5 px e bater Fechar. Quando terminar, não se esqueça de virar Sincronizar de volta no Símbolos painel.
Esta ação criará uma sombra clara sob o texto Affinity 3D.



Passo 8
Localize a camada de sombra criada na etapa anterior na Camadas painel, clique com o botão direito nela e escolha Duplicado do menu. Vamos trabalhar com a cópia na parte inferior. Remova o Sincronizar no Símbolos painel e, em seguida, abra o Efeitos de camada janela e aumentar o Raio para 10 px. Mova a camada um pouco para a direita e para baixo para deslocá-la. Além disso, reduza o Opacidade desta camada para 60% se necessário. Quando todas as alterações forem feitas, coloque Sincronizar de volta no Símbolos painel para que o texto 3D ainda possa ser editado.



Passo 9
Vamos nos organizar. Coloque as duas camadas de sombra na parte inferior do Camadas painel em um grupo e nomeie-o sombras. Agora, selecione todas as camadas entre as sombras e a camada verde superior e, antes de fazer qualquer coisa, remova o Sincronizar no Símbolos painel. Clique em Efeitos de camada na parte inferior do Camadas painel para abrir a janela inteira; então verifique o Sobreposição de Gradiente efeito. Escolha um gradiente de roxo para rosa para dar a este texto 3D uma aparência bacana de Y2K.
- Modo de mistura: Normal
- Opacidade: 100%
- Tipo: Linear
- Ângulo: 90 graus
Feito isso, aperte Fechar, e depois colocar Sincronizar de volta no Símbolos painel.



Vamos verificar se o O texto 3D do Affinity Designer ainda é editável.



Passo 10
Para adicionar um realce ao texto, selecione o texto “COLORE” abaixo do verde superior Símbolo camada e primeiro, remova o Sincronizar no Símbolos painel. Abra o Efeitos de camada janela, verifique o Bisel/Relevo efeito e aplique as configurações mostradas abaixo. Bater Fechar e depois coloque o Sincronizar de volta no Símbolos painel.



Passo 11
Vamos também adicionar um esboço. Mantenha o mesmo texto “COLORE” selecionado, remova o Sincronizar, e depois abra o Efeitos de camada janela. Verifica a Contorno efeito e aplique as configurações mostradas abaixo. Feito isso, aperte Fechar e depois coloque o Sincronizar de volta no Símbolos painel.



Este é o texto 3D final:



Parabéns! Você Terminou!
Agora você sabe como fazer texto 3D no Affinity Designer. O texto é editável, desde que você se lembre de remover a sincronização antes de aplicar, alterar as configurações ou fazer qualquer tipo de edição e lembre-se de colocar a sincronização novamente depois de terminar. Este é o truque. Sinta-se à vontade para torná-lo seu, alterando a fonte, editando o texto ou usando qualquer outra paleta de cores de sua preferência.
Você pode encontrar muitas fontes de inspiração e recursos prontos para serem usados em ga-analytics#sendElementsClickEvent”>Envato Elements, de fontes a gráficos, fotos, ações e muito mais. Com certeza, eles ajudarão você a melhorar seu trabalho.



Plano de fundo usado: ga-analytics#sendElementsClickEvent”>Futuristic Purple Gradient Backgrounds.
Quer saber mais sobre o Affinity Designer?
Você gostou deste tutorial sobre como fazer umTexto 3D do Finity 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!