Como começar a fazer pixel arte #1

Este é um pequeno artigo sobre como começar a fazer pixel art, destinada para aqueles que estão realmente começando, ou nunca abriu um pixel art de software., Por agora vou cobrir apenas o básico, como criar um arquivo, configurar o tamanho da tela, e trabalhar com um limite de cor.este artigo foi apoiado por Patreon! Se você gosta do que estou fazendo aqui, por favor considere me apoiar lá 🙂

também, esta é a parte 1 de uma série de artigos, leia toda a série aqui no Pixel Grimoire.

antes de começar

antes de saltar para a arte pixel, lembre-se: a arte pixel é apenas outro meio de arte, como guache, pintura a óleo, lápis, escultura ou seu mosaico primo próximo. Para fazer boa arte pixel você precisa ser capaz de fazer bons desenhos., Em geral, isso significa estudar anatomia, perspectiva, luz e sombra, teoria das cores e até mesmo história da arte, pois todos eles são essenciais para fazer boa arte pixel.

Ferramentas

você não precisa de nada extravagante para fazer boa arte de pixels, e você pode fazer bem mesmo com apenas um bom mouse e software livre. Minha configuração inclui um pequeno tablet Wacom pen, um bom mouse, um bom teclado e meu software favorito é Aseprite, mas você deve usar o que estiver mais confortável com.,

Aqui está uma lista de software comumente usado para pixel art:

• Aseprite: Grande editor profissional com muitos recursos de economia de tempo (pago)
• GraphicsGale: Um clássico, usado em muitos jogos. É um pouco complexa, mas cheia de funcionalidades (grátis)
• Piskel: online Grátis pixel editor de arte (grátis)
• Photoshop: um Poderoso editor de imagens não se destinam a fazer pixel art, mas você pode configurá-lo para usá-lo (pago)

Aseprite

Aseprite é o meu favorito pixel art de software agora. É incrivelmente poderoso, repleto de recursos e ainda assim simples de usar., Eu escolhi Aseprite como o software para este tutorial, mas eu tenho certeza que você pode adaptá-lo a qualquer outro software que você usa com alterações mínimas. Você também pode obter o teste gratuito para Aseprite, mas tenha em mente que não vai salvar seus arquivos, o que eu acho que está OK se você está apenas praticando.

fazendo um novo ficheiro

apenas carregue no link” novo ficheiro…”no ecrã inicial ou vá para o ficheiro > novo ficheiro para que possamos começar a desenhar.

vamos criar um novo ficheiro. 16 por 16 provavelmente parece um pouco pequeno demais, mas acho que é um bom ponto de partida., Resoluções maiores podem distraí-lo do que você deve focar agora: entender as interações de pixels com seus vizinhos.

Você pode deixar o modo de cor em RGBA, que é o mais simples e intuitiva para agora. Alguns artistas pixel gostam de trabalhar com uma paleta indexada que permite alguns truques de cores muito legais, mas vem com alguns inconvenientes também.,

mantenha o fundo transparente ou branco, ele não vai mudar muito por agora. Apenas certifique-se de que as opções avançadas não são controladas (mas sinta-se à vontade para experimentar com elas mais tarde) e você está pronto para ir!Vamos desenhar!

Existem muitas barras de ferramentas e menus lá, mas não se preocupe, nós só precisamos de alguns botões por agora. A ferramenta principal é o lápis, que deve ser sempre mantido com 1 pixel de largura, e será como colocamos nossos pixels na tela. Basta clicar no botão, ou pressione B, e clique na tela para colocar um pixel da cor selecionada.,

Na esquerda você pode ver a sua paleta de cores, com algumas das cores padrão. Vamos mudar isso para outro cenário mais simples. Clique no terceiro ícone no topo da paleta de cores (Pressets) e escolha ARQ4 (uma paleta realmente boa feita pelo Endesga), que é o que você vai usar para o seu primeiro sprite.

Agora, usando apenas as 4 cores no canto superior esquerdo, tente desenhar uma caneca.,

Sinta-se livre para usar o meu como uma inspiração, mas também tentar torná-lo único. Se cometer um erro, carregue em alt+numa área vazia ou fora do seu desenho e irá “escolher” a cor transparente e poderá usá-la para apagar pixels. Em alternativa, pode clicar na borracha ou carregar em E para a seleccionar.

Você provavelmente vai notar que trabalhar em uma resolução tão baixa é muito diferente do desenho regular. Tudo precisa ser calculado, e cada pixel que você colocar é uma grande escolha que você precisa fazer. Isso é o que você vai precisar para se acostumar.,

Você também pode experimentar com os outros botões na barra de ferramentas. Vale a pena notar que alguns botões irão abrir mais opções quando pressionados. Apenas evite a ferramenta de borrão por agora, como ele adiciona mais cores e nós não queremos isso ainda.a seguir, vamos fazer mais sprites! Tenta desenhar um crânio, Uma Espada e um rosto humano. Desta vez sem a minha referência de arte pixel., Se você sente que os sprites simplesmente não se encaixam na tela, isso é absolutamente normal, tente abstrair algo para um único pixel e tente novamente. É muito difícil trabalhar com uma resolução tão baixa e às vezes parece um quebra-cabeças. Aqui está outro artigo que eu escrevi sobre trabalhar com resoluções baixas para o Kano:

Se você quiser, Aqui estão minhas versões desses sprites, apenas certifique-se de terminar o seu antes de olhar para eles .este é sempre um bom exercício. Se você quiser continuar praticando, tente fazer ainda mais desenhos com essas restrições.,

