Tutorial do Adobe Illustrator: Como projetar arte digital isométrica

Introdução

A ilustração vetorial pode produzir um trabalho artístico perfeitamente limpo e preciso, mas os resultados também podem ser um pouco desalmados. Aqui, o autor cria essas formas limpas e precisas e, em seguida, as “adere” para um visual retrô mais orgânico. Ele também lhe dá uma receita para transformar formas para caber em uma projeção isométrica predefinida, sem ter que fazer nenhum cálculo.

Você pode modificar este tutorial para trabalhar em uma ilustração de sua preferência, desde que esteja em conformidade com a projeção usada. Importe uma digitalização em escala de cinza de 150 dpi de seu desenho e siga as etapas descritas abaixo.

Passo 1

Comece fazendo um desenho no papel, considerando cuidadosamente a projeção isométrica que deseja. Em seguida, faça os desenhos finais em papel vegetal sobre uma folha de diretrizes impressas. Neste caso, o esboço foi digitalizado em um arquivo chamado RW_drawing.tif . Dá pra tirar uma foto também, caso você não tenha escaneadora.

Passo 2

Para trabalhar na imagem no Illustrator, crie um documento A3 e importe o esboço. No menu do painel Camadas, selecione Opções para ‘Camada 1’, renomeie a camada para ‘Drawing’ e marquei a caixa de seleção ‘Esmaecer imagens para 50%’. E então, bloqueie a camada e salve o arquivo com o nome de Rádio Wave.ai .

Passo 3

Este e o próximo passo mostrarão como criar guias para a projeção isométrica. Selecione Nova Camada … no menu do painel Camadas e nomeie o resultado como ‘Guias’. Use a ferramenta Segmento de linha ( \ ) com a tecla Shift pressionada para desenhar uma linha horizontal ao longo da página. Clique duas vezes na ferramenta Girar ( R ) e insira um ângulo de 30 °. Usando a ferramenta Seleção ( V ), mantenha pressionada a tecla Alt e arraste quantas cópias quiser para se tornarem guias.

Passo 4

Selecione todas as linhas, copie e cole-as. Usando a ferramenta Refletir ( O ), clique uma vez na parte superior da página e, segurando a tecla Shift , clique uma vez na parte inferior da página. Selecione todas as linhas novamente, transforme-as em guias ( Exibir> Guias> Criar guias ) e bloqueie a camada.

Passo 5

Em seguida, crie uma camada chamada ‘Caixa’ (os nomes das camadas são de sua preferencia, os crie da forma que você desejar) e desenhe um retângulo com aproximadamente o mesmo tamanho do painel voltado para a direita do objeto em minha ilustração. Gire 30 ° com a ferramenta Girar. Em seguida, cliquei duas vezes na ferramenta Shear, insira um Shear Angle de -150 °, marquei o botão de opção Horizontal e insira 30 ° na caixa Axis. Isso vai dar uma forma com a projeção correta para combinar com aquele painel.

Passo 6

Para o painel superior, gire o retângulo inicial em 30 ° e, em seguida, corte-o em -30 ° com um ângulo de 30 °. Para o painel voltado para a esquerda, gire-o -30 ° e corte 150 ° em um ângulo de -30 °. Em seguida, mova e redimensione os objetos resultantes para compor o losango mostrado.

Passo 6

Para o painel superior, gire o retângulo inicial em 30 ° e, em seguida, corte-o em -30 ° com um ângulo de 30 °. Para o painel voltado para a esquerda, gire-o -30 ° e corte 150 ° em um ângulo de -30 °. Em seguida, mova e redimensione os objetos resultantes para compor o losango mostrado.

Passo 7

Em seguida, crie dois círculos para coincidir com os elementos no desenho, girando e cortando-os da mesma forma que no painel da direita. Em seguida, selecione os dois círculos e os combine ( Objeto> Caminho composto> Criar ). Com o caminho composto na frente ( Objeto> Organizar> Trazer para a frente ), selecione ele e o retângulo abaixo. Em seguida, clico no botão Minus Front no painel Pathfinder ( Shift + Cmd / Ctrl + F9 ) para subtrair a forma frontal do retângulo.

