Onde desenhar pixel art. Pixel art: melhores trabalhos e ilustradores

Neste tutorial você aprenderá como transformar a foto de uma pessoa em pixel art como personagem fictício jogo de arcade desde o início dos anos 90.
James May - também conhecido como Smudgethis - desenvolveu este estilo em 2011 para vídeo de música para uma banda de dubstep rock. O primeiro hit de Nero, Me & You - onde ele criou uma animação para mostrar jogo antigo apresentando os dois membros de Nero, o jogo era um jogo de plataforma rítmico 2D com gráficos de 16 bits semelhantes a Double Dragon, mas muito superior aos clássicos retrô de 8 bits como Super Mario Bros.
Para criar esse estilo, os personagens ainda precisam ser em blocos, porém mais complexos que os jogos mais antigos. E embora você precise usar uma paleta de cores limitada para conseguir aparência, lembre-se que esses jogos ainda tinham 65.536 cores.
Aqui James mostra como criar um personagem a partir de uma foto usando uma paleta de cores simples e a ferramenta Lápis.
Assim como no guia de animação, você também precisará de uma foto da pessoa. James usou a foto de um punk que está incluída nos arquivos do projeto deste tutorial.
Depois de concluído, confira este tutorial de animação do After Effects de 16 bits, onde James mostra como pegar esse personagem em AE, animá-lo e aplicar efeitos de jogo retrô.

Passo 1

Abra o Guia de Animação (16 bits).psd e 18888111.jpg (ou foto de sua preferência) para usar como base para o personagem. Uma foto de perfil completa funcionará melhor e ajudará a obter paletas de cores e estilos para sua figura de 16 bits.
O tutorial de animação possui diversas poses em camadas individuais. Escolha aquele que a melhor maneira corresponde à pose da sua foto - como não temos pernas no quadro, optei pela pose padrão no nível 1.

Passo 2

Usando a Rectangular Marquee Tool (M), selecione a cabeça da sua foto e copie (Cmd /Ctrl + C) e cole (Cmd /Ctrl + V) no Guia de Animação (16 bits).psd.
Dimensione a imagem para caber, proporcionalmente. Você notará que como as dimensões do PSD são muito pequenas, a imagem começará instantaneamente a desenhar um pixel.

etapa 3

Crie uma nova camada e desenhe o contorno com um lápis preto de pixel único (B), usando o guia de animação fornecido nele e a foto como base. \ P
O guia fornecido ajuda a desenvolver uma variedade de personagens, desde chefes maiores ou mulheres mais magras. Este é um guia aproximado para compor e animar meus personagens de pixel art.

Passo 4

Usando a Ferramenta Conta-gotas (I), experimente a área mais escura do tom de pele na foto e crie um pequeno quadrado de cor. Faça isso mais três vezes para criar uma paleta de tons de pele de quatro cores.
Crie outra camada abaixo da camada de contorno e use um pincel de um pixel e uma paleta de cores de quatro cores para sombrear a imagem (novamente, usando a foto como guia). \ P
É melhor armazenar todos os elementos do seu trabalho artístico ou diferentes camadas, pois isso facilita a reutilização deles em outras formas. Isso é especialmente útil para os vilões, já que a maioria dos jogos de 16 bits usa números muito semelhantes. Por exemplo, um amigo pode ter uma camisa vermelha e uma faca, enquanto outro é idêntico, exceto por uma camisa azul e uma arma.

Etapa 5

Repita esse processo para outras partes da figura, sombreando o tecido para combinar com outros elementos da foto original. Certifique-se de continuar amostrando com a ferramenta Conta-gotas para criar paletas de cores primeiro, pois isso fornece um conjunto consistente de cores que parece ótimo e se ajusta à paleta de cores relativamente limitada dos jogos de 16 bits.

Etapa 6

Adicione dados para aprimorar seu personagem com sombras, tatuagens, brinco, etc. Jante aqui e pense em como você deseja que seu personagem apareça no ambiente de jogo. Talvez pudessem usar um machado ou ter um braço robótico?

Etapa 7

Para animar seu personagem, repita os passos anteriores usando as outras cinco camadas do guia de animação. Esse processo pode levar algum tempo para ser dominado e criar resultados perfeitos, mas atalhos podem ser feitos reutilizando elementos de quadros anteriores. Por exemplo, nesta sequência de seis quadros, a cabeça permanece inalterada.

Etapa 8

