Como desenhar pixel art em grandes formatos. Pixel art (pixel art): os melhores trabalhos e ilustradores

Pixel art ou pixel graphics é uma pintura digital criada em editores raster pixel a pixel. Pixel (pixel) - o menor elemento gráfico da imagem. Em outras palavras, é um ponto. E todos os desenhos de pixel são compostos por inúmeros aglomerados de pontos, resultando em um pouco desigual, como se mal traçado. Mas essa é a beleza dessas fotos.

Um pouco de história

Quais programas podem criar pixel art moderno

Existem muitos editores de raster gratuitos por aí. Mas mais frequentemente do que outros são chamados de Microsoft Paint e Adobe Photoshop. É verdade que o Paint é considerado uma ferramenta menos conveniente para criar pixel art do que o Adobe Photoshop. Por quê? Neste programa:
é muito difícil conseguir uniformidade e simetria de imagens;
ao salvá-los no formato jpg, há uma forte distorção de cores;
difícil desenhar sombras e realces.
Portanto, eles tentam dar preferência ao Adobe Photoshop. Este programa tem muito mais opções de trabalho do que o Paint. O que permite desenhar não personagens individuais com um design simples, mas imagens inteiras. Além disso, a própria pixel art é mais fácil e rápida de editar. Sim, e você pode transferir transições de cores no Adobe Photoshop de maneira suave e natural.

Como evitar torções na pixel art

Pixel art é uma coleção de pixels que são "pontos" quadrados ou retangulares. Quando uma imagem é desenhada a partir de tais “pontos”, torna-se angular, a suavidade nas linhas desaparece. Por um lado, este é o cartão de visita da Pixel Art e, por outro lado, quero mais suavidade, o que tornará a imagem nítida e atraente para o usuário. Esse problema na linguagem dos artistas de pixel é chamado de kinks ou "jaggies".
Jaggies são peças que dão a qualquer linha uma aparência irregular. Eles geralmente são eliminados de uma das seguintes maneiras:
aumentar o segmento de linha discrepante em 2, 3 ou mais pixels de comprimento;
reduza o comprimento dos próprios pixels na área proeminente;
uma nova seção da linha é construída a partir de vários pixels únicos;
adicione pixels únicos à área irregular entre os "pontos" mais longos e assim por diante.
Para eliminar as dobras adequadamente, você precisa se lembrar da regra principal: o comprimento dos elementos de uma linha curva deve diminuir ou aumentar gradualmente. Você também precisa lembrar que o deslocamento de um segmento de linha em dois ou mais pixels de altura leva à destruição da suavidade.
Portanto, é necessária uma prática constante de desenho. E como uma ajuda simples e visual para ajudar a evitar dobras, você pode usar um conjunto de linhas retas oblíquas.

Como obter uma sombra em Pixel Art

Outro ponto importante na pixel art é o seu volume. Ele, como em outras opções gráficas, é obtido por meio de realces e sombras. Para criar uma sombra em pixel art, você precisa de uma transição suave do tom claro para o escuro ou de uma cor para outra. Para alcançar esse efeito, a tecnologia de mistura é frequentemente usada - dithering ou dithering. Em outras palavras, na borda de duas cores, elas são misturadas em um padrão quadriculado. Este método surgiu no contexto de uma escassez de flores. Com a ajuda da mistura xadrez de duas cores, foi possível obter uma terceira que não estava na paleta.
No entanto, depois que a paleta se expandiu significativamente, a tecnologia de pontilhamento ainda permaneceu em demanda. Mas você precisa lembrar que a transição de uma cor para outra com a largura de um pixel não parece boa. Acontece apenas um pente. É por isso
a área mínima de mesclagem deve ser de pelo menos dois pixels. E quanto mais ampla a transição, melhor.
Além disso, ao criar uma sombra:
é importante determinar em que ângulo e de que lado a luz incidirá sobre o objeto. Isso fará com que o desenho "viva", além de entender onde desenhar a sombra. Por exemplo, se a luz cair à direita, as áreas de sombra estarão localizadas à esquerda, etc.;
você precisa usar cores muito mais escuras do que as básicas. Aqueles. a sombra deve ser representada usando cores mais escuras do que a própria área sombreada. Por exemplo, se o objeto for vermelho, sua sombra será bordô ou marrom escuro;
não se esqueça da penumbra. Para isso, é selecionada uma tonalidade que, de acordo com a paleta, esteja entre a cor base e a cor da sombra. Essa sombra é colocada entre as camadas dessas duas cores. Como resultado, é criado o efeito de uma transição suave de uma área escura para uma área mais clara.

