Perspectiva 3D Usando arte 2D simples no Illustrator

Na grande maioria dos projetos de design você pode causar um grande impacto modificando a maneira como as pessoas percebem as coisas. Neste tutorial, vamos criar um efeito 3D usando uma arte 2D simples, demonstrando quão eficaz um pouco de perspectiva pode ser.

Como a maioria das coisas em um projeto, você pode causar um grande impacto modificando como as pessoas percebem as coisas. Neste tutorial, vamos criar um efeito 3D usando uma arte 2D simples, demonstrando quão efetivo um pouco de perspectiva pode ser.

Passo 1. Acesse o menu File> New, e crie um novo documento no modo RGB. Abra o painel de Símbolos (Window> Symbols), então clique no menu no canto superior direito da paleta e selecione Open Symbol Library>Pack Vector Grime.

Passo 1. Acesse o menu File> New, e crie um novo documento no modo RGB. Abra o painel de Símbolos (Window> Symbols), então clique no menu no canto superior direito da paleta e selecione Open Symbol Library>Pack Vector Grime.
Passo 2. Localize o item Grime Vector Pack 09 no painel e arraste-o para dentro da página. Na barra de propriedade acima do programa clique no botão Break Link, isto irá transformar a arte em uma forma regular ao invés de uma instância de símbolo. Abra o painel Swatches (Amostras) (Window> Swatches) e escolha uma cor verde brilhante para a forma.
Passo 2. Localize o item Grime Vector Pack 09 no painel e arraste-o para dentro da página. Na barra de propriedade acima do programa clique no botão Break Link, isto irá transformar a arte em uma forma regular ao invés de uma instância de símbolo. Abra o painel Swatches (Amostras) (Window> Swatches) e escolha uma cor verde brilhante para a forma.
Passo 3. Volte para a paleta de símbolos e no Grime Vector Pack arraste o item Grime Vector Pack 10 para a página. Mais uma vez, clique no botão Break Link para transforma-lo em uma forma regular. Em seguida, escolha uma cor vermelha para este formato no painel Swatches.
Passo 3. Volte para a paleta de símbolos e no Grime Vector Pack arraste o item Grime Vector Pack 10 para a página. Mais uma vez, clique no botão Break Link para transformá-lo em uma forma regular. Em seguida, escolha uma cor vermelha para este formato no painel Swatches.
Passo 4. Neste ponto temos duas formas splat: uma vermelha e uma verde. Com a ferramenta Selection [V], vamos transforma-los novamente em símbolos arrastando-os para o painel Symbols. Na caixa de diálogo Symbol options que aparece, escolha Graphic e de um nome a cada símbolo. Isso irá transformar estas formas novamente em instâncias do símbolo.
Passo 4. Neste ponto temos duas formas splat: uma vermelha e uma verde. Com a ferramenta Selection [V], vamos transformá-los novamente em símbolos arrastando-os para o painel Symbols. Na caixa de diálogo Symbol options que aparece, escolha Graphic e de um nome a cada símbolo. Isso irá transformar estas formas novamente em instâncias do símbolo.
Passo 5. Selecione uma das formas e escolha Effect> 3D> Rotate. Isto permitirá que você gire o objeto em 3D, enquanto continuam sendo 2D. Na caixa de diálogo 3D Rotate options que aparece, você pode clicar no cubo e girar o objeto livremente, ou você pode inserir manualmente os números para um posicionamento exato (clique na caixa Preview para ver suas alterações). Para girar o objeto em um eixo específico, coloque o cursor sobre quaisquer um dos lados do cubo que se encontra no na janela. As linhas coloridas correspondem a um eixo específico, como indicado na imagem abaixo. Para dar um toque final, coloque a perspectiva em100 º para dar-lhe uma perspectiva bem exagerada e mais interessante.
Passo 5. Selecione uma das formas e escolha Effect> 3D> Rotate. Isto permitirá que você gire o objeto em 3D, enquanto continuam sendo 2D. Na caixa de diálogo 3D Rotate options que aparece, você pode clicar no cubo e girar o objeto livremente, ou você pode inserir manualmente os números para um posicionamento exato (clique na caixa Preview para ver suas alterações). Para girar o objeto em um eixo específico, coloque o cursor sobre quaisquer um dos lados do cubo que se encontra no na janela. As linhas coloridas correspondem a um eixo específico, como indicado na imagem abaixo. Para dar um toque final, coloque a perspectiva em100 º para dar-lhe uma perspectiva bem exagerada e mais interessante.
Passo 6. Repita o passo 5 para o outro símbolo para aplicar a mesma rotação 3D, em seguida, posicione-os para que eles se sobreponham, como mostrado na imagem. Se a perspectiva não estiver boa, você pode modificar as configurações 3D qualquer a qualquer momento. Para fazer isso, selecione um símbolo, e abra o painel Appearence (Window> Appearence), e clique na efeito Rotate 3D.
Passo 6. Repita o passo 5 para o outro símbolo para aplicar a mesma rotação 3D, em seguida, posicione-os para que eles se sobreponham, como mostrado na imagem. Se a perspectiva não estiver boa, você pode modificar as configurações 3D qualquer a qualquer momento. Para fazer isso, selecione um símbolo, e abra o painel Appearence (Window> Appearence), e clique na efeito Rotate 3D.
Passo 7. Selecione a ferramenta Type [T] na caixa de ferramentas. Aqui você pode usar qualquer palavra, nós escolhemos usar a palavra SPLAT! Estamos usando uma fonte ousada, chamada Rockwell Extra Bold. Mude para a ferramenta de seleção, em seguida, vá no painel Swatches e escolha uma cor que tenha contraste com o vermelho e verde, estamos usando azul. Agora converta o texto em contornos acessando o menu Type> Create Outlines.
Passo 7. Selecione a ferramenta Type [T] na caixa de ferramentas. Aqui você pode usar qualquer palavra, nós escolhemos usar a palavra SPLAT! Estamos usando uma fonte ousada, chamada Rockwell Extra Bold. Mude para a ferramenta de seleção, em seguida, vá no painel Swatches e escolha uma cor que tenha contraste com o vermelho e verde, estamos usando azul. Agora converta o texto em contornos acessando o menu Type> Create Outlines.
Passo 8. Com a ferramenta Seleção posicione o texto sobre os splats 3D e redimensione como convier. Em seguida, acesse Effect> 3D> Extrude & Bevel. O que precisamos fazer aqui é usar os splats 3D como guias para a perspectiva. Você pode pegar o cubo e posicionar o texto em 3D. Aqui definimos a perspectiva de 125 º para um efeito mais exagerado. Além disso, defina a Extrude Deph em 40 pt. Em seguida, clique no botão More Options para revelar os controles de iluminação. Pegue a alça de luz sobre a esfera e posicione-a em frente e à esquerda da esfera em relação ao próprio texto. Clique em OK.
Passo 8. Com a ferramenta Seleção posicione o texto sobre os splats 3D e redimensione como convier. Em seguida, acesse Effect> 3D> Extrude & Bevel. O que precisamos fazer aqui é usar os splats 3D como guias para a perspectiva. Você pode pegar o cubo e posicionar o texto em 3D. Aqui definimos a perspectiva de 125 º para um efeito mais exagerado. Além disso, defina a Extrude Deph em 40 pt. Em seguida, clique no botão More Options para revelar os controles de iluminação. Pegue a alça de luz sobre a esfera e posicione-a em frente e à esquerda da esfera em relação ao próprio texto. Clique em OK.
Passo 9. Já temos o texto em 3D, mas precisa de algo a mais, porque parece que ele apenas bateu no chão. O efeito 3D deve ser um efeito vivo, então podemos modificar as formas originais do texto e ele será atualizado à medida que mudá-las. Pegue a Direct Selection Tool [A)] na caixa de ferramentas e selecione qualquer uma das letras. Em seguida, pegue a Rotate Tool (R) gire a letra ligeiramente. O efeito 3D irá se adaptar a nova posição. Faça isso para uma ou outra letra, variando ligeiramente a rotação.
Passo 9. Já temos o texto em 3D, mas precisa de algo a mais, porque parece que ele apenas bateu no chão. O efeito 3D deve ser um efeito vivo, então podemos modificar as formas originais do texto e ele será atualizado à medida que mudá-las. Pegue a Direct Selection Tool [A)] na caixa de ferramentas e selecione qualquer uma das letras. Em seguida, pegue a Rotate Tool (R) gire a letra ligeiramente. O efeito 3D irá se adaptar a nova posição. Faça isso para uma ou outra letra, variando ligeiramente a rotação.
Passo 10. Selecione a Pen Tool [P] na caixa de ferramentas e defina a cor de preenchimento para preto. Desenhe algumas formas na parte inferior das letras que se adaptem ao contorno destas, uma vez que estas serão as sombras. Depois de desenhar todas as formas, escolha a Selection Tool e com a tecla [Shift] pressionada clique em cada área de sombra para seleciona-las juntas. Abra o painel Transparency (Windows> Transparency) e diminua a opacidade para 50%. Agora precisamos colocar essas sombras por trás das letras. Clique em uma letra com a Select Tool e acesse Object> Arrange > Bring to front.
Passo 10. Selecione a Pen Tool [P] na caixa de ferramentas e defina a cor de preenchimento para preto. Desenhe algumas formas na parte inferior das letras que se adaptem ao contorno destas, uma vez que estas serão as sombras. Depois de desenhar todas as formas, escolha a Selection Tool e com a tecla [Shift] pressionada clique em cada área de sombra para selecioná-las juntas. Abra o painel Transperency (Windows> Transparency) e diminua a opacidade para 50%. Agora precisamos colocar essas sombras por trás das letras. Clique em uma letra com a Select Tool e acesse Object> Arrange > Bring to front.
Passo 11. Vamos voltar aos splats coloridos que criamos anteriormente. Vamos fazer um efeito que pareça ter espirrado tinta nas letras. Com o texto ainda selecionado, abra o painel Appearance e clique em 3D Extrude & Bevel. Na caixa de diálogo 3D Extrude & Bevel Options, clique no botão Map Art para abrir a caixa de diálogo Map Art. A superfície selecionada é indicada por um contorno vermelho sobre a arte em si. Para chegar à face frontal da letra P, alterne entre as superfícies numeradas no topo da caixa de diálogo Map Art até o contorno vermelho seleciona-lo.
Passo 11. Vamos voltar aos splats coloridos que criamos anteriormente. Vamos fazer um efeito que pareça ter espirrado tinta nas letras. Com o texto ainda selecionado, abra o painel Appearance e clique em 3D Extrude & Bevel. Na caixa de diálogo 3D Extrude & Bevel Options, clique no botão Map Art para abrir a caixa de diálogo Map Art. A superfície selecionada é indicada por um contorno vermelho sobre a arte em si. Para chegar à face frontal da letra P, alterne entre as superfícies numeradas no topo da caixa de diálogo Map Art até o contorno vermelho seleciona-lo.
Passo 12. Com a letra P selecionada (o esboço, não o sólido), clique no menu Symbol e procure os símbolos splat que criamos na lista suspensa. Selecione o verde e aplique-o ao pé da letra. Se o gráfico ficar muito grande, clique no botão Scale to fit na parte inferior, em seguida, arraste-o para a parte inferior da letra. Certifique-se que o botão Preview está marcado para que você possa ver o resultado. Use as alças de controle sobre o caixa delimitadora para redimensionar e girar o símbolo conforme necessário. Continue adicionando essas splats nas outras letras, isso irá resultar em um efeito de respingo de tinta sobre o texto.
Passo 12. Com a letra P selecionada (o esboço, não o sólido), clique no menu Symbol e procure os símbolos splat que criamos na lista suspensa. Selecione o verde e aplique-o ao pé da letra. Se o gráfico ficar muito grande, clique no botão Scale to fit na parte inferior, em seguida, arraste-o para a parte inferior da letra. Certifique-se que o botão Preview está marcado para que você possa ver o resultado. Use as alças de controle sobre o caixa delimitadora para redimensionar e girar o símbolo conforme necessário. Continue adicionando essas splats nas outras letras, isso irá resultar em um efeito de respingo de tinta sobre o texto.
Abaixo você acompanha o resultado final.
clip_image014
Comente! Sugestões, dúvidas e opiniões são ótimos para melhorar o conteúdo do Clube.
Aproveite para seguir o meu perfil no twitter, facebook, youtube ou google+, assim você fica por dentro das novidades, e acompanha os melhores links do blog. Você também pode assinar nosso feed de notícias e receber todas as atualizações de maneira exclusiva.