Para verificar se a sequência de animação está correta, abra o painel Animação no Photoshop e certifique-se de que este momento apenas o primeiro quadro da animação. Você pode adicionar novos quadros e ativar e desativar camadas para criar sua animação, mas a maioria de forma rápidaé usar o comando “Criar molduras a partir de camadas” no menu pop-up do painel (canto superior direito).
O primeiro quadro é um fundo vazio, então selecione-o e clique no ícone da lixeira do painel (parte inferior) para excluí-lo.

No século 20, os gráficos de pixel tornaram-se uma ampla área de aplicação. jogos de computador, especialmente na década de 90. Com o desenvolvimento dos gráficos 3D, a pixel art começou a declinar, mas depois voltou à vida graças ao desenvolvimento do web design, ao advento dos telefones celulares e dos aplicativos móveis.

Pixel art é uma técnica especial de criação de imagens em formato digital, realizada em editores gráficos raster, em que o artista trabalha com a menor unidade de uma imagem digital raster - o pixel. Esta imagem é caracterizada por uma baixa resolução, na qual cada pixel se torna claramente visível. Pixel art leva muito tempo e é trabalhoso, dependendo da complexidade do desenho - pixel por pixel.

Regras básicas de pixel art

O componente mais importante da pixel art é a chamada line art - em outras palavras, seus contornos. Pixel art é feito usando linhas - retas e curvas.

Linhas retas

A regra para construir linhas em pixel art é que elas devem consistir em segmentos que se deslocam um pixel para o lado à medida que o desenho avança. Evitar erro principal para artistas iniciantes de pixel art: os pixels não devem se tocar, formando um ângulo reto.

No caso de linhas retas, você pode facilitar sua tarefa usando um dos conhecidos exemplos de linhas retas inclinadas:

Como pode ser visto na figura, todas as linhas retas nela apresentadas consistem em segmentos de pixels idênticos, deslocados para o lado por uma distância de um pixel, e os mais populares são segmentos de um, dois e quatro pixels. Essas linhas retas simples em gráficos de pixel são chamadas de “ideais”.

As linhas retas podem ter um padrão diferente, por exemplo, você pode alternar segmentos de dois pixels com um segmento de um, mas essas linhas não ficarão tão bonitas, principalmente quando a imagem for ampliada, embora não violem as regras da pixel art .

Linhas curvas

As linhas retas são mais fáceis de fazer porque evitam dobras, o que não acontece com as linhas curvas. Sua construção é mais difícil, mas as linhas curvas precisam ser desenhadas com muito mais frequência do que as retas.

Além da mesma proibição de formação de ângulos retos a partir dos pixels, ao desenhar linhas curvas é necessário lembrar a natureza de seu deslocamento. O comprimento dos segmentos de pixel deve mudar uniformemente, gradualmente - subir suavemente e cair suavemente. Os gráficos de pixel não permitem dobras.

É improvável que você consiga desenhar uma linha curva ideal com um movimento de sua mão sem quebrar uma única regra, então você pode recorrer a dois métodos: desenhar linhas desenhando um pixel após o outro ou desenhar uma curva regular e depois corrigi-la removendo pixels extras do “quadro” finalizado.

Pontilhamento

Na pixel art existe pontilhamento. É uma forma específica de misturar pixels de cores diferentes para criar um efeito de transição de cores.

O método mais popular de pontilhamento é organizar os pixels em um padrão xadrez:

Este método deve o seu aparecimento a limitações técnicas nas paletas de cores, pois para obter, por exemplo, roxo, foi necessário desenhar pixels vermelhos e azuis em um padrão xadrez:

E, posteriormente, o pontilhamento era frequentemente usado para transmitir volume por meio de luz e sombra nas imagens:

Para que o pixel art pontilhado funcione bem, a área de mistura de cores deve ter pelo menos dois pixels de largura.

Programas para pixel art

Para dominar a criação de arte em estilo pixel, você pode usar qualquer editor gráfico que suporte esse tipo de desenho. Todos os artistas trabalham com programas diferentes de acordo com suas preferências.

Muitas pessoas até hoje preferem desenhar com pixels no conhecido programa padrão do sistema operacional Windows - Microsoft Paint. Este programa é muito fácil de aprender, mas esta também é a sua desvantagem - é bastante primitivo, por exemplo, não suporta trabalhar com camadas e sua transparência.