Como obter brilho em pixel art

O realce, como uma sombra, dá volume aos objetos desenhados. Está sempre localizado no lado onde a luz incide. Mas se o objeto deve ter uma superfície brilhante, por exemplo, uma xícara de porcelana, uma espada de aço etc., também será necessário um destaque na área sombreada.
Para criar um destaque na área onde a luz incide, você precisa usar uma tinta muito mais clara que a principal. Só não precisa ser zeloso no brilho deste local - pode não acontecer naturalmente. Muitas vezes, o brilho é representado em branco sem transições. Isso não acontece na natureza. Sim, e o objeto parecerá plano.
Para criar um realce do lado da sombra, você precisa de uma cor mais clara do que aquela com a qual a própria sombra é aplicada. E, neste caso, também é necessária uma transição suave, que pode ser obtida usando vários tons ao mesmo tempo.
Para perceber tudo isso, é claro, é necessária prática. E é melhor começar com objetos simples.

arte de pixel(escrito sem hífen) ou arte de pixel- uma direção da arte digital, que consiste em criar imagens ao nível do pixel (ou seja, a unidade lógica mínima em que consiste uma imagem). Nem todas as imagens raster são pixel art, embora sejam todas compostas de pixels. Por quê? Porque no final das contas, o conceito de pixel art inclui não tanto o resultado, mas o processo de criação de uma ilustração. Pixel por pixel, e pronto. Se você tirar uma foto digital, reduza-a bastante (para que os pixels se tornem visíveis) e afirme que a desenhou do zero - isso será uma verdadeira falsificação. Embora certamente haverá simplórios ingênuos que o elogiarão por seu trabalho duro.

Agora não se sabe exatamente quando essa técnica se originou, as raízes se perderam em algum lugar no início dos anos 1970. No entanto, a técnica de compor imagens a partir de pequenos elementos remonta a formas de arte muito mais antigas, como mosaicos, pontos de cruz, tecelagem de tapetes e miçangas. A própria frase "pixel art" como definição de pixel art foi usada pela primeira vez em um artigo de Adele Goldberg e Robert Flegal na revista Communications of the ACM (dezembro de 1982).

A pixel art recebeu a maior aplicação em jogos de computador, o que não é surpreendente - tornou possível criar imagens que não exigem recursos e são realmente bonitas ao mesmo tempo (ao mesmo tempo, levam muito tempo do artista e exigem certas habilidades e, portanto, implicam uma boa remuneração). O auge, o ponto mais alto do desenvolvimento, é oficialmente chamado de videogame nos consoles da 2ª e 3ª geração (início da década de 1990). Mais progressos na tecnologia, o aparecimento da primeira cor de 8 bits e, em seguida, True Color, o desenvolvimento de gráficos tridimensionais - tudo isso ao longo do tempo empurrou a pixel art para segundo plano e terceiros planos, e então começou completamente a parecer que o pixel a arte chegou ao fim.

Curiosamente, mas foi o Sr. progresso científico e tecnológico, que empurrou os gráficos de pixel para as últimas posições em meados dos anos 90, e mais tarde o devolveu ao jogo - revelando ao mundo dispositivos móveis na forma de telefones celulares e PDAs. Afinal, não importa o quão útil seja um dispositivo moderno, todos nós sabemos que se você não pode pelo menos jogar paciência nele, é inútil. Bem, onde há uma tela com baixa resolução, há pixel art. Como dizem, bem-vindo de volta.

