Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Comics

Fazendo uma Tomada de Estabelecimento Usando a Ferramenta Grade de Perspectiva no Adobe Illustrator

by
Read Time:8 minsLanguages:
This post is part of a series called Create Your Own Comic.
Create a Comic: How to Plan and Lay Out Your Comic
How to Ink a Comic Character in Adobe Illustrator

Portuguese (Português) translation by Ingrid Fornazari (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Neste tutorial você aprenderá o que é uma tomada de estabilização e como ela é usada em quadrinhos. Por meio de coleta de referências e esboços de composição, tentaremos criar uma vista da rua de uma cidade moderna que funcionará como nosso exemplo de tomada de estabelecimento.

Utilizando o nosso esboço como base, vamos desenhar a versão final usando a ferramenta Grade de Perspectiva (Perspective Grid Tool), certificando-nos de que tenhamos uma paisagem urbana sólida.

1. Preparando sua Tomada de Estabelecimento

A maneira mais comum de começar uma história focada em quadrinhos é mostrando ao leitor onde a história acontecerá. Essa primeira tomada do cenário é geralmente chamada de tomada de estabelecimento e, além de criar uma atmosfera para a história, também pode fornecer informações sutis ao leitor sobre os personagens ou o ambiente.

Observe como o diálogo tem um significado diferente, dependendo de qual tomada de estabilização é usada. No primeiro exemplo, parece mais literal, referindo-se ao seu entorno, enquanto no segundo, podemos supor a partir do entorno que eles estão falando sobre seu relacionamento.

Establishing shot examplesEstablishing shot examplesEstablishing shot examples

Passo 1

A primeira coisa que faço é procurar fotos de referência com as quais eu possa me inspirar quando fizer meu esboço. Quando encontro coisas de que gosto, faço pequenos estudos e anotações a partir delas, até sentir que tenho idéias suficientes para tentar esboçar minha própria visão da cidade.

City reference sketchesCity reference sketchesCity reference sketches

Passo 2

Em uma cena vasta e intrincada como a paisagem urbana moderna, não há uma maneira real, ou necessidade, para manter o controle exato de onde os personagens estão. A menos que seja parte integrante do enredo, ter os personagens apenas cercados por edifícios altos e grandes placas de trânsito, transmitirá a sensação de estar em uma cidade grande.

No entanto, quando você tem um ambiente recorrente que é um espaço confinado, como um apartamento, torna-se mais importante ter seu ambiente planejado. Você não quer que seus leitores notem que os cômodos estão mudando porque você está inventando as coisas conforme vai fazendo.

Para se preparar para isso, pode ser útil criar um plano simples de vista superior para sua configuração. Você pode ter isso como referência ao desenhar ou pode até querer dar um passo além e recriar o ambiente em 3D.

Apartment plan sketchApartment plan sketchApartment plan sketch

Passo 3

Usando suas fotos e desenhos de referência, comece a desenhar a tomada de estabilização nas mesmas dimensões que o painel terá. Caixas serão suas amigas aqui.

Se você continuar pensando em caixas, você pode dividir formas complexas em formas mais gerenciáveis. Não se preocupe com detalhes por enquanto, concentre-se apenas na composição.

City rough sketchCity rough sketchCity rough sketch

2. Usando a ferramenta Grade de perspectiva

Passo 1

Importe seu esboço para o Illustrator com Arquivo>Inserir (File> Place) e ative a Ferramenta Grade de Perspectiva (perspective grid tool) indo em Exibir> Grade de Perspectiva (View> Perspective Grid) e escolhendo a Perspectiva de Dois Pontos (Two Point Perspective).

View Perspective Grid Two Point PerspectiveView Perspective Grid Two Point PerspectiveView Perspective Grid Two Point Perspective

Passo 2

Você terá uma vista como essa. Como você pode ver, existem muitas pequenas alças na grade as quais pode manipular. Tente alinhar a perspectiva com o esboço da melhor maneira possível. Não precisa ser perfeito.

The Perspective Grid Tool in Adobe IllustratorThe Perspective Grid Tool in Adobe IllustratorThe Perspective Grid Tool in Adobe Illustrator

Passo 3

Você observará um pequeno ícone no canto superior esquerdo que contém um cubo. O lado laranja do cubo indica que o lado laranja da grade é o lado atualmente selecionado. Use a Ferramenta Retângulo (Rectangle Tool) para ver como as formas estão alinhadas com o lado laranja da grade.

Orange side of the gridOrange side of the gridOrange side of the grid

Passo 4

Para alternar da grade laranja para o azul, pressione e segure o botão da Ferramenta Grade de Perspectiva para obter a opção ocultar Ferramenta de Seleção de Perspectiva (Shift-V). Com esta ferramenta selecionada, pressione o lado esquerdo do cubo no canto superior esquerdo. Agora a grade azul foi selecionada, e você pode começar a desenhar formas através dela.

Perspective Selection ToolPerspective Selection ToolPerspective Selection Tool

Passo 5

Agora todos os objetos que você desenhar estarão em conformidade com a grade azul. Comece a fazendo o bloco das formas grandes no início.

Blue side of the gridBlue side of the gridBlue side of the grid

Passo 6

Há também uma grade verde na parte inferior, que corresponde ao lado inferior do cubo no ícone superior esquerdo. Selecione a grade verde e comece a desenhar a passagem para pedestres.

Green side of the gridGreen side of the gridGreen side of the grid

Passo 7

Mantendo pressionada a tecla Alt enquanto arrasta o objeto, você pode fazer uma cópia dele. A partir daqui, basta pressionar Command-D algumas vezes para repetir o último passo, adicionando cópias com a mesma distância. Repita o processo para o outro lado da estrada.

Drawing the pedestrian walkDrawing the pedestrian walkDrawing the pedestrian walk

Passo 8

Continue adicionando formas de retângulo, alternando entre os diferentes lados da grade conforme necessário. Se você precisar dar uma olhada mais clara no seu esboço de vez em quando, vá a View> Outline, ou Command-Y para abreviar.

View OutlineView OutlineView Outline

Passo 9

Para desativar a grade, vá para Exibir> Grade de perspectiva> Ocultar grade. Quando você precisar novamente, basta ir ao mesmo lugar para ativá-la novamente.

Hide GridHide GridHide Grid

Use Command-Shift-I para alternar entre ocultar e mostrar a grade. Faça isso quando você quiser rapidamente desenhar algo que seja visto de frente.

Objects from the frontObjects from the frontObjects from the front

Passo 10

Continue construindo a paisagem urbana adicionando as formas maiores. Como você pode ver, eu não segui meu esboço completamente. Em alguns lugares, a perspectiva correta se mostrou bem diferente do que eu desenhei, e isso é completamente bom. O esboço é apenas a base para começar.

Rough cityscapeRough cityscapeRough cityscape

Passo 11

Agora, hora de adicionar algumas janelas aos nossos edifícios. Começo fazendo uma janela frontal usando a Ferramenta Retângulo.

Window designWindow designWindow design

Em seguida, seleciono a Ferramenta de Seleção de Perspectiva pressionando Shift-V e arraste a janela enquanto pressiona a tecla Alt. Isso faz uma cópia da janela, que eu coloco no prédio no lado azul da grade.

Window in perspectiveWindow in perspectiveWindow in perspective

Passo 12

Eu faço outra cópia e, em seguida, mudo para o lado laranja da grade. Eu copio uma janela em uma extremidade do prédio e outra na outra extremidade. Selecionando os dois, eu vou para Objetos> Mesclar> Fazer (object> blend> make) (Alt-Command-B), que adiciona cópias de janelas no espaço entre as que eu já coloquei.

Window copies with Blend ToolWindow copies with Blend ToolWindow copies with Blend Tool

São muitas janelas! Eu vou para Objetos> Mesclar> Opções de Mesclagem (object> blend> blend options), defina a categoria de espaçamento para Passos Especificados (specified steps), e selecione 1.

Blend OptionsBlend OptionsBlend Options

A partir daqui, seleciono as linhas acabadas de janelas e Alt, e as arrasto para adicionar outra linha. Verifique se você selecionou a Ferramenta de Seleção de Perspectiva enquanto faz isso para manter os objetos alinhados à perspectiva.

Adding windows with Alt-dragAdding windows with Alt-dragAdding windows with Alt-drag

Passo 13

Seguindo em frente, podemos começar a adicionar novos tipos de janelas aos outros edifícios usando a mesma técnica de antes.

New window designNew window designNew window design

Eu uso um design mais simples para as janelas dos edifícios ao fundo. Com o Mesclar (blend), podemos rapidamente juntar tudo.

Blend Options Specified StepsBlend Options Specified StepsBlend Options Specified Steps

Passo 14

À medida que você continua trabalhando na sua imagem, talvez seja necessário ajustar a grade de vez em quando para os edifícios em segundo plano.

Adjusting the Perspective Grid ToolAdjusting the Perspective Grid ToolAdjusting the Perspective Grid Tool

Passo 15

Para os prédios distantes, quero adicionar algumas linhas em vez de janelas. Indo até Janela> Biblioteca de Amostras> Padrões> Gráficos Básicos> Gráficos Básicos_linhas (Window > Swatch Libraries > Patterns > Basic Graphics > Basic Graphics_Lines), você terá um painel de diferentes padrões para escolher.

Basic Graphics LinesBasic Graphics LinesBasic Graphics Lines

3. Adicionar detalhes à cidade

Passo 1

Estamos começando a ter uma paisagem urbana de aparência decente, mas ainda precisa de um pouco de sutileza. Aproveite o tempo para examinar o peso da sua linha. Uma boa regra é que os objetos distantes devem ter linhas mais finas e os objetos de perto mais espessas.

Add details to the cityAdd details to the cityAdd details to the city

Passo 2

Para adicionar alguns gráficos aos letreiros da imagem, vou usar alguns designs que fiz antes. Eu faço um quadro em torno do design que vou usar e os agrupo.

Vamos usar o Envelope Distort para colocar o desenho dentro do sinal. Selecione o objeto que é o sinal, copie-o com Command-C e cole na frente com Command-F. Certifique-se de que esse objeto esteja posicionado acima do objeto de design.

Star design for big signStar design for big signStar design for big sign

Passo 3

Selecione o quadro que você acabou de colar e o objeto de design e vá para Objeto> Distorção de envelope> Criar com objeto superior (Object > Envelope Distort > Make with Top Object).

Envelope Distort Make with Top ObjectEnvelope Distort Make with Top ObjectEnvelope Distort Make with Top Object

Essa ação transforma seu design nas dimensões do letreiro. Ao adicionar um quadro ao nosso design, que tem uma forma semelhante ao letreiro, conseguimos uma transformação com boa aparência.

Star design in perspectiveStar design in perspectiveStar design in perspective

Passo 4

Repito o mesmo processo para o outro letreiro. Copie e cole na frente do objeto letreiro.

Unicorn design for big signUnicorn design for big signUnicorn design for big sign

Certificando-se de que o objeto letreiro está acima do design, eu seleciono ambos e uso o atalho para Objeto> Distorção de envelope> Criar com objeto superior (distort> make with top object) (Alt-Command-C).

Unicorn design in perspectiveUnicorn design in perspectiveUnicorn design in perspective

Passo 5

Eu adiciono algumas rachaduras e arranhões feitos à mão aqui e ali, para evitar que a cidade pareça muito artificial. Usando um pincel com uma configuração de traçado pequena, procuro maneiras de adicionar um pouco de "sujeira" aos edifícios.

Cracks and scratches on buildingsCracks and scratches on buildingsCracks and scratches on buildings

Passo 6

Por fim, deixo alguns objetos pretos em vez de brancos e adiciono alguns textos e símbolos aos últimos letreiros da imagem. Isso adiciona uma profundidade extra à nossa cidade.

A partir daqui, você pode optar por adicionar cores, tons de cinza ou meios-tons, dependendo do seu estilo de arte. Ou você pode se sentir realizado com uma cidade em preto e branco pronta para a sua foto inicial.

Finished city settingFinished city settingFinished city setting

Resumo

Neste tutorial, você aprendeu o que é uma tomada de estabilização em quadrinhos e como uma tomada bem planejada pode trazer uma atmosfera para o seu quadrinho, além de fornecer informações ao público.

No Illustrator, podemos acelerar muito o nosso processo usando a Ferramenta Grade em Perspectiva (Perspective Grid). Por não ter que se concentrar em desenhar suas diretrizes corretamente, você terá mais espaço para ser criativo, em vez de fazer o trabalho chato.

Espero que as técnicas neste tutorial sejam de ajuda para você ao criar o palco onde seus quadrinhos irão se apresentar.

One subscription.
Unlimited Downloads.
Get unlimited downloads