Passo 8

Em seguida, remova o traço das laterais e dos círculos antes de aplicar alguns preenchimentos gradientes com cores retro adequadas – o autor optou por um vermelho alaranjado.

Passo 9

Agora eu faça uma nova camada chamada ‘Painel’ abaixo da camada ‘Caixa’ e desenhe um círculo nela com um preenchimento gradiente de cor amarelada e sem traço. Copie e colei na frente ( Cmd / Ctrl + F ), depois importei o arquivo RW_resource1.tif .

Com essa imagem selecionada, abra o painel Transparência ( Cmd / Ctrl + Shift + F10 ) e selecione Multiplicar no menu suspenso, deixando a opacidade em 100%. Então coloque a imagem centralmente sobre o círculo e redimensione para caber.

Passo 10

Envie a imagem para trás ( Cmd / Ctrl + [ ) e então, com a tecla Shift pressionada, selecione o círculo superior e a imagem importada e crie uma máscara de corte ( Objeto> Máscara de corte > Criar ). Com a ferramenta Seleção, arraste os dois círculos, importe a imagem e agrupe-os ( Cmd / Ctrl + G ). Em seguida, gire e corte-o para corresponder ao lado direito, posicionando o resultado atrás da caixa para que parte dele pudesse ser vista através dos orifícios.

Passo 11

Separadamente, crie quatro objetos, copie e colei em uma nova camada chamada ‘Mecânica’ no topo da pilha de camadas. Com os dois objetos laranja selecionados, eu os copie e colei na frente, então use a ferramenta Refletir para criar um par adicional de objetos como mostrado.

Passo 12

Com todos os seis objetos selecionados, aplique um efeito 3D ( Effect> 3D> Extrude & Bevel ) usando os parâmetros mostrados acima. Se quiser, você também pode ajustar a iluminação, clicando no botão Mais opções.

Passo 13

Em seguida, crie algumas formas de ornamentação, copie todos os objetos e colei-os em uma nova camada chamada ‘Wings’. Selecione as quatro formas que definem as bordas desses objetos, copie e cole na frente. Por fim, dê a essas formas um traço preto fino, remova o preenchimento e cliquei em outro lugar para desmarcá-las.

Passo 14

Agora busque uma imagem para dar aquele efeito orgânico e desgastado, coloque sobre a forma superior e envie a imagem importada para trás. Escolha o modo Multiply no painel Transparency e mova a imagem até ficar feliz com a aparência do contorno. Em seguida, selecione a imagem importada e o contorno e vá para Object> Clipping Mask> Make . Arraste uma seleção por este objeto superior para selecionar todas as partes e agrupá-las, depois repita as etapas com as outras três formas.

Passo 15

Com todas as quatro ‘asas’ selecionadas, faça uma cópia em seguida Cole na frente e reflita as cópias horizontalmente. Para deixar as oito asas voltadas para a direita, selecione-as e aplique as transformações da etapa 5. Em seguida, coloquei todos os elementos como queria, redimensionando conforme necessário, antes de criar mais elementos para adicionar interesse.

Passo 16

Quando ficar satisfeito com o resultado geral, exclua a camada ‘Desenho’ e desative a camada ‘Guias’.

Era hora de criar mais uma camada, chamada ‘Mar’, na parte inferior da pilha de camadas. Nesta camada, arraste uma forma atrás da imagem com a ferramenta Retângulo arredondado, ajustando o raio dos cantos usando as setas para cima e para baixo com o botão do mouse pressionado. Quando ficar satisfeito, aplique um gradiente retro azul-esverdeado sem traços.

Passo 17

A última etapa foi encontrar uma textura para dar à ilustração uma aparência envelhecida. Imagens adequadas podem ser encontradas online. As páginas de livros antigos também funcionam. Eu trouxe a digitalização para uma nova camada chamada ‘Textura’ no topo da pilha de camadas. Em seguida, escolha ‘Multiply’ no painel Transparency e defina a opacidade em 60%. Surpresa!

· ·

Junte-se a nós e esteja sempre atualizado com as últimas novidades e dicas