Outro programa de pixel art fácil de usar, cuja versão demo pode ser encontrada online de forma totalmente gratuita, é o GraphicsGale. A desvantagem do programa é, talvez, que ele não suporta salvar pixel art no formato .gif.

Proprietários de computadores Mac podem tentar trabalhar em programa gratuito Pixen. E os usuários do sistema operacional Linux devem testar os programas GrafX2 e JDraw por conta própria.

E, claro, uma ótima opção para criar pixel art é o programa Adobe Photoshop, que possui ampla funcionalidade, permite trabalhar com camadas, suporta transparência, fornece trabalho simples com uma paleta. Com a ajuda deste programa, veremos exemplos simples, como desenhar pixel art você mesmo.

Como desenhar Pixel Art no Photoshop

Como nos tipos de tradicional Artes visuais, grande importância em pixel art há forma, sombra e luz, então antes de aprender a desenhar pixel art, dê-se ao trabalho de se familiarizar com os fundamentos do desenho - pratique desenhar com um lápis no papel.

Desenho "Balão"

Vamos começar com a coisa mais simples - desenhe um comum balão. Crie um novo arquivo no Photoshop com resolução de tela de 72 dpi. Não faz sentido definir tamanhos de imagem grandes - isso é pixel art. Selecione um pincel, duro e opaco, defina o tamanho para 1 pixel.

Desenhe um pequeno semiarco curvo da esquerda para a direita, conduzindo-o de baixo para cima. Lembre-se das regras da pixel art: mantenha as mesmas proporções dos segmentos, desloque-os um pixel para o lado, sem deixar dobras ou ângulos retos. Em seguida, espelhe este arco desenhando parte do topo bola.

Usando o mesmo princípio, desenhe a parte inferior da bola e o fio. Preencha a bola com vermelho usando a ferramenta Preenchimento. Agora só falta adicionar volume - nossa bola parece muito plana. Pinte uma faixa vermelha escura no canto inferior direito da bola e pontilhar a área. No canto superior esquerdo da bola, desenhe um destaque de pixels brancos.

Veja como é simples - a bola está pronta!

Desenho "Robô"

Agora vamos tentar desenhar uma imagem da maneira tradicional e só então limparemos os pixels que violam as regras da pixel art.

Abra um novo documento e faça um esboço do futuro robô:

Agora você pode limpar tudo que estiver atrapalhando e adicionar pixels quando necessário:

Da mesma forma, desenhe a parte inferior do corpo do robô. Não perca a oportunidade de desenhar linhas retas “perfeitas” em locais apropriados.

Detalhe o corpo do robô. Muitos artistas experientes aconselham preparar uma paleta antes de começar a trabalhar - um conjunto de cores que você usará ao criar trabalhos em estilo pixel. Isso permite a maior integridade da imagem. Crie uma paleta em uma área livre da área de trabalho do Photoshop - por exemplo, na forma de quadrados ou pontos coloridos. Posteriormente para selecionar cor desejada, clique nele com a ferramenta Conta-gotas.

Você pode começar a preencher os contornos. “Pinte” o corpo do robô com a cor principal. Nossa cor é azul lavanda.

Mude a cor do contorno - preencha-o com azul escuro. Decida onde está a fonte de luz no seu desenho. Para nós, ele está localizado em algum lugar acima e à direita na frente do robô. Vamos desenhar o peito do nosso personagem, adicionando volume:

COM lado direito marque a sombra mais profunda do desenho, percorrendo o contorno do corpo. A partir desta sombra, das bordas para o centro, desenhe uma sombra mais clara que desaparece nas áreas pretendidas iluminadas pela fonte de luz:

Adicione destaques ao robô em todas as áreas que devem refletir luz:

Dê às pernas do robô uma aparência cilíndrica usando sombra e luz. Da mesma forma, faça furos em círculos no peito do robô:

Agora vamos melhorar a imagem adicionando o elemento de pixel art discutido anteriormente - pontilhamento - às áreas sombreadas do corpo.

Não é necessário fazer pontilhamento nas mechas, assim como nas pernas - elas já são muito pequenas. Usando pixels escuros e claros, desenhe uma fileira de rebites na cabeça do robô em vez de dentes e adicione também uma antena engraçada. Pareceu-nos que a mão do robô não foi desenhada muito bem - se você encontrar o mesmo problema, recorte o objeto no Photoshop e mova-o para baixo.

Isso é tudo - nosso engraçado robô pixel está pronto!

