Como criar efeitos de texto 3D com Project Neo e Adobe Firefly

Hoje exploraremos a nova ferramenta de design baseada na Web da Adobe, Project Neo. Atualmente está em beta e acessível ao público no site da Adobe. O Project Neo permite aos usuários criar e editar facilmente designs volumétricos, desenhos, textos e formas com giros e ajustes simples para criar obras de arte 3D exclusivas.

Essa ferramenta pode ser útil para ga-analytics#sendElementsClickEvent”>criar designs 3D, gráficos de marcas, designs de produtos e arte digital. E a melhor parte? Ela uniu forças com o Adobe Firefly, onde o Project Neo fornece a base do ga-analytics #sendElementsClickEvent”>modelos 3D e Adobe Firefly adicionam talento criativo e personalização, abrindo um mundo de possibilidades para seus designs.

Vamos explorar alguns dos recursos do aplicativo da web Project Neo enquanto aprendemos como transformar texto em uma bela imagem 3D. Começaremos selecionando a ferramenta de texto, digitando o texto desejado e aplicando efeitos de relevo e extrusão. Em seguida, entraremos em seu recurso complementar, Adobe Firefly, para adicionar profundidade e personalização ao design.

1. Como acessar o Projeto Neo (beta)

Você precisará de uma Adobe ID para acessar e participar da versão beta privada do Project Neo. Se não tiver uma Adobe ID, você poderá criar uma conta gratuita no site da Adobe. Depois de fazer login, você poderá acessar o Projeto Neo aplicativo através do site oficial. O Project Neo está atualmente em versão beta, então certifique-se de que seu navegador e os requisitos do sistema são compatíveis. O aplicativo funciona apenas em desktops e é melhor usar um navegador Chrome ou Safari.

Acesse a versão beta do aplicativo Project Neo usando seu AdobeIDAcesse a versão beta do aplicativo Project Neo usando seu AdobeIDAcesse a versão beta do aplicativo Project Neo usando seu AdobeID

2. Como criar efeitos de texto 3D no aplicativo Project Neo

Passo 1

Depois de iniciar o Project Neo, clique em Criar no canto superior direito para iniciar um novo projeto de design. Isso o levará à interface do usuário, onde você verá as ferramentas principais à esquerda, com opções de renderização para diferentes estilos artísticos e configurações de ambiente no menu superior esquerdo. O meio é a área de visualização da janela de visualização com uma barra contextual abaixo, e temos a seção de propriedades à direita.

O Adobe Neo dará automaticamente ao projeto um nome único e interessante – neste caso, é chamado de ‘bege’. Por padrão, uma superfície plana com um cubo aparecerá na viewport.

Crie texto para projeto 3D usando o projeto neoCrie texto para projeto 3D usando o projeto neoCrie texto para projeto 3D usando o projeto neo

Etapa 2

O Project Neo possui um recurso de coedição ou covisualização onde as pessoas podem ver ou editar seu projeto. No menu superior, você notará um Compartilhado caixa destacada em verde, o que indica que o projeto está visível para a comunidade. Se preferir manter seu design privado, você pode desativar o compartilhamento selecionando o botão Compartilhar guia no menu superior direito e escolhendo Remover da comunidade excluir o desenho da galeria pública.

Desative o recurso de compartilhamento da comunidade do Project Neo Desative o recurso de compartilhamento da comunidade do Project Neo Desative o recurso de compartilhamento da comunidade do Project Neo

Etapa 3

Agora, vamos definir nosso Cena propriedades. Sob Pranchetadesabilitar Mostrar quadro para desligar o quadro e limpar nosso espaço visual. Definir Ambiente: Exterior cor para branco, #ffffff.

Por padrão, a janela de visualização Câmera está definido para paralelomas você pode mudá-lo para Isométrico ou Perspectiva se achar mais adequado visualmente. Observe que se você selecionar qualquer objeto na prancheta, não poderá acessar as configurações da janela de visualização porque o Propriedades menu muda para as propriedades do objeto selecionado. Então, para acessar as configurações do ponto de vista, certifique-se de que você clique fora da cena.

Defina a janela de visualização da cena e o ambiente para o novo projeto no Adobe NeoDefina a janela de visualização da cena e o ambiente para o novo projeto no Adobe NeoDefina a janela de visualização da cena e o ambiente para o novo projeto no Adobe Neo

Etapa 4