gravar o seu ficheiro

para gravar o seu ficheiro carregue no controlo+S (ou vá para o ficheiro>Gravar Como…), escolha o nome e a localização do ficheiro e carregue em gravar.

não se esqueça que na versão experimental da gravação Aseprite está desativada!

Você vai ver que Aseprite pode salvar em uma variedade de formatos, mas eu sempre recomendo manter um .versão ase de cada arquivo que você faz., Tal como no Photoshop, manterias um .ficheiro psd. Ao exportar para web ou jogos, você pode usar Control+Alt+Shif+s ou File>Export.

Aseprite tem isso realmente bom recurso de Redimensionamento na janela de exportação. Ele só escala o seu sprite em números redondos, o que é perfeito., Se você mudar de novo a sua imagem 107%, por exemplo, ela irá quebrar pixels em todo o lado e será uma confusão, mas se você escalar 200% cada pixel será agora de 2 pixels de largura e de altura, para que fique bonito e afiado.

uma área de desenho maior

Agora que tem o básico, como criar um novo ficheiro, gravar e desenhar na área de desenho, vamos tentar desenhar numa área de desenho ligeiramente maior, 32 por 32 pixels. Nós também vamos usar uma paleta maior agora, tente o AAP-Micro12 (por AdigunPolack). Desta vez vamos tirar uma pá.,

Ao contrário do 16 por 16 sprite, nós podemos realmente encaixar alguns esboços aqui, então vamos começar com isso. Aqui está o meu processo de desagregação:

Passo 1: Linhas

Este estilo de linha é o que podemos chamar de um pixel de uma linha perfeita, é apenas 1 pixel de largura e liga-se na diagonal com outros pixels., Quando a disponibilização de linhas como evitar, não intencionais, bordas, como aqui:

Aseprite também tem um bom recurso nas configurações de pincel para fazer isso quase que automaticamente: com o pincel a ferramenta selecionada, clique com o Pixel-perfeito caixa de seleção. Apenas não se esqueça de desligá-lo quando não trabalhar com esboços, porque provavelmente vai irritá-lo.,

Step 2: Base colors

The good thing about having only so few colors to choose from is that you won’t be overwhelmed by too many options., É por isso que é muito mais difícil trabalhar com um monte de cores, se você tem uma cor em sua paleta não há desculpa para não usá-lo no seu melhor. Tente pensar nisso como um quebra-cabeça, experimente muito, mesmo combinações estranhas ou incomuns até que você encontre o que você acredita ser o “melhor jogo” para cada área.

Passo 3: Sombreamento

Use a sua paleta para fazer luz e sombra em formas criativas., Uma vez que você está trabalhando com uma paleta muito restrita, você não terá cada tom com brilho diferente, então você terá que improvisar.

No exemplo ao lado eu estou usando a mesma paleta que você é, a AAP-Mini12. Quando desenhei este tipo Verde, não tinha nenhuma cor verde-clara, por isso escolhi o tom mais próximo que tinha disponível, que era amarelo., A mesma coisa aconteceu com a sombra, eu escolhi azul porque era o mais próximo escuro. Mas e se eu for para o outro lado? Podia ter um azul mais brilhante e vermelho mais escuro, certo? Bem, não realmente:

É um efeito legal, mas é claro que há algo errado. Normalmente você vai querer que os tons frios sejam suas sombras e tons quentes para ser a sua luz chave, ou eles podem parecer estranhos., Esta não é uma regra escrita em pedra ou qualquer coisa, há muitas exceções, mas quando não tenho certeza, basta ir com ela.

Passo 4: Anti-alias e polonês

Esta é a parte do desenho que você tentar fazer os pixels um pouco menos “pontudo”., Manual anti alias é um assunto complexo, e provavelmente vamos precisar de um artigo inteiro para discutir apenas isso, mas a teoria é, você vai usar tons médios para simular “meio pixels” e suavizar as bordas. Mas não se preocupe muito com isso ainda, por agora concentre-se em tornar o seu sprite o mais legível possível.

outra boa ideia neste passo é caçar alguns pixels órfãos para reduzir o ruído., Órfão de pixels pixels que não são parte de um grupo maior de pixels da mesma cor e não são parte do anti-alias, como este:

Você vê o pequeno de 1 pixel-ilhas da esquerda? Esses são pixels órfãos, como você pode ver o planeta fica muito melhor depois de fundirmos esses pixels com alguns outros pixels próximos da mesma cor.e as estrelas nesse exemplo?, Bem, eles estão lá para provar que pixels órfãos nem sempre são ruins, essas estrelas funcionam exatamente como planejado, criando uma textura de ruído e trazendo o contraste no fundo.

a ideia não é remover sem pensar os pixels órfãos, mas sim através deles e perguntar a si mesmo: este pixel precisa mesmo de estar sozinho?e agora?

Agora é hora de você experimentar com mais cores e resoluções maiores! Mas vai devagar, talvez 48 por 48 e 16 cores e assim por diante. Se você está realmente começando para fora eu evitaria a animação por agora e focaria em ficar confortável com imagens estáticas primeiro.,

eu selecionei alguns outros pixel art guias que eu realmente gosto, se você deseja fazer algumas pesquisas:

• Pixel art do tutorial de Cura
• Pixel art tutorial por Derek Yu
• Pixel art tutorial por Arne

também faço alguns tutoriais sobre temas específicos ou aspectos de pixel art e design de jogo, você pode vê-los todos aqui:

• o Meu Patreon página
• Uma lista compilada de todos os meus tutoriais