Criando arte de jogo em Inkscape – Círculos de Habilidades Iniciantes

 

Introdução:

Este blog e seus tutoriais são projetados para ajudar os não-artistas de iniciantes a avançados aumentar suas habilidades usando ferramentas como o Inkscape. Criar sua própria obra de arte é uma necessidade para a maioria dos desenvolvedores independentes. Devido às restrições orçamentárias ou, em muitos casos, a completa falta de um orçamento, muitos jovens desenvolvedores de jogos indie não podem se dar ao luxo de contratar um artista ou comprar ativos de arte.

Com a ajuda de softwares livres como gimp, inkscape, truespace, daz studio e vue pioneer (apenas para mencionar alguns) combinado com uma compreensão básica da criação de arte praticamente qualquer um pode criar resultados impressionantes e profissionais. Vou tentar começar com algumas ideias básicas e exercícios para melhorar esse tipo de compreensão. Todos os exemplos serão baseados em software livre. O fluxo de trabalho será semelhante se você trabalhar com diferentes softwares como Adobe Illustrator, Adobe PhotoShop, CorelDraw ou outros. Tentarei mencionar as diferentes abordagens para esses pacotes de software.

Limitações

Com a grande variedade de software disponível no momento e a quantidade infinita de nossas ferramentas e técnicas de criação de arte é impossível cobrir tudo, mas tentarei manter meus exemplos básicos o suficiente para trabalhar com o software de sua escolha. Deixe-me começar esclarecendo algumas acredita comuns quando se trata de criar jogos.

Acredita comum

"Preciso de ferramentas de software caras para criar uma arte de jogo verdadeiramente profissional."
Não, você não sabe! Há uma enorme quantidade de ferramentas gratuitas disponíveis que oferecem uma verdadeira alternativa. Gimp é um dos exemplos mais conhecidos no reino 2D, bem como blender em campo 3D.

Para o artista de jogos em tempo integral atualizar suas ferramentas para 'padrões da indústria' faz sentido. Especialmente quando colaborar com outras pessoas usando o formato padrão de arquivo torna o compartilhamento e a troca de arte muito mais fácil.

"Comprar uma ferramenta cara automaticamente criará uma arte melhor."
Não, não vai. É sempre o artista criando a arte que a torna ótima. Dadas as ferramentas mais simples como caneta e papel, um bom artista ainda pode criar peças deslumbrantes, enquanto as ferramentas mais sofisticadas ainda precisam de um bom artista para criar algo especial.

"Eu não posso fazer arte.
Sim, você pode. É aqui que os computadores modernos entram e permitem que você crie uma boa arte de jogo sem ter um diploma de artes gráficas.

"Meu jogo é bom como ele é. Eu não preciso de arte.
Sim, você tem. O mercado de jogos independente está ficando cada vez maior e está atraindo muito mais atenção do que costumava ser há alguns anos. Para se destacar, seu jogo deve ser o negócio todo – ter uma ótima jogabilidade, bem como visuais gratificantes e consistentes e som e música correspondentes.

Obstáculos comuns

Altas expectativas:

Um dos principais problemas enfrentados pelos desenvolvedores independentes são as expectativas que eles mesmos têm. Para desenvolvedores individuais ou pequenos estúdios, é quase impossível criar jogos AAA que correspondam à qualidade dos grandes estúdios. Você deve tentar mirar para as estrelas. Fazer jogos é tudo sobre isso. Faça o melhor que puder e constantemente empurre seus limites e melhore suas habilidades...

mas pensar de forma realista e ajustar suas expectativas às suas habilidades e ao seu orçamento é um grande passo para criar o melhor jogo que você pode criar.

Definindo um tema:

Muitas vezes a criação do jogo acontece com uma faísca. Temos uma ideia de como o jogo pode funcionar e começar a criar. Criar arte muito concreta no jogo nos estágios iniciais do desenvolvimento pode muitas vezes levar a problemas à medida que o jogo evolui durante o desenvolvimento.

Geralmente ajuda a criar um motor de jogo de trabalho/ jogabilidade principal antes de começar na arte real. Uma vez que você sabe como o jogo joga é muito mais fácil encontrar um tema visual que engloba todo o jogo.