Vamos deletar o cubo já que estamos apenas criando texto 3D para este tutorial. Selecione o cubo e clique Excluir.

Em seguida, selecione o objeto base. No Propriedades painel, sob Aparência, dê ao objeto base um Cor de #d4c3a1defina o Rugosidade (quanto a luz afeta a forma) para 0,9e clique em Feito.

defina as propriedades do objeto base como cor e rugosidade no Project Neodefina as propriedades do objeto base como cor e rugosidade no Project Neodefina as propriedades do objeto base como cor e rugosidade no Project Neo

Etapa 5

A seguir, clique no Inclinar para baixo seta (Seta de comando para baixo) uma vez e o Vire à esquerda seta (Comando-Seta para a esquerda) uma vez para visualizar a frente plana do objeto base.

Agora, vamos adicionar nosso texto selecionando o Ferramenta Adicionar Texto. Coloque o cursor cruzado no meio do quadro e arraste para inserir o texto padrão.

incline as setas para baixo e para a esquerda para virar a tela e adicionar texto ao objeto base 3D no projeto neoincline as setas para baixo e para a esquerda para virar a tela e adicionar texto ao objeto base 3D no projeto neoincline as setas para baixo e para a esquerda para virar a tela e adicionar texto ao objeto base 3D no projeto neo

Etapa 6

Vamos aprender como fazer o texto 3D: “Experimente coisas NEO”. Vamos começar editando a palavra “Try”. Selecione (V) o texto e, em seguida, use as alças de seta para movê-lo ao longo do eixo. A seguir, vá até o Propriedades seção no lado direito para que possamos editar o texto.

Aplique as seguintes configurações no Texto seção:

  • Entrada de texto: Try
  • Fonte: Fonte CooperBlackStd, Regular
  • Tamanho da fonte: 0,45
  • Espaçamento de texto: -100%.

Sob o Aparência seção, defina o seguinte valores para uma reflexão suave:

  • Cor: #00725b
  • Rugosidade: 0,242
  • Metálico: 0,113
Adicione as configurações de entrada de texto e ajuste as propriedades de aparência do textoAdicione as configurações de entrada de texto e ajuste as propriedades de aparência do textoAdicione as configurações de entrada de texto e ajuste as propriedades de aparência do texto

Etapa 7

Você pode experimentar as configurações, mas optei por estes valores para este tutorial:

  • Canto inferior (para bordas mais suaves): 0,016
  • Canto superior (para bordas mais suaves): 0,016
  • Dentro da casca: 0,109
  • Inflar: 0,017

transforme o texto em 3D e defina os efeitos de texto para moldar usando extrusão no painel de propriedadestransforme o texto em 3D e defina os efeitos de texto para moldar usando extrusão no painel de propriedadestransforme o texto em 3D e defina os efeitos de texto para moldar usando extrusão no painel de propriedades

Etapa 8

Vamos seguir em frente e criar o texto “coisas” em 3D usando as mesmas configurações. Podemos fazer isso facilmente duplicando o texto “Try” usando o Duplicado atalho, Comando-D. Você verá automaticamente a nova forma aparecer no Camadas widget. Selecione (V) a forma do texto e arraste-a para baixo.

Use o atalho Duplicar para copiar as propriedades da textura da forma Use o atalho Duplicar para copiar as propriedades da textura da forma Use o atalho Duplicar para copiar as propriedades da textura da forma

Etapa 9

Alterar o Entrada de texto de “Tentar” a “coisas”, aplicar um novo Cor de #2d80a5e defina o Tamanho da fonte para 0,35.

faça alterações na entrada de texto 3D e aplique nova cor e tamanho de fontefaça alterações na entrada de texto 3D e aplique nova cor e tamanho de fontefaça alterações na entrada de texto 3D e aplique nova cor e tamanho de fonte

Etapa 10

Vamos adicionar a palavra “NEO” no topo, entre as duas palavras. Selecione (V) e Duplicado (Comando-D) a palavra “Tentar”. Alterar o Entrada de texto para “NEO”, e mude o Cor para #c24020.

Alterar o Tamanho da fonte para 0,55e sob o Formas seção, selecione o Repelir efeito. O Repelirefeito vai ter certeza que as formas se afastam e não se fundem quando junte-os.

Aplique um Mistura de 0,118.

duplicar a forma e aplicar novos valores de textura e repelir configurações de efeito de mesclagem para o tipo Neoduplicar a forma e aplicar novos valores de textura e repelir configurações de efeito de mesclagem para o tipo Neoduplicar a forma e aplicar novos valores de textura e repelir configurações de efeito de mesclagem para o tipo Neo