É claro que vários elementos de mentalidade retrógrada desempenharam seu papel no retorno dos gráficos de pixel, que adoram nostálgicos dos bons e velhos jogos da infância, enquanto diziam: “Ah, eles não fazem isso agora”; estetas que são capazes de apreciar a beleza da pixel art e desenvolvedores independentes que não percebem as belezas gráficas modernas (e às vezes, embora raramente, simplesmente não sabem como implementá-las em seus próprios projetos), razão pela qual esculpem pixel art . Mas ainda não vamos desconsiderar projetos puramente comerciais - aplicativos para dispositivos móveis, publicidade e design da Web. Então agora a pixel art, como se costuma dizer, é difundida em círculos estreitos e ganhou uma espécie de status de arte "não é para todos" . E isso apesar do fato de que para um simples leigo é extremamente acessível, pois para trabalhar nessa técnica, basta ter um computador e um editor gráfico simples à mão! (a habilidade de desenhar, aliás, também não faz mal) Chega de palavras, vá direto ao ponto!

2. Ferramentas.

O que você precisa para criar pixel art? Como disse acima, basta um computador e qualquer editor gráfico capaz de trabalhar no nível do pixel. Você pode desenhar em qualquer lugar, até no Game Boy, até no Nintendo DS, até no Microsoft Paint (outra coisa é que desenhar no último é extremamente inconveniente). Existem muitos editores de raster, muitos deles são gratuitos e funcionais o suficiente, para que todos possam decidir sobre o software por conta própria.

Eu desenho no Adobe Photoshop porque é conveniente e porque já faz muito tempo. Não vou mentir e dizer, murmurando minha dentadura postiça, que “lembro que o Photoshop ainda era muito pequeno, era no Macintosh, e era com o número 1.0”. Isso não era. Mas me lembro do Photoshop 4.0 (e também no Mac). E assim, para mim, a questão da escolha nunca existiu. E, portanto, não, não, mas darei recomendações sobre o Photoshop, especialmente onde seus recursos ajudarão a simplificar bastante a criatividade.

Portanto, você precisa de qualquer editor gráfico que permita desenhar com uma ferramenta em um pixel quadrado (os pixels também podem ser não quadrados, por exemplo, redondos, mas não estamos interessados neles no momento). Se o seu editor suporta qualquer conjunto de cores, ótimo. Se também permite salvar arquivos - ótimo. Seria bom saber como trabalhar com camadas, pois ao trabalhar em uma imagem bastante complexa, é mais conveniente decompor seus elementos em diferentes camadas, mas em geral isso é uma questão de hábito e conveniência.

Podemos começar? Você provavelmente está esperando por uma lista de alguns truques secretos, recomendações que o ensinarão a desenhar pixel art? E a verdade é que não há muito disso. A única maneira de aprender a desenhar pixel art é desenhar a si mesmo, tente, tente, não tenha medo e experimente. Sinta-se à vontade para copiar o trabalho de outras pessoas, não tenha medo de parecer pouco original (só não passe o trabalho de outra pessoa como seu, hehe). Analise com cuidado e ponderação o trabalho dos mestres (não o meu) e desenhe, desenhe, desenhe. Vários links úteis estão esperando por você no final do artigo.

3. Princípios gerais.

No entanto, existem alguns princípios gerais que vale a pena conhecer. Existem realmente poucos deles, eu os chamo de "princípios" e não de leis, porque são de natureza bastante consultiva. Afinal, se você conseguir desenhar uma arte pixel engenhosa ignorando todas as regras - quem se importa com elas?

O princípio mais básico pode ser formulado da seguinte forma: a unidade mínima de uma imagem é um pixel e, se possível, todos os elementos da composição devem ser proporcionais a ele. Vou decifrar: tudo o que você desenha consiste em pixels, e o pixel deve ser lido em tudo. Isso não significa que não possa haver elementos na imagem, por exemplo, 2x2 pixels ou 3x3. Mas ainda é preferível construir uma imagem a partir de pixels individuais.