Consistência:

Criar um visual e uma sensação consistentes é um elemento-chave na criação de uma boa experiência de jogo. Ele começa com o ícone, a tela de respingo e vai até o jogo sobre a tela. Os erros mais comuns são:

• o uso excessivo de fontes – adere a 2 ou 3 para toda a interface do usuário do jogo [a menos que a fonte seja usada em imagens como letras para lojas/ embalagens/ etc.]
• mudanças drásticas na luz e no contraste – manter as telas em um nível semelhante – você pode progredir através do reino das cores – geralmente começando menos colorido e ficando mais colorido para cenas épicas de chefe/
• efeitos photoshop – eles são divertidos, mas muitos 'artistas' pensam que quanto mais você usar, melhor será a imagem... Minha sugestão é limitar o uso do fx para alguns e continuar reutilizando e variando-os
• iluminação – olhe para suas telas e imagine as fontes de luz necessárias para criar os destaques, sombras de seus elementos ingame/ui... É assustador a frequência com que você encontra luzes sendo usadas aleatoriamente para objetos que aparecem na mesma tela

Perdendo o foco:

Só é fácil se empolgar com sua arte, bem como jogabilidade ou codificação. Todos nós tendemos a nos concentrar nesses elementos que gostamos de fazer enquanto negligenciamos aqueles que não fazemos. Um bom exemplo é geralmente o sistema de menu/interface do usuário. Estes geralmente são implementados em um estágio tardio no desenvolvimento com motivação em um ponto baixo. No entanto, eles são uma das primeiras coisas que o jogador consegue ver e eles podem definir muito o olhar e a sensação do jogo.

Vamos começar.

Este tutorial é baseado no Inkscape usando principalmente a ferramenta de círculo [marcada em laranja na barra de ferramentas à esquerda] e a ferramenta de nódulos [marcada em verde]. A maioria das ferramentas de arte vetorial usa um fluxo de trabalho semelhante. As ferramentas podem ser nomeadas diferentes e o manuseio de formas vs. caminhos pode não ser o mesmo, mas não deve ser um problema seguir este tutorial na ferramenta de sua escolha.

Adicione outro círculo menor na mesma cor e um branco ainda menor. Crie outro círculo e mude a cor para preto. Depois, adicione o quinto círculo em branco para o destaque.

Duplicar [ CTRL + D ] os quatro 'círculos oculares' e movê-los para o outro lado.

Adicione um pequeno círculo em uma cor mais escura acima do olho. Converta o círculo em um caminho (Caminho/ Objeto ao Caminho). O círculo agora terá 4 marcadores quadrados para os nós que 'descrevem' a forma vetorial. Use a ferramenta Editar caminho para mover os dois nódulos na lateral e deformar a forma.

Adicione outro círculo mais escuro e deforme seus nódulos laterais para formar uma boca.

Duplique a boca e mude o preenchimento para branco. Ajuste os nódulos para combinar com a forma da boca por baixo.

Crie outro pequeno círculo escuro para adicionar alguns detalhes ao rosto...

... e nosso simples personagem de jogo baseado em círculos é feito.

Espelhamento

O uso da ferramenta espelho (barra  de menu superior) facilita a inversão de elementos como as sobrancelhas ou bigodes. Certifique-se de manter o destaque nos olhos consistente embora. Um conjunto espelhado de olhos parece estranho quando os destaques não estão no mesmo lugar.

Recolorir os elementos é rápido e fácil.

Depois de mudar as cores dos círculos, dimensione os círculos preto e branco. Mover suas posições pode dar uma nova emoção ao personagem.

Duplicar e dimensionar os diferentes elementos permite infinitas possibilidades. Distorcer um círculo para uma boca ou antenas lhe dá criaturas totalmente novas.

Alterar as cores pode mudar completamente o personagem.

Imagens mais avançadas podem ser criadas usando sombreamento. Isso pode ser conseguido com preenchimentos gradientes ou adicionando versões mais claras e escuras das formas base. Esta última opção se assemelhará ao sombreamento básico de células [mais sobre isso mais tarde].