E com a ajuda deste vídeo você aprenderá como fazer animação pixel art no Photoshop:


Pegue você mesmo e conte para seus amigos!

Leia também em nosso site:

mostre mais

Hoje em dia programas como Photoshop, Illustrator, Corel facilitam o trabalho do designer e do ilustrador. Com a ajuda deles, você pode trabalhar plenamente sem se distrair com a disposição dos pixels, como acontecia no final do século passado. Todos cálculos necessários compromete Programas- editor gráfico. Mas há pessoas que trabalham numa direção diferente, não apenas diferente, mas até completamente oposta. Ou seja, eles usam o mesmo arranjo tradicional de pixels para obter um resultado e uma atmosfera únicos em seus trabalhos.

Um exemplo de pixel art. Fragmento.

Neste artigo gostaríamos de falar sobre pessoas que fazem pixel art. Dê uma olhada neles melhores trabalhos, que, apenas pela complexidade de sua implementação, podem ser chamados, sem exagero, de obras arte contemporânea. Obras que vão tirar o fôlego quando vistas.

Arte de pixel. Melhores trabalhos e ilustradores


Cidade. Autor: Zoggles


Castelo de conto de fadas. Autor: Tinuleaf


Vila medieval. Autor: Docdoom


Jardins Suspensos Semíramis. Autor: Eclipse Lunar


Área residencial. Autor:

4,7 (93,8%) 158 votos


Desenhos por células ou pixel art são uma forma de arte muito popular entre crianças em idade escolar e estudantes. Nas aulas tediosas, o desenho por quadrados evita o tédio. O protótipo do desenho por quadrados era o ponto cruz, onde se desenhava sobre uma tela um padrão de cruz, um tecido marcado com quadrados. Todos nós já fomos estudantes e crianças em idade escolar e saímos do tédio fotos diferentes nas celas, imagine minha surpresa ao descobrir que isso é praticamente arte com suas obras-primas e gênios. Comecei a estudar o assunto com mais detalhes e foi isso que resultou...

Como fazer desenhos por células

Essa arte é acessível a qualquer pessoa, o principal é seguir com clareza as células. Os cadernos escolares são ideais para desenhar imagens; o tamanho de seus quadrados é 5x5 mm, e o caderno em si tem 205 mm por 165 mm. No momento, os cadernos de mola com folha A4 estão ganhando popularidade entre os artistas de caixas; o tamanho deste caderno é de 280 mm por 205 mm.

Artistas profissionais criam suas obras-primas em papel milimetrado (papel de desenho), é onde há espaço para passear. A única desvantagem do papel milimetrado é que ele é pálido cor verde, o que não é perceptível quando você desenha com canetas coloridas.
Na hora de escolher um caderno para desenhar preste atenção na espessura do papel; a qualidade do seu desenho nas células depende da sua densidade e se ele aparecerá no avesso da folha. A densidade ideal da folha não é inferior a 50g/m².

Como fazer desenhos por células

Para colorir imagens por células, você não precisa de nenhuma ferramenta especial; Pinturas monocromáticas são muito legais, mas eu realmente quero adicionar um pouco de cor à minha vida. Para que as cores fiquem variadas, vá até uma papelaria e escolha o que seu coração desejar, canetas de gel, óleo, bola.

Canetas esferográficas para pixel art

Canetas de feltro para desenhos por células

Se você gosta de desenhar com canetas hidrográficas, você está certo, as cores das canetas hidrográficas são muito ricas. Vale lembrar que as canetas hidrográficas são divididas em dois grupos: as à base de álcool e as à base de água são mais seguras, mas podem encharcar o papel; O álcool também pode encharcar o papel, e o cheiro também não agrada a todos.

Lápis para desenhos por células

Os lápis são outro tipo de dispositivo de desenho. Os lápis não fogem à regra na variedade de tipos; eles vêm em plástico, cera, madeira e aquarela. Nós pintamos com madeira primeira infância, e sabemos que muitas vezes quebram a caneta. Os de plástico e de cera quebram com menos frequência, mas são mais grossos, o que será menos conveniente para desenhar. Sobre lápis aquarela está fora de questão, pois depois de pintar com lápis é preciso cobrir o desenho com pincel umedecido, o que é inaceitável para folhas de caderno.

Assista a um vídeo sobre como é fácil fazer desenhos em células e como o resultado pode ser lindo:

Mais alguns esquemas de desenho que gostei:



