Neste curso, você aprenderá como criar texto isométrico no Illustrator, passo a passo. Você pode usar qualquer tipo que desejar nestes texto isométrico 3D efeitos no Illustrator.
Assista ao efeito de texto isométrico completo no curso Adobe Illustrator
O que você aprenderá
- Como criar texto isométrico no Illustrator
- Como construir uma grade isométrica do Illustrator
- Efeitos de texto 2D Illustrator para criar texto 3D isométrico
O que você precisará
Aqui está o que usaremos nesta demonstração de texto isométrico:
Lembre-se de que, ao criar seu texto isométrico, o Illustrator pode usar qualquer fonte de sua escolha. Os conceitos por trás da criação desses efeitos de texto do Illustrator são universais – use essa fonte se desejar replicar o mesmo resultado ou misture-a com sua própria escolha de fonte.
Sobre seu instrutor
Daniel Branco
Como designer, adoro compartilhar minha experiência e ajudar aspirantes a criativos a desenvolver suas habilidades.
Pronto para começar? Ir para o conteúdo desta seção:
1. Introdução a Como criar texto isométrico no Illustrator
1.1 Bem-vindo ao Curso
Assistir vídeo aula (1 min) ↗
Quando se trata de texto isométrico, o Illustrator pode ser uma ferramenta poderosa. Você pode criar uma variedade de outros efeitos de texto no Illustrator também – e as habilidades que você aprende neste curso podem funcionar em uma variedade de situações de design! Pronto para se aprofundar e explorar como criar texto isométrico no Illustrator?
“Ao final deste curso, você será capaz de pegar qualquer fonte e qualquer palavra e criar esse efeito você mesmo.”
Curso Gratuito de Illustrator para Iniciantes
Você é novo no Adobe Illustrator? Procurando ajuda extra? Confira nosso curso gratuito de Adobe Illustrator para iniciantes!
ilustrador para iniciantes
2. Como configurar o Illustrator para efeitos de texto isométricos
2.1 Como configurar um projeto do Illustrator
Assistir vídeo aula (3 min) ↗
Em primeiro lugar, veremos como criar um novo documento nesta lição. Sintonize para começar com o básico para este projeto no Adobe Illustrator.



Lembre-se de que você pode usar qualquer tamanho de documento de sua preferência – essa é apenas uma sugestão que você pode seguir.
Você também precisará escolher uma fonte para o design do efeito de texto isométrico. Nesta lição, veremos a instalação de uma nova fonte para o nosso projeto. Aqui está a fonte que usaremos neste curso:



No entanto, você pode usar qualquer fonte de sua escolha. Se estiver procurando por mais fontes, você sempre pode conferir a ga-analytics#sendElementsClickEvent”>biblioteca de fontes no Envato Elements também! Existem milhares para escolher.
Precisa de ajuda extra para instalar as fontes? Aqui estão alguns tutoriais úteis se você precisar de uma mão:
3. Como projetar em uma grade isométrica do Illustrator
3.1 Como configurar uma grade isométrica no Illustrator
Assistir vídeo aula (4 min) ↗
Então, como criamos uma grade isométrica no Illustrator? Não é tão complicado quanto você pode pensar. Nesta lição, veremos como configurar um em nosso espaço de trabalho, passo a passo.



Você também não está limitado ao texto com isso – você pode usar essa grade para ajudar a criar todos os tipos de gráficos isométricos diferentes.
Curioso sobre arte isométrica no Adobe Illustrator e o que mais você pode fazer com uma grade isométrica? Aqui estão algumas orientações adicionais que você pode querer verificar:
3.2 Como Tornar o Texto Isométrico no Illustrator
Assistir vídeo aula (4 min) ↗
Em seguida, é hora de começar a trabalhar com nosso texto. Lembre-se de que você pode usar qualquer fonte de sua preferência para esse processo, mas usaremos a fonte ga-analytics#sendElementsClickEvent”>sans serif Indigo.
Nós não iremos necessariamente estritamente atenha-se à nossa grade isométrica – mas você poderia, se quisesse! Essa pode ser uma ótima ideia se você quiser criar elementos isométricos adicionais que quebrem e adiram à grade.
Aqui está uma prévia de alguns dos processos que seguiremos, começando com um texto simples e levando a estética ainda mais longe:
E é por isso que essa grade isométrica é tão útil – é o guia perfeito para fazer com que nosso efeito de texto isométrico tenha a aparência certa! Pronto para mergulhar nesta lição e experimentá-lo por si mesmo?



4. Como criar efeitos de texto isométricos 3D no Illustrator
4.1 Como adicionar camadas e cores no Illustrator
Assistir videoaula (9 mins) ↗
Nesta lição, experimentaremos camadas, cores e outras ferramentas que podemos usar para dar profundidade ao nosso texto isométrico. Efeitos como o Opções de Extrusão 3D e Bisel pode nos ajudar a alcançar mais facilmente efeitos mais complicados.



Não consegue encontrar este efeito? Vamos para Efeito > 3D > Extrusão e chanfro.
Usando camadas, podemos Duplicado e Arranjo nosso conteúdo para criar um efeito colorido, repleto de profundidade visível. Veja a diferença que essas técnicas podem fazer!
Abra o Camadas painel indo para Janela > Camadas. Reorganize sua arte selecionando-a, indo para Objeto > Organizare escolhendo o arranjo de sua escolha.
4.2 Como adicionar sombras no Illustrator
Assistir vídeo aula (10 min) ↗
Uma mudança de cor aqui cria uma interessante sensação de profundidade, mas vamos além. Nesta próxima lição, adicionaremos sombras ao nosso trabalho para harmonizar a estética. Há uma tonelada que você pode conseguir com gradientes no Adobe Illustrator, e vamos explorar exatamente isso.



Dê uma olhada na diferença que a adição de sombras faz ao nosso efeito de texto isométrico. É uma adição bastante dramática e realmente adiciona muita profundidade!
Quer saber mais sobre como trabalhar com gradientes no Adobe Illustrator? Confira este tutorial útil para obter ainda mais informações:
5. Seu Efeito de Texto Isométrico Ilustrador Concluído
5.1 Nossos efeitos de texto isométricos concluídos no Illustrator
Assistir vídeo aula (1 min) ↗
Parabéns! Você criou um efeito de texto isométrico no Adobe Illustrator! Aqui está uma olhada em nosso resultado – mas lembre-se de que seu trabalho pode incluir qualquer texto e fonte de sua preferência!



Crie ainda mais efeitos de texto no Adobe Illustrator
Enquanto exploramos o texto isométrico, o Illustrator pode fazer muito mais. Confira esses outros euTutoriais de efeito de texto do ilustrador no Envato Tuts+. Há tantos mais incríveis efeitos de texto no Illustrator para explorar!
Saiba mais sobre o Adobe Illustrator
O Adobe Illustrator é uma ferramenta poderosa com inúmeras opções e possibilidades. Saiba mais sobre o Illustrator aqui no Envato Tuts+. Há tantos tutoriais em vídeo incríveis para conferir. Por que não assistir outro hoje?
Ou, se preferir tutoriais escritos, confira essas incríveis orientações do Illustrator. Você pode aprender tudo, desde o básico do Illustrator até técnicas avançadas. Não há melhor momento para aprender mais sobre o Illustrator do que agora!