Como fazer texto 3D no Affinity Designer

Para fazer texto 3D, o Affinity Designer pode não ser sua primeira escolha, mas é definitivamente possível, e este tutorial ensinará como fazer isso. O resultado final será editável, então este é um bom bônus.

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.

como salvar símbolo no Affinity Designercomo salvar símbolo no Affinity Designercomo salvar símbolo no Affinity Designer
Para este tutorial, estou usando ga-analytics#sendElementsClickEvent”>Krophed Font da Envato Elements.

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.

como duplicar e mover símbolocomo duplicar e mover símbolocomo duplicar e mover símbolo

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

como multiplicar e mover símbolos de textocomo multiplicar e mover símbolos de textocomo multiplicar e mover símbolos de texto

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?

como fazer texto 3D com símbolos de textocomo fazer texto 3D com símbolos de textocomo fazer texto 3D com símbolos de texto

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%
como recolorir um símbolo de textocomo recolorir um símbolo de textocomo recolorir um símbolo de texto

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.

como trazer para a frente um símbolo de textocomo trazer para a frente um símbolo de textocomo trazer para a frente um símbolo de texto

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

como verificar texto 3D editável como verificar texto 3D editável como verificar texto 3D editável

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.

como criar sombra com efeito de desfoquecomo criar sombra com efeito de desfoquecomo criar sombra com efeito de desfoque

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.

como criar sombra de texto 3Dcomo criar sombra de texto 3Dcomo criar sombra de texto 3D

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.

como colorir texto 3D no Affinity Designercomo colorir texto 3D no Affinity Designercomo colorir texto 3D no Affinity Designer

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

como verificar texto 3D editável como verificar texto 3D editável como verificar texto 3D 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.

como adicionar realce no texto Affinity 3Dcomo adicionar realce no texto Affinity 3Dcomo adicionar realce no texto Affinity 3D

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.

como aplicar o efeito de contorno ao textocomo aplicar o efeito de contorno ao textocomo aplicar o efeito de contorno ao texto

Este é o texto 3D final:

como alterar o texto 3D editávelcomo alterar o texto 3D editávelcomo alterar o texto 3D editável

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.

Imagem final do tutorial de designer de afinidade de texto 3DImagem final do tutorial de designer de afinidade de texto 3DImagem final do tutorial de designer de afinidade de texto 3D

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!

Deixe uma resposta