Site Original: Layers

Compartilhe este artigo:

Guia de Estudos para Aprender Design por Conta Própria

Baixe o nosso guia e receba dicas e as novidades do Clube do Design no seu email:

Este post tem 5 comentários

  1. Sou novo no site, e também iniciante no Illustrator. Enfim, gostei muito do Tutorial, bem simples, e chamativo, gostei muito.

  2. Comigo acontece algo parecido. Eu consigo fazer todas as etapas. Mas quando chega na 12º, eu faço tudo como vc manda, mas nada acontece. =/

  3. Cara, eu clico no Map Art no meu Illustrator CS6 e não acontece nada cara, o que pode ser?

    1. José, verifique se está selecionando o objeto corretamente e se não há alguma configuração no painel 3D que você esteja esquecendo.

Deixe uma resposta

Mais artigos pra você ler:
Como organizar seu desktop?

Como organizar seu desktop?

Você já viu uma tela de computador lotada de atalhos e arquivos formando uma verdadeira bagunça visual que não dá…
Affinity Photo #11 - Usar Sobreposições

Affinity Photo #11 - Usar Sobreposições

As ferramentas Sobreposição podem ser usadas juntamente com o painel Sobreposições para que você possa aplicar ajustes padrão em áreas…
Praticando Caligrafia e Lettering

Praticando Caligrafia e Lettering

Nesse vídeo que fiz em meu canal Corporação Criativa eu faço algumas demonstrações sobre criação de caligrafia e lettering com diferentes canetas.…
Como é o processo de criação de um lettering?

Como é o processo de criação de um lettering?

Estou de volta trazendo mais um vídeo do canal Corporação Criativa onde explico um pouco como é o processo de criação de…
Fechar Menu