Crie um efeito de tipo isométrico no Adobe Illustrator

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

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.

ilustrador de texto isométricoilustrador de texto isométricoilustrador de texto isométrico

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:

ga-analytics#sendElementsClickEvent”>Fonte do Adobe IllustratorFonte do Adobe IllustratorFonte do Adobe Illustrator
ga-analytics#sendElementsClickEvent”>Indigo Sans Serif Font por ga-analytics#sendElementsClickEvent”>saltandpepperdesigns on Envato Elements

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.

grade isométrica no adobe illustratorgrade isométrica no adobe illustratorgrade isométrica no adobe illustrator

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?

como criar texto isométrico no illustratorcomo criar texto isométrico no illustratorcomo criar texto isométrico no illustrator

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.

texto isométrico no ilustradortexto isométrico no ilustradortexto isométrico no ilustrador

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.

Sombras do Adobe IllustratorSombras do Adobe IllustratorSombras do Adobe Illustrator

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!

efeitos de texto isométricos no Adobe Illustratorefeitos de texto isométricos no Adobe Illustratorefeitos de texto isométricos no Adobe Illustrator

Procurando um atalho? Existem ga-analytics#sendElementsClickEvent”>efeitos de texto 3D prontos disponíveis no Envato Elements – basta inserir seu texto e o efeito está pronto!

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!

Deixe uma resposta