Gráficos de pontos - tecnologia pixel art

Descobrimos quais acessórios são necessários, agora vamos conhecer a tecnologia. A tecnologia Pixel Art é muito simples, são gráficos de pontos.

Antes de começarmos a considerar os métodos de pixel art, vamos voltar à nossa infância nos anos 80 e 90. Claro, aqueles que cresceram em tempos pós-soviéticos, lembra videogames de 8 bits, gráficos de jogos construídos em gráficos de pixel.

A melhor maneira de dominar qualquer coisa é praticando, vamos tentar dominar a pixel art:

Vamos pegar uma caneta óleo preta e vermelha e uma folha de caderno xadrez.

Primeiro, vamos fazer um desenho simples. Vamos contar as células, determinar o contorno e colorir de acordo com as cores.

Por exemplo, vamos desenhar um coração:

  1. Pegue uma folha quadriculada e uma caneta com tinta preta, coloque 3 pontos, como na foto, os pontos marcam quais células serão pintadas de preto.

  2. Desenhe linhas indicando os contornos da imagem.

  3. Marque três pontos de cada lado, veja a figura.

  4. Marcamos a área do desenho com duas linhas.

  5. Vamos colocar mais um ponto de cada lado e traçar limites sob os pontos superiores.

  6. Vamos desenhar 8 pontos na vertical e 4 pontos em ambos os lados, conforme mostra a figura abaixo.
  7. Depois de gastar linhas verticais, conforme mostrado na figura, indicaremos totalmente os limites da figura.
  8. Da mesma forma, marque a parte inferior do coração à esquerda e à direita.

  9. Delineamos as células como em nossa imagem.

  10. A próxima coisa que precisamos fazer é pintar o interior do coração com uma caneta vermelha, deixando o destaque da luz sem pintura.

  11. E por último, use uma caneta preta para sombrear as células marcadas com pontos. Agora você aprendeu como desenhar imagens de oito bits.

Se você acha que imagens grandes e volumosas não são para você, tente desenhar uma foto da Internet. Você está assustado? Não vale a pena.

Pegar

  • caneta preta,
  • lápis,
  • caderno quadrado,
  • computador,
  • fotografia ou imagem da Internet
  • Programa Photoshop.

Para aplicação desenhos volumétricos precisamos contar o número de células que serão pintadas. É muito difícil não cometer erros com grandes quantidades. Além disso, certifique-se de escolher tons de cores semelhantes à imagem original.
Então, vamos agir:


Vou te dar um conselho que me ajuda muito: se você tem impressora colorida imprima o desenho, se não tiver, não tem problema. Desenhe uma grade de 10 células com um contorno mais grosso. Em uma folha impressa, usando régua e caneta contrastante, se não houver onde imprimir, pode-se abrir a imagem no Paint.
Desejo-lhe sucesso criativo.

Os gráficos de pixel (doravante simplesmente chamados de pixel art) estão se tornando cada vez mais populares atualmente, especialmente por meio de jogos independentes. Isso é compreensível, pois desta forma os artistas podem preencher o jogo com uma grande variedade de personagens e não gastar centenas de horas modelando objetos 3D e desenhando manualmente objetos complexos. Se você quiser aprender pixel art, primeiro terá que aprender a desenhar os chamados “sprites”. Aí, quando os sprites não te assustarem mais, você pode passar para a animação e até vender seu trabalho!

Passos

Parte 1