Etapa 11

Use o Selecione (V) para selecionar cada palavra e o guiador para mover as palavras próximas umas das outras e, em seguida, girar levemente “Neo”.

gire e mova formas ao longo do eixo usando as alças de seta no Project Neogire e mova formas ao longo do eixo usando as alças de seta no Project Neogire e mova formas ao longo do eixo usando as alças de seta no Project Neo

Etapa 12

Toque uma vez na janela de visualização e mude a câmera para Isométrico. Use o guidão para levantar ligeiramente o “NEO” para flutuar acima do objeto base. Então cabeça vá para o menu superior esquerdo e selecione o ícone do sol para entrar no Ambiente seção para que possamos ajustar a iluminação.

Defina o Rotação de luz valores para 87, Altura para 25.1e Distância da sombra para 0,059.

Para manipular a viewport, role o mouse para aumentar ou diminuir o zoom e clique com o botão direito para girar.

defina os valores de iluminação e sombra do ambiente para as formas de texto 3D na seção de ambientedefina os valores de iluminação e sombra do ambiente para as formas de texto 3D na seção de ambientedefina os valores de iluminação e sombra do ambiente para as formas de texto 3D na seção de ambiente

Etapa 13

Definir a janela de visualização Câmera de volta para Paraleloe use as setas de inclinação para fazer com que a moldura fique voltada para frente.

defina a câmera da janela de visualização como paralela e use as setas de inclinação para trazer a visualização para frentedefina a câmera da janela de visualização como paralela e use as setas de inclinação para trazer a visualização para frentedefina a câmera da janela de visualização como paralela e use as setas de inclinação para trazer a visualização para frente

3. Como usar o Adobe Firefly para estilizar a cena 3D

Passo 1

Depois de bloquear sua ideia de texto 3D no Project Neo, vá até a barra contextual abaixo e selecione Criar imagem da cena para acessar outra seção que apresenta Adobe Firefly. Aqui, vamos use a estrutura do nosso modelo para estilize a cena com texturas e materiais e crie uma imagem realista com base em um prompt. É um recurso incrível que permite passar de modelos 3D para arte em minutos.

Digite o desejado Incitar. Neste caso, usei:foto do produto de texto 3D em placa feita de madeira de carvalho escuro pendurada em uma árvore com folhas de fundo de outono e luz solar indireta.

Clique Gerar. O Adobe Firefly irá gerar instantaneamente quatro opções de design 3D com base na sua solicitação, ou você pode carregar sua própria referência de estilo para criar outros estilos artísticos.

no Project Neo, clique no recurso Criar imagem da cena para usar o recurso Adobe Firefly no Project Neo, clique no recurso Criar imagem da cena para usar o recurso Adobe Firefly no Project Neo, clique no recurso Criar imagem da cena para usar o recurso Adobe Firefly

Etapa 2

Depois que o Adobe Firefly gerar os efeitos de texto 3D, você poderá tocar na imagem gerada de sua escolha e Download ou clique no ícone para Gerar semelhante.

Você pode baixar ou gerar renderizações semelhantes em imagens geradas pelo Adobe FireflyVocê pode baixar ou gerar renderizações semelhantes em imagens geradas pelo Adobe FireflyVocê pode baixar ou gerar renderizações semelhantes em imagens geradas pelo Adobe Firefly

Parabéns! Você terminou!

Você aprendeu como criar texto em 3D no Project Neo e como usar o Adobe Firefly para estilizar sua cena e fazer arte 3D. É muito fácil criar efeitos de texto 3D e as possibilidades são infinitas. Agora que você sabe como fazer arte 3D, pode acessar ga-analytics#sendElementsClickEvent”>Envatoonde você pode obter downloads ilimitados de ga-analytics#sendElementsClickEvent”>gráficos, ga-analytics#sendElementsClickEvent”>Modelos 3De muito mais para usar em seus projetos.

Recurso Adobe Firefly Rener para estilizar modelo 3D no Project NeoRecurso Adobe Firefly Rener para estilizar modelo 3D no Project NeoRecurso Adobe Firefly Rener para estilizar modelo 3D no Project Neo

Mais tutoriais de design 3D no Envato Tuts+

Aprendizado como fazer texto 3D? Temos muitos tutoriais excelentes para você conferir:

Deixe uma resposta