O traço e, em geral, todas as linhas da imagem devem ter um pixel de espessura (com raras exceções).

Não estou de forma alguma dizendo que isso está errado. Mas ainda não é muito bonito. E para ficar bonito, lembre-se de mais uma regra: desenhe sem dobras, redonda suavemente. Existem torções - fragmentos que estão fora de ordem, dão às linhas uma aparência irregular e irregular (no ambiente de pixel artistas de língua inglesa, eles são chamados de jaggies):

As dobras privam o desenho de suavidade e beleza naturais. E se os fragmentos 3, 4 e 5 são óbvios e facilmente corrigidos, a situação é mais complicada com os outros - o comprimento de uma única peça da corrente é quebrado lá, parece uma ninharia, mas uma ninharia perceptível. É preciso um pouco de prática para aprender a ver e evitar esses lugares. A torção 1 é eliminada da linha porque é um único pixel - enquanto na área onde está encravada, a linha consiste em segmentos de 2 pixels. Para me livrar disso, suavizei a entrada da curva na curva estendendo o segmento superior para 3px e redesenhando toda a linha em segmentos de 2px. As quebras 2 e 6 são idênticas entre si - já são fragmentos de 2 pixels de comprimento em áreas construídas por pixels únicos.

Um conjunto elementar de exemplos de linhas oblíquas, que podem ser encontrados em quase todos os manuais de pixel art (o meu não é exceção), ajudará a evitar essas quebras ao desenhar:

Como você pode ver, uma linha reta é composta de segmentos do mesmo comprimento, deslocados por um pixel à medida que é desenhado - esta é a única maneira de obter o efeito de linearidade. Os métodos de construção mais comuns são com comprimento de segmento de 1, 2 e 4 pixels (existem outros, mas as opções apresentadas devem ser suficientes para implementar praticamente qualquer ideia artística). Destes três, o mais popular pode ser chamado com segurança de comprimento do segmento de 2 pixels: desenhe um segmento, mova a caneta em 1 pixel, desenhe outro segmento, mova a caneta em 1 pixel, desenhe outro segmento:

Fácil, certo? É preciso apenas um hábito. Saber desenhar linhas inclinadas em incrementos de 2 pixels ajudará na isometria, então vamos dar uma olhada mais de perto na próxima vez. Em geral, as linhas retas são ótimas - mas apenas até que surja a tarefa de desenhar algo milagroso. Aqui precisamos de curvas e muitas curvas diferentes. E adotamos uma regra simples para arredondar linhas curvas: o comprimento dos elementos da curva deve diminuir/aumentar gradualmente.

A saída da linha reta para o arredondamento é realizada sem problemas, indiquei o comprimento de cada segmento: 5 pixels, 3, 2, 2, 1, 1, novamente 2 (já na vertical), 3, 5 e além. Não necessariamente o seu caso vai usar a mesma sequência, tudo depende da suavidade que é necessária. Outro exemplo de arredondamento:

Mais uma vez, evitamos as torções que estragam tanto a imagem. Se você quiser conferir o material aprendido, aqui tenho uma skin para Winamp desenhada por um autor desconhecido, um espaço em branco:

Existem erros grosseiros na imagem e apenas arredondamentos malsucedidos e torções são encontradas - tente corrigir a imagem com base no que você já sabe. Isso é tudo para mim com as linhas, proponho desenhar um pouco. E não se deixe enganar pela simplicidade dos exemplos, você só pode aprender a desenhar desenhando - mesmo coisas tão simples.

4.1. Desenhamos uma garrafa com água viva.

1. A forma do objeto, enquanto você não pode usar cores.

2. Líquido vermelho.

3. Mude a cor do vidro para azul, adicione áreas sombreadas dentro da bolha e uma área clara na superfície pretendida do líquido.

4. Adicione destaques brancos na bolha e uma sombra vermelha escura de 1 pixel de largura nas áreas líquidas que cercam as paredes da bolha. Parece bom, não é?