Coletamos tudo que você precisa

    Baixe bons editores gráficos.É claro que você pode criar obras-primas no Paint, mas é difícil e não muito conveniente. Seria muito melhor trabalhar em algo como:

    • Photoshop
    • Paint.net
    • Pixen
  1. Compre um tablet gráfico. Se você não gosta de desenhar com o mouse, então um tablet e uma caneta são o que você precisa. A propósito, os tablets Wacom são os mais populares.

    Habilite “grade” em seu editor gráfico. Na verdade, se o seu editor gráfico não suporta exibição em grade, você deve pensar em procurar outro programa. A grade permitirá que você veja claramente onde e como cada pixel individual será localizado. Via de regra, o rosário é ativado através do menu “Visualizar”.

    • Pode ser necessário ajustar um pouco as configurações de exibição para garantir que cada segmento da grade realmente renderize um pixel. Cada programa faz isso de maneira diferente, então procure dicas adequadas.
  2. Desenhe com um lápis e um pincel de 1 pixel. Qualquer editor gráfico deve ter uma ferramenta “Lápis”. Selecione-o e defina o tamanho do pincel para 1 pixel. Agora você pode desenhar... em pixels.

    Parte 2

    Trabalhando no básico
    1. Crie uma nova imagem. Como você está aprendendo a desenhar no estilo pixel art, não deve buscar telas épicas. Se você se lembra, no jogo Super Mario Bros. a tela inteira tinha 256 x 224 pixels, e o próprio Mario cabia em um espaço de 12 x 16 pixels!

      Mais Zoom. Sim, caso contrário você simplesmente não conseguirá ver pixels individuais. Sim, você terá que aumentá-lo muito. Digamos que 800% seja normal.

      Aprenda a desenhar linhas retas. Parece simples, mas se de repente você desenhar uma linha de 2 pixels de espessura em algum lugar no meio com a mão trêmula, a diferença atingirá seus olhos. Desenhe linhas retas até ativar a ferramenta de linha reta. Você deve aprender a desenhar linhas retas à mão!

      Aprenda a desenhar linhas curvas. Numa linha curva deve haver, digamos, “quebras de linha” uniformes (o que é claramente visível na figura acima). Digamos, começando a desenhar uma linha curva, desenhe uma linha reta de 6 pixels, abaixo dela uma linha reta de três, abaixo dela uma linha reta de dois, e abaixo dela uma linha reta de um pixel. Do outro lado, desenhe a mesma coisa (espelhado, claro). Esta é a progressão considerada ideal. As curvas desenhadas no padrão “3-1-3-1-3-1-3” não atendem aos padrões de pixel art.

      Não se esqueça de apagar os erros. A ferramenta “Borracha” deve ser configurada da mesma forma que um lápis, fazendo com que o tamanho do pincel seja igual a 1 pixel. Quanto maior a borracha, mais difícil é não apagar muito, então tudo é lógico.

    Parte 3

    Crie o primeiro sprite

      Pense nos propósitos que o sprite servirá. Será estático? Animado? Um sprite estático pode ser preenchido com detalhes ao máximo, mas um animado é melhor para torná-lo mais simples, para que você não perca horas redesenhando todos os detalhes em todos os quadros da animação. A propósito, se o seu sprite for usado com outros, então todos eles deverão ser desenhados no mesmo estilo.

      Descubra se há algum requisito especial para o sprite. Se você estiver desenhando, digamos, para um projeto, é razoável esperar requisitos de cor ou tamanho de arquivo. No entanto, isso será mais importante um pouco mais tarde, quando você começar a trabalhar grandes projetos com muitos sprites diferentes.

      • Falando objetivamente, hoje em dia, os requisitos para o tamanho ou paleta dos sprites raramente são apresentados. No entanto, se você estiver desenhando gráficos para um jogo que será jogado em sistemas de jogos mais antigos, deverá levar em consideração todas as limitações.
    1. Faça um esboço. Um esboço no papel é a base de qualquer sprite, felizmente assim você poderá entender como tudo ficará e, se necessário, poderá corrigir algo com antecedência. Além disso, você pode traçar a partir de um esboço em papel (se ainda tiver um tablet).

      • Não economize nos detalhes do seu esboço! Desenhe tudo o que deseja ver no desenho final.
    2. Transfira o esboço para um editor gráfico. Você pode traçar um esboço de papel em um tablet ou redesenhar tudo manualmente, pixel por pixel - não importa, a escolha é sua..

      • Ao traçar o esboço, use 100% preto como cor de contorno. Se acontecer alguma coisa, você poderá alterá-lo manualmente mais tarde, mas por enquanto será mais fácil trabalhar com o preto.
    3. Refine o contorno do esboço. Neste contexto, é claro, você pode dizer o contrário - apague tudo o que for desnecessário. Qual é o objetivo - o contorno deve ter 1 pixel de espessura. Assim, aumente a escala e apague, apague o excesso... ou preencha o que falta com um lápis.

      • Ao trabalhar em um esboço, não se distraia com os detalhes - chegará a vez deles.

    Parte 4

    Colorindo o sprite
    1. Aprimore a teoria das cores. Observe a paleta para ver quais cores usar. Tudo é simples aí: quanto mais distantes as cores estão umas das outras, mais elas são diferentes umas das outras; quanto mais próximas as cores estão umas das outras, mais semelhantes elas são e melhor por perto eles ficam bem um com o outro.

      • Escolha cores que deixarão seu sprite bonito e agradável aos olhos. E sim, os tons pastéis devem ser evitados (a menos que todo o seu projeto seja feito nesse estilo).
    2. Escolha várias cores. Quanto mais cores você usar, mais “distrativo” será o seu sprite, por assim dizer. Veja alguns clássicos da pixel art e tente contar quantas cores são usadas ali.

      • Mario - apenas três cores (se estamos falando da versão clássica), e mesmo essas estão localizadas quase próximas umas das outras na paleta.
      • Sonic - mesmo que Sonic seja desenhado com grande quantia detalhes que Mario, ainda é baseado em apenas 4 cores (e sombras).
      • Quase um clássico dos sprites como são entendidos nos jogos de luta, Ryu são grandes áreas de cores simples, além de algumas sombras para demarcação. Ryu, porém, é um pouco mais complicado que Sonic – já existem cinco cores e sombras.
    3. Pinte o sprite. Use a ferramenta Paint Fill para colorir seu sprite e não se preocupe com tudo parecendo plano e sem vida - neste estágio não se espera que aconteça o contrário. O princípio da ferramenta Preenchimento é simples - ela preencherá todos os pixels da cor que você clicou com a cor selecionada até atingir as bordas.

    Parte 5

    Adicionando sombras

      Decida sobre sua fonte de luz. Aqui está a essência: você precisa decidir em que ângulo a luz atingirá o sprite. Depois de decidir sobre isso, você poderá criar sombras de aparência verossímil. Sim, não haverá “luz” no sentido literal, o objetivo é imaginar como ela cairá no desenho.

      • A solução mais simples é assumir que a fonte de luz está muito acima do sprite, ligeiramente à esquerda ou à direita dele.
    1. Comece a aplicar sombras usando cores um pouco mais escuras que a base. Se a luz vier de cima, onde estará a sombra? Isso mesmo, onde a luz direta não incide. Assim, para adicionar uma sombra, basta adicionar mais algumas camadas ao sprite com pixels da cor correspondente acima ou abaixo do contorno.

      • Se você diminuir a configuração de “Contraste” da cor base e aumentar ligeiramente a configuração de “Brilho”, poderá obter uma boa cor para desenhar sombras.
      • Não use gradientes. Gradientes são maus. Os gradientes parecem baratos, de má qualidade e pouco profissionais. Um efeito semelhante ao dos gradientes é obtido usando a técnica de “afinamento” (veja abaixo).
    2. Não se esqueça da sombra parcial. Escolha uma cor entre a cor base e a cor da sombra. Use-o para criar outra camada - mas desta vez entre as camadas dessas duas cores. O resultado será o efeito de transição de uma área escura para uma clara.

      Desenhe os destaques. O destaque é o local do sprite onde incide mais luz. Você pode desenhar um destaque se escolher uma cor um pouco mais clara que a base. O principal é não se deixar levar pelo brilho, pois distrai.

    Parte 6

    Usamos técnicas avançadas de desenho

      Use desbaste. Esta técnica pode transmitir a mudança na sombra. Com o afinamento, você pode recriar um efeito gradiente com apenas algumas cores, alterando a posição dos pixels, o que cria o efeito de transição. O número e a posição dos pixels de duas cores diferentes induzirão o olho a ver sombras diferentes.

      • Os iniciantes costumam abusar do desbaste, não seja como eles.
    1. Não se esqueça do anti-aliasing (eliminação de irregularidades de contorno). Sim, cartão de visitas pixel art - a “pixelação” visível de uma imagem. No entanto, às vezes você quer que as linhas pareçam um pouco menos perceptíveis, um pouco mais suaves. É aqui que o anti-aliasing vem em socorro.

      • Adicione cores intermediárias às curvas da curva. Pinte uma camada de cor intermediária ao redor do contorno da curva que deseja suavizar. Se ainda parecer angular, adicione outra camada, desta vez mais clara.
      • Se você quiser que o sprite se misture ao fundo, não use anti-aliasing na borda externa do sprite.
    2. Aprenda a usar a renderização seletiva. Qual é o objetivo: o contorno é desenhado com uma cor semelhante às usadas para o preenchimento. O resultado é uma imagem menos “desenho animado”, e justamente devido a mais aparência real contorno. Tente, digamos, renderizar seletivamente a pele enquanto deixa um contorno preto clássico para roupas ou objetos.