Como desenhar fundos

Pode não se aperceber, mas desenhar um fundo é uma das partes mais importantes de qualquer ilustração de personagem.

As suas personagens não devem estar a flutuar num fundo branco. Pertencem a um universo próprio e único que definiu a forma como as suas personagens evoluíram até ao momento em que as desenhou.

Neste artigo do Tutorial, vamos analisar a forma como a artista Maddy Zoli cria um fundo. Acompanhe o processo no Vectornator e aprenda a fazê-lo você mesmo!

Desenho de personagens

Se leu a nossa primeira lição sobre a concepção de personagens, sabe que a história de fundo de uma personagem é a espinha dorsal de cada linha que desenha.

É preciso enraizar as personagens numa história mais profunda do que parece; desde quando nasceram, onde vivem, que emprego têm, até qual é a sua comida preferida. Parece exagero? Para nós, parece mais divertido!

Sem entrar numa toca de coelho, pense em todos estes detalhes sobre o passado, o presente e o futuro da sua personagem e manifeste-os no seu ambiente. Por outras palavras, projecte a história que tem na sua mente no cenário da personagem. Utilizar uma narrativa visual como esta fará com que as suas personagens e mundos pareçam muito mais ricos e reais.

O Artista

Este tutorial foi feito em colaboração com a fantástica Maddy Zoli. Estamos a criar uma série de personagens em conjunto no nosso canal do YouTube, e não só é um prazer colaborar com ela, como ela é super conhecedora deste tópico. Não podíamos ter trabalhado com ninguém melhor para este guia passo-a-passo.

Repare que cada passo que mencionamos neste tutorial não entra nos mais ínfimos detalhes, o que significa que não mencionaremos um passo sempre que for criada uma nova camada ou desenhada uma nova forma. Em vez disso, condensaremos cada adição estrutural ao processo de design num passo abrangente.

- iPad

- Lápis Apple

- Procreate (ou qualquer outro software de desenho)

- Última versão do Vectornator O que irá aprender:

- Como desenhar

- Como preparar a tela e o fundo

- Como adicionar e gerir camadas

- Utilização avançada das ferramentas Caneta, Lápis, Pincel, Nó e Forma

- Utilização avançada do selector de cores e do editor de gradientes

- Como adicionar luz, sombras e movimento

- Como utilizar a função duplicar para facilitar o seu trabalho

- Como criar letras desenhadas à mão

- Como criar formas complexas

Combinámos aqui a prática e a teoria, por isso, aperte o cinto!

Obter referências correctas

Esta etapa consiste em encontrar a inspiração certa para o tipo de fundo que pretende desenhar.

Consegue adivinhar de onde vêm as referências da Maddy? As suas inspirações são paisagens urbanas em tons pastel com luzes de néon de anime dos anos 80 e 90, como Sailor Moon e Cardcaptor Sakura. Ela vai incorporar a sua estética no seu design de fundo.

Mas também pode sair à rua e desenhar paisagens ou cenas urbanas que vê à sua volta.

O mais importante aqui é dar significado a tudo. Não deve pensar na sua personagem e no seu contexto como coisas separadas, mas sim como uma única unidade. Não está apenas a desenhar um contexto para a sua personagem, está a desenhar a cena que por acaso tem a sua personagem nela.

Esboçar as formas básicas

Um estilo popular de esboço é fazer alguns pequenos estudos de "gestos" de 5 minutos a partir de referências onde simplesmente bloqueia os valores principais.

Depois, escolha um ou dois estudos para desenvolver em esboços mais pormenorizados, que gastará cerca de 30 minutos a criar, tal como o esboço que a Maddy completa no Procreate.

Pensar desta forma ajuda-o a integrar todos os seus elementos de uma forma melhor e mais interessante, porque o seu espectador faz-me investir mais no ambiente do que se fosse apenas um pano de fundo decorativo.

