Pixel art está na moda em videogames modernos independentes. Ele permite que o artista dê muita personalidade a um jogo sem ter que gastar horas incontáveis modelando objetos 3D ou desenhando objetos complexos à mão. Se você quer se tornar um artista de pixel, o primeiro passo é criar um sprite. Depois de se familiarizar com a criação de sprites, você pode começar a animar e comprar suas habilidades para possíveis empregadores.
Passos
Parte 1 de 7: reunindo suas ferramentas
Etapa 1. Baixe um bom software de edição de imagem
Embora você possa criar pixel art com o Paint, será difícil. Alguns dos programas de pixel art mais populares incluem:
- Photoshop
- Paint.net
- GIMP
- Pixen
- Asseprite
- pixilart
Etapa 2. Obtenha um tablet de desenho
Se você deseja traçar arte desenhada à mão ou realmente não gosta de usar o mouse para desenhar na tela, pode usar um tablet e uma caneta. A Wacom é um dos fabricantes de tablets mais populares.
Etapa 3. Ative a visualização em grade em seu software de edição
Você vai querer habilitar o modo de grade em qualquer software que você escolher. Isso permitirá que você veja claramente onde cada pixel irá. Normalmente, você pode acessar a visualização em grade no menu Exibir.
Você provavelmente precisará configurar a grade para que cada quadrado represente um pixel. O método para fazer isso varia de programa para programa. No GIMP, você pode alterar isso no menu Imagem (selecione "Configurar Grade …")
Etapa 4. Escolha um lápis de pixel único
Selecione a ferramenta Lápis em seu software de edição. Nas opções do Lápis, escolha o pincel de pixel único. Isso permitirá que você desenhe em pixels únicos.
Parte 2 de 7: Praticando o básico
Etapa 1. Crie uma nova imagem
Já que você vai trabalhar no nível do pixel, o tamanho da imagem não precisa ser grande. A tela inteira no jogo Super Mario Bros. original tem apenas 256 x 224 pixels. O próprio Mario tem apenas 12 x 16 pixels!
Etapa 2. Amplie
Já que você vai trabalhar com pixels individuais, você vai querer aumentar o zoom para poder ver a grade e onde cada pixel individual é colocado. Pode ser necessário aumentar o zoom em mais de 800% para ver claramente os pixels na grade.
Etapa 3. Pratique desenhar uma linha reta
Isso pode parecer um conceito simples, mas se a linha estiver um pixel fora do centro, será perceptível. Pratique desenhar linhas retas com o mouse ou caneta para não ter que mudar para a ferramenta de linha todas as vezes.
Etapa 4. Pratique o desenho de linhas curvas
As curvas devem ocorrer com quebras regulares na linha do pixel. Por exemplo, uma boa curva começaria com uma quebra de seis pixels, seguida por uma quebra de três pixels, seguida por uma quebra de dois pixels, seguida por quebras de um pixel. As quebras seriam então invertidas para fazer a outra extremidade da curva. Uma curva ruim começaria com uma quebra de três pixels, seguida por uma quebra de um pixel, seguida por uma quebra de três pixels, ou qualquer outra progressão ímpar.
Etapa 5. Use a ferramenta Apagar para corrigir erros
Como a ferramenta Lápis, você deseja configurar a borracha para apagar um pixel de cada vez. Se a borracha for muito grande, será difícil apagar os pixels com precisão.
Parte 3 de 7: Esboçando seu primeiro Sprite
Etapa 1. Determine o uso do sprite
Será animado ou estático? Você pode colocar mais detalhes em um sprite estático, mas pode querer manter um sprite animado mais simples, pois você precisará redesenhar as partes da animação. Se o sprite for usado com outros sprites, você desejará manter um estilo artístico que conecte tudo junto.
Etapa 2. Descubra se há alguma limitação
Se você estiver criando o sprite para um projeto, determine se há alguma limitação de tamanho ou cor. Isso será mais importante quando você começar a trabalhar em projetos maiores com vários sprites diferentes.
A maioria dos sistemas modernos não tem nenhuma limitação no tamanho do sprite e na complexidade das cores. Se você estiver desenvolvendo um jogo especificamente para um sistema mais antigo, poderá encontrar mais limitações
Etapa 3. Faça um esboço
Tente esboçar o conceito básico do sprite em um pedaço de papel. Isso permitirá que você veja como o sprite ficará e faça ajustes na pose ou em outras características. Você pode usar este esboço como a fonte de seu traçado mais tarde, se tiver um tablet.
Faça o esboço detalhado. Coloque todos os recursos que deseja incluir para ter uma ideia de como o sprite ficará como um produto acabado
Etapa 4. Crie o esboço em seu programa de edição
Use o contorno esboçado como referência ou trace o contorno usando seu bloco. Você pode clicar e desenhar para criar o contorno ou colocar cada pixel individualmente, a escolha é sua.
Ao criar seu primeiro sprite, use preto sólido como cor de contorno. Isso tornará mais fácil distinguir. Você pode alterar manualmente a cor do contorno mais tarde
Etapa 5. Limpe o contorno
Aumente o zoom e comece a apagar pixels extras e linhas de fixação. O contorno deve ter apenas um pixel de espessura, a menos que você esteja mantendo um contorno mais grosso para o resto do sprite. Use a ferramenta Lápis para inserir pixels para ajudar a corrigir erros.
Concentre-se nos grandes detalhes durante o processo de delineamento. Você pode voltar e adicionar pequenos toques mais tarde
Parte 4 de 7: Colorindo seu Sprite
Etapa 1. Recapitule a teoria básica das cores
Observe a roda de cores para ajudar a determinar quais cores você deve usar. As cores na roda serão muito distintas, enquanto as cores próximas ficarão bem próximas umas das outras.
Escolha um conjunto de cores que dê ao seu sprite uma aparência distinta sem ser muito chocante. Evite cores pastel, se possível, a menos que todo o projeto use esse estilo
Etapa 2. Use apenas algumas cores
Quanto mais cor você adicionar, mais distrativo seu sprite parecerá. Dê uma olhada em alguns dos sprites mais icônicos e você descobrirá que eles geralmente usam apenas algumas cores.
- Mario - O sprite clássico do Mario usa apenas três cores que estão intimamente relacionadas.
- Sonic - Sonic tem mais detalhes do que o Mario original, mas ainda é composto apenas de quatro cores com tonalidades variadas.
- Ryu - Um dos clássicos sprites de jogos de luta, Ryu usa grandes áreas de cores simples, com um leve sombreado para definição. Ryu tem cinco cores básicas com vários tons.
Etapa 3. Aplique suas cores
Use a ferramenta Preenchimento para aplicar suas opções de cores ao seu sprite. Você está apenas aplicando a cor de base neste ponto, então não se preocupe com a aparência plana. A ferramenta Preenchimento substituirá todos os pixels que correspondem ao pixel em que você clicou com a cor selecionada, até que os limites sejam alcançados.
Parte 5 de 7: Aplicando Sombreamento
Etapa 1. Determine a "fonte de luz"
O ângulo em que a luz atinge o sprite o ajudará a determinar onde aplicar o sombreamento para um efeito mais realista e confiável. Embora não vá realmente haver uma luz, é muito importante saber em que direção a luz está brilhando.
Pode ser mais fácil sombrear com a fonte de luz vinda de longe, acima do sprite, tanto da direita quanto da esquerda
Etapa 2. Aplique o sombreamento usando um tom ligeiramente mais escuro da cor de base
Se a fonte de luz está vindo de cima, o sombreamento deve acontecer na "parte inferior" do sprite. Sombreie todas as áreas que não seriam atingidas pela luz direta. Basta adicionar algumas camadas de pixels acima ou abaixo dos contornos para adicionar sombreamento.
- Você pode diminuir o valor "lum" de sua cor de base e aumentar ligeiramente o valor "matiz" para obter uma boa cor de sombreamento.
- Nunca use gradientes. Eles parecerão muito falsos e pouco profissionais. Você pode usar o pontilhamento para simular gradientes (veja abaixo).
Etapa 3. Adicione algumas sombras suaves
Escolha um tom entre a escuridão da sombra e a cor de base original. Use esta sombra para adicionar outra camada de sombra entre o sombreamento e a cor de base. Isso dará o efeito de transição do escuro para o claro.
Etapa 4. Aplique alguns destaques
Esses são os pontos no sprite que estão sendo mais atingidos pela luz. Você pode adicionar destaques usando um tom ligeiramente mais claro do que a cor de base. Use os destaques com moderação, pois eles podem distrair.
Parte 6 de 7: Usando técnicas avançadas
Etapa 1. Experimente um pouco de pontilhamento
Este é um efeito que permite ao artista representar uma mudança de tonalidade. Ele permite que você crie um efeito de gradiente com apenas algumas cores, alternando o posicionamento dos pixels para criar as transições. A quantidade e a colocação de duas cores de pixel diferentes em um padrão podem induzir o olho a ver tons diferentes.
O pontilhamento tende a ser usado em demasia por iniciantes, portanto, tente evitar usá-lo, exceto em casos raros
Etapa 2. Pratique o anti-aliasing
Pixel art é definido pelos pixels perceptíveis, mas às vezes você deseja misturar as linhas para fazer tudo parecer um pouco mais suave. Anti-aliasing é a técnica que permite que você faça isso.
- Adicione cores intermediárias às dobras em uma curva. Adicione uma camada de cores intermediárias ao redor do contorno da curva que você deseja suavizar. Se ainda parecer áspero, adicione outra camada de um tom mais claro.
- Se você quiser que seu sprite tenha uma aparência nítida em qualquer cor de fundo, não suavize a borda externa do contorno.
Etapa 3. Aplicar delineamento seletivo
Este é o termo para colorir o contorno de forma semelhante às cores usadas para preencher. Isso dará ao sprite uma aparência um pouco menos "cartoony", pois o contorno será um pouco mais natural. Tente delinear seletivamente a pele nua enquanto usa o delineamento tradicional nas roupas.
- Use um tom mais escuro do que a cor de base da seção que você está delineando seletivamente. Use a fonte de luz para mudar o tom conforme você delineia, dando ao sprite uma aparência mais natural. Isso pode ser especialmente útil para o tônus da pele e dos músculos.
- O esboço tradicional é bom se você precisa que seu sprite se mantenha distinto no topo de um fundo movimentado.
Parte 7 de 7: Adicionando os toques finais
Etapa 1. Dê uma boa olhada no sprite
Dê um passo para trás e observe seu sprite até este ponto. Determine se algo parece errado e, em seguida, corrija essas inconsistências ou erros.
Etapa 2. Adicionar detalhes
Depois de terminar de colorir e sombrear, você pode adicionar detalhes como escrita, olhos, recursos adicionais e qualquer outra coisa que possa levar seu sprite para o próximo nível. A atenção aos detalhes no final é o que separa os artistas de pixel amadores dos profissionais.
Etapa 3. Anime seu sprite
Se você seguiu as etapas acima, terá um único sprite estático. Isso é bom como uma obra de arte, mas se você quiser fazer sprites para jogos, eles provavelmente precisarão ser animados. Isso significa que cada frame da animação terá que ter seu próprio sprite, com pequenas alterações em relação ao frame anterior. A coleção de todos os sprites usados em uma animação é chamada de "folha de sprites".
- Consulte este guia para obter detalhes sobre como animar uma folha de sprite no GIMP.
- A criação de animações exclusivas e atraentes para sprites é uma maneira de os artistas master de pixel se separarem dos amadores. Uma boa animação pode dar muita vida a um sprite.
Etapa 4. Crie um portfólio
Se você quiser levar suas habilidades em pixel art para o mundo do desenvolvimento de videogames, terá um portfólio sólido para mostrar aos possíveis empregadores. Inclua vários de seus melhores sprites, bem como algumas animações, se você os tiver. Inclui uma variedade de assuntos, incluindo personagens, cenários, adereços e muito mais.