5. Da mesma forma, desenhamos uma garrafa com um líquido azul - aqui a mesma cor do vidro, mais três tons de azul para o líquido.

4.2. Nós desenhamos uma melancia.

Vamos desenhar um círculo e um semicírculo - estes serão uma melancia e uma fatia cortada.

2. Vamos marcar o recorte na própria melancia e na fatia - a borda entre a crosta e a polpa.

3. Preencha. Cores da paleta, o tom médio de verde é a cor da crosta, o vermelho médio é a cor da polpa.

4. Denote a área de transição da casca para a polpa.

5. Listras claras em uma melancia (finalmente, ele se parece com ele mesmo). E claro, sementes! Se você cruzar uma melancia com baratas, elas se espalharão.

6. Trazemos à mente. Usamos uma cor rosa pálida para indicar destaques acima das sementes em uma seção e, colocando os pixels em um padrão quadriculado, alcançamos algum tipo de volume da fatia cortada (o método é chamado de pontilhamento, sobre isso mais adiante). Usamos um tom vermelho escuro para indicar os locais sombreados na seção da melancia e verde escuro (novamente, pixels quadriculados) para dar volume à própria melancia.

5. Pontilhado.

Dithering, ou blending, é a técnica de misturar pixels em um padrão distintamente ordenado (nem sempre) em duas áreas limítrofes de cores diferentes. A maneira mais simples, mais comum e eficaz é alternar pixels em um padrão quadriculado:

A recepção nasceu devido a (ou melhor, ao contrário) limitações técnicas - em plataformas com paletas limitadas, o dithering tornou possível, ao misturar pixels de duas cores diferentes, obter um terceiro que não estava na paleta:

Agora, em uma era de possibilidades técnicas ilimitadas, muitos dizem que a necessidade de pontilhamento desapareceu por si só. No entanto, o uso adequado dele pode dar ao seu trabalho um estilo retrô característico que todos os fãs de videogames antigos reconhecerão. Pessoalmente, gosto de usar dithering. Não conheço muito bem, mas adoro.

Mais duas opções para pontilhamento:

O que você precisa saber sobre pontilhamento para poder usá-lo. A largura mínima da zona de mesclagem deve ser de pelo menos 2 pixels (essas mesmas peças). Mais é possível. É melhor não fazer menos.

Abaixo está um exemplo de dithering ruim. Apesar do fato de que essa técnica muitas vezes pode ser encontrada em sprites de videogames, você precisa estar ciente de que a tela da TV suavizou significativamente a imagem, e esse pente, e mesmo em movimento, não foi fixado pelo olho:

Bem, chega de teoria. Sugiro que você pratique um pouco mais.

Pixel art pode ser desenhado em qualquer programa de gráficos raster, é uma questão de preferência e experiência pessoal (assim como capacidade financeira, é claro). Alguém usa o Paint mais simples, eu faço no Photoshop - porque, em primeiro lugar, trabalho nele há muito tempo e, em segundo lugar, estou mais confortável lá. De alguma forma, decidi experimentar o Paint.NET gratuito, não gostei - é como um carro que reconhece um carro estrangeiro com transmissão automática em Zaporozhets é improvável que se sente. Meu empregador me fornece software licenciado, então tenho a consciência tranquila perante a Adobe Corporation... Embora os preços de seus programas sejam impensáveis, e eles queimam no inferno por isso.

1. Preparação para o trabalho.

Crie um novo documento com qualquer configuração (que tenha 60 pixels de largura, 100 pixels de altura). A principal ferramenta de um pixel artist é um lápis ( Ferramenta Lápis, invocado pela tecla de atalho B). Se a barra de ferramentas tiver um pincel ativado (e um ícone representando um pincel), passe o mouse sobre ele, pressione e segure LMB- aparecerá um pequeno menu suspenso no qual você deve selecionar um lápis. Defina o tamanho da caneta para 1 pixel (no painel superior à esquerda, um menu suspenso Escovar):