No nosso caso, já sabemos que Jocasta é uma adolescente com superpoderes, mas o que Maddy, a criadora, sabe é que ela vive no futuro, numa cidade movimentada onde tem de esperar pelos transportes públicos todas as noites para regressar a casa.

Este pequeno elemento chamativo é o sinal de paragem de autocarro que, na realidade, é um vaivém espacial.

Carregar esboço no Vectornator

A partir do Procreate, basta exportar o esboço como jpeg/png e importá-lo para o Vectornator. Pode fazê-lo arrastando e largando a partir do separador Galeria.

Posicione a sua personagem

A Maddy colocou a Jocasta na cena seguindo a regra dos terços.

Há muitas formas de criar uma composição fantástica utilizando várias regras testadas e comprovadas (como a regra dos terços) que ajudam a obter uma estética equilibrada. Se quiser saber mais sobre o assunto, veja o nosso tutorial em vídeo sobre como criar composições fantásticas filmado por outro ilustrador fantástico, Soodabeh Damavandi.

Organize as suas camadas

É importante manter-se limpo e organizado com as suas camadas - o esforço extra que fizer neste passo ajudá-lo-á dez vezes mais à medida que avança com a sua ilustração.

Assim, depois de colocar a personagem, oculte a camada da personagem e bloqueie a camada do esboço depois de reduzir a sua opacidade.

Esta é também uma boa altura para falar de técnica!

Há duas formas de desenhar um fundo: utilizando a perspectiva ou colocando a paisagem em camadas. Hoje vamos concentrar-nos na técnica de camadas. Se quiser que abordemos a teoria da perspectiva noutro vídeo, comente abaixo.

Assim, se decompusermos a paisagem, temos cinco camadas no total. Da frente para trás, ou seja, da mais próxima para a mais distante, as camadas são:

• Jocasta e o fantasma.
• A paragem de autocarro e o caminho-de-ferro.
• A primeira fila de edifícios.
• A segunda fila de edifícios.
• Por fim, o céu, a lua e as nuvens.

A partir daqui, lembre-se sempre de criar uma nova camada para qualquer novo elemento de design da sua ilustração - por exemplo, a paragem de autocarro está numa camada separada, tal como a segunda fila de edifícios, a lua e as estrelas, etc. Já percebeu.

Contar a história com cores

A cor é outro aspecto muito importante que pode contar mais sobre a história da sua personagem.

Recapitulando: este mundo situa-se no futuro, está repleto de magia e é inspirado em Sailor Moon. Não é de admirar que a Maddy tenha escolhido cores arrojadas como os néons, os pastéis, os rosas e os verdes. Tudo menos monótono!

Aqui estão todos os códigos hexadecimais necessários para recriar a peça da Maddy:

Roxo escuro - 7125D0

Laranja - EFB09F

Azul médio - 869FEF

Azul-escuro - 3E6AED

Azul mais escuro - 4265D2

Verde-azulado - 2885C7

Amarelo - FEF66F

Cor-de-rosa - F9A3D8

Rosa claro - F9DCEE

Em última análise, tem de garantir que utiliza uma combinação de cores que seja suficientemente contrastante mas que, ao mesmo tempo, se mantenha harmoniosa com a sua personagem. É por isso que a Maddy escolheu tons muito semelhantes aos que utilizou para a Jocasta.

A escolha de uma paleta de cores diversificada, mas limitada, ajudá-lo-á no processo criativo, mas também tornará o seu trabalho artístico mais coeso e identificável.

Definir o ambiente com a hora do dia

Evite uma cor de fundo sólida e utilize a hora do dia como forma de definir o ambiente. Para esta cena, a Maddy escolheu o início da noite.

Jocasta parece já ter ultrapassado a situação, mas como os fantasmas aparecem à noite, ele está prestes a começar o seu dia!

Para conseguir este visual, a Maddy cria um quadrado roxo que preenche toda a tela (C18FF0) e aplica um gradiente linear azul escuro (3E6AED) a partir do canto superior direito.

Depois, a Maddy duplica o quadrado, roda-o de modo a que o gradiente fique no canto oposto e muda a cor do gradiente para um bonito laranja (EFB09F). Alguém disse vibrações do pôr-do-sol?

Criar a segunda linha de edifícios

Vamos começar com a segunda camada mais distante de objectos (a mais distante é o céu).

Esta ordem específica não é muito importante, mas se tiver um conjunto de camadas que se sobrepõem umas às outras, como os edifícios, a estação de comboios, etc., é melhor começar pela mais distante para que possa compreender como colocar os objectos em primeiro plano, quanto espaço negativo tem para brincar e que cores contrastam melhor.

A Maddy pega na Ferramenta Forma e começa a criar formas geométricas para definir a vista frontal dos edifícios. O tom de azul que utiliza é 869FEF.

Desenhar perspectiva

E para desenhar os lados, opta por um tom mais escuro - 957AE1.

Não só isso, como também utiliza a ferramenta Nó para alterar o ângulo do lado superior do rectângulo, de modo a alinhá-lo com o ponto de fuga da sua composição.

Adicionar detalhes

Maddy acrescenta uma faixa aos edifícios que estão mais próximos da perspectiva do observador.

Embora, tecnicamente, estes edifícios ainda estejam na segunda fila, são os mais próximos dos edifícios mais afastados, pelo que adicionar quaisquer pormenores aqui apenas criará um cenário mais realista.

Desenhar a primeira fila de edifícios

Tal como antes, pegue na Ferramenta Forma e desenhe rectângulos para preencher a cidade. A Maddy escolheu novamente o 957AE1 e o 4265D2 para os lados.

Criar um ambiente

Para dar ainda mais profundidade ao seu fundo, considere incluir pormenores como o nevoeiro da cidade.

Basta desenhar um rectângulo com a Ferramenta Forma e dar-lhe um gradiente linear divertido que se desvanece de baixo para cima. A cor esquerda (no nosso caso, a cor inferior) é um bonito azul-petróleo (2885C7) e a cor esquerda (no nosso caso, a parte superior) é branca (FFFFFF) com 0 de opacidade. Pode conseguir isto colocando o canal A a zero.

Adicionar mais detalhes

Lembre-se de que quanto mais se aproximar, mais escuros e detalhados serão os objectos, enquanto a fila anterior de edifícios continuará a ser um aglomerado de rectângulos mínimos e blocos sólidos com muito poucas janelas.

Por isso, nos edifícios mais próximos da personagem, certifique-se de que adiciona todo o tipo de detalhes, como janelas, luzes ou cartazes. Como este sinal "Coola" que a Maddy criou com pinceladas à mão livre utilizando a segunda predefinição do nosso painel de selecção de pincéis.

Uma dica para adicionar várias janelas aos edifícios em primeiro plano é seleccionar vários objectos com a ferramenta Seleccionar e duplicá-los em sequência.

Desenhar a paragem de autocarro

Com a Ferramenta Rectângulo, trace todas as formas principais que compõem a paragem de autocarro.

Tal como antes, utilize a Ferramenta Nó para alterar quaisquer ângulos que necessitem de conduzir ao ponto de fuga da sua perspectiva. Aqui, utiliza roxo para a vedação (7125D0), branco (FFFFF) e amarelo (FEF66F) para a cobertura e um tom extra de azul (957AE1) para o sinal.

Adicionar mais dimensão

Os elementos da paragem de autocarro também fazem parte da cena do pôr-do-sol.

Para evocar isso, vamos fazer algo em relação a estas cores sólidas. Por isso, duplique o rectângulo superior que utilizou para criar a vedação, torne-o mais estreito, coloque-o no topo e dê-lhe um gradiente que mostre a luz do pôr-do-sol reflectida.

A Maddy opta por um gradiente linear (o gradiente no centro) e altera as cores direita e esquerda para um laranja claro (EFB09F). De seguida, torna a cor esquerda completamente transparente, alterando o canal A para zero.

Aplicar o mesmo efeito, da mesma forma, a cada carril individual.

Adicionar elementos ao céu

Finalmente, passamos aos pormenores do céu, onde vamos acrescentar algumas nuvens, estrelas e a lua.

Para as nuvens, pegue na ferramenta Pincel e brinque com a pressão que aplica à tela para criar uma forma que começa pequena e vai aumentando gradualmente. Ao alterar a pressão, a linha pode passar de muito fina a muito volumosa num único traço. Para conseguir este efeito, a Maddy utiliza o 4º pincel das nossas predefinições com a Sensibilidade à pressão activada.

Depois de desenhar as nuvens, utilize a Ferramenta Nó para fazer quaisquer ajustes à sua forma.

Como as nuvens reflectem naturalmente a luz do pôr-do-sol, dê-lhes um gradiente que vai de um tom laranja (F92CEE, à esquerda) a um rosa claro (F9DCEE, à direita).

Quanto à lua, crie dois círculos e utilize a função booleana Subtrair para cortar uma lua semi-crescente perfeita. Não se esqueça de manter um dedo na tela para preservar a proporção.

Por fim, adicione estrelas com a Ferramenta Forma. A Maddy opta por uma estrela de 12 pontos. Pode editar o número de pontos através do cursor à esquerda e pode alterar a sua forma mantendo um dedo premido enquanto arrasta o Lápis na tela.

Acrescentar alguns pormenores fixes

Também é daquelas pessoas que guardam o melhor para o fim? É altura de acrescentar um dos últimos e mais fixes elementos gráficos a esta peça.

Basta tocar no último separador do Inspector para aceder ao Iconator e utilizar a barra de pesquisa para encontrar o que precisa.

A Maddy escolhe o vaivém espacial de que mais gosta, redimensiona-o, pinta-o de branco e centra-o no meio do cartaz. Fácil!

Adicionar efeitos de luz

Para um toque extra, termine adicionando alguns círculos de luzes para dar um efeito cintilante à cidade distante. Utilize a Ferramenta Forma para os círculos, claro, e depois jogue com a função gradiente no separador Estilo para lhe dar um efeito mais agradável.

A Maddy optou por um gradiente linear com cor-de-rosa (F9A3D8) à esquerda, enquanto a direita ficou 100% transparente.

Depois, vá a Blend Modes e seleccione Overlay.

Adicionar movimento

Para tornar o modo de ilustração dinâmico, adicione uma camada final de luzes de partículas que atravessam a cena. Para isso, a Maddy usa o mesmo pincel de antes (o quarto das nossas predefinições) para criar traços muito finos preenchidos com o mesmo gradiente do Passo 15. E, em seguida, define novamente o modo de mistura para Sobrepor.

O momento por que tanto esperávamos: depois de todas estas etapas, a ilustração está concluída!

Porque é que desenhar fundos é importante

Qualquer que seja o fundo de um desenho, este tem um enorme impacto na obra de arte final - seja ela boa ou má!

Depois de ter aprendido a desenhar objectos e personagens em poses dinâmicas, o fundo é a última peça do puzzle que une tudo.

Se criou a sua personagem com formas arredondadas, utilize formas angulares para representar o fundo. Se a sua personagem for escura, utilize cores de fundo claras, etc. A chave é contrastar com a sua personagem para a ajudar a destacar-se.

O seu fundo deve realçar a sua personagem e a sua história a um nível técnico e conceptual. Por isso, se se perguntar se a concepção de um fundo é importante, acreditamos que é realmente vital.

Esperamos que este tutorial tenha sido útil para si. Caso ainda não o tenha feito, certifique-se de que descarrega o Vectornator para que possa criar os seus próprios fundos fantásticos, como o que a Maddy criou.

Se é novo na nossa ferramenta, consulte o nosso Centro de aprendizagem ou o canal do YouTube para obter tutoriais de design gráfico e novas inspirações; e escolha um modelo pronto a usar para criar designs em poucos minutos.

Não se esqueça de nos marcar sempre nas redes sociais para que possamos publicar o seu trabalho!