Onde você pode desenhar pixel art? Programas para criação de pixel art

Parte 7: Texturas e Desfoque
Parte 8: Mundo do Azulejo

Prefácio

Existem muitas definições de pixel art, mas aqui usaremos isto: uma imagem é pixel art se for criada inteiramente à mão e houver controle sobre a cor e a posição de cada pixel desenhado. Claro que em pixel art, a inclusão ou utilização de pincéis ou ferramentas de desfoque ou máquinas degradadas (não tenho certeza), e outras opções de software que sejam “modernas” não são utilizadas por nós (na verdade colocar à nossa disposição significa “à nossa disposição” , mas logicamente parece mais correto assim). Está limitado às ferramentas lápis e preenchimento.

No entanto, você não pode dizer que os gráficos pixel art ou não pixel art são mais ou menos bonitos. É mais justo dizer que o pixel art é diferente e mais adequado para jogos de estilo retrô (como Super Nintendo ou Game Boy). Você também pode combinar as técnicas aprendidas aqui com efeitos de arte sem pixel para criar um estilo híbrido.

Então, aqui você aprenderá a parte técnica do pixel art. Porém, nunca farei de você um artista... pela simples razão de que também não sou um artista. Não lhe ensinarei nem anatomia humana nem a estrutura das artes, e direi pouco sobre perspectiva. Neste tutorial, você pode encontrar muitas informações sobre técnicas de pixel art. No final, você deverá ser capaz de criar personagens e cenários para seus jogos, desde que preste atenção, pratique regularmente e aplique as dicas fornecidas.

- Quero ressaltar também que apenas algumas das imagens utilizadas neste tutorial estão ampliadas. Para imagens que não estão ampliadas, seria bom que você reservasse um tempo para copiá-las para poder estudá-las detalhadamente. Pixel art é a essência dos pixels; estudá-los de longe é inútil.

No final, tenho que agradecer a todos os artistas que se juntaram a mim na criação deste guia de uma forma ou de outra: Shin, pelo seu trabalho sujo e arte linear, Xenohydrogen, pela sua genialidade com as cores, Lunn, pelo seu conhecimento de perspectiva, e Panda, o severo Ahruon, Dayo e Kryon pelas suas generosas contribuições para ilustrar estas páginas.

Então, deixe-me voltar ao assunto.

Parte 1: As ferramentas certas

Más notícias: você não desenhará um único pixel nesta parte! (E isso não é motivo para ignorá-lo, certo?) Se há um ditado que odeio, é “não existem ferramentas ruins, apenas trabalhadores ruins”. Na verdade, pensei que nada poderia estar mais longe da verdade (exceto talvez "o que não mata te torna mais forte"), e a pixel art é uma confirmação muito boa. Este guia tem como objetivo apresentar vários Programas, usado para criar pixel art e ajudá-lo a escolher o programa certo.

1.Algumas coisas antigas

Ao escolher um software para criar pixel art, as pessoas costumam pensar: “Escolha do software? Isso é loucura! Tudo o que precisamos para criar pixel art é pintura! (aparentemente um jogo de palavras, desenho e um programa)" Erro trágico: falei sobre ferramentas ruins, essa é a primeira. O Paint tem uma vantagem (e apenas uma): você já o possui se estiver executando o Windows. Por outro lado, tem muitas deficiências. Esta é uma lista (incompleta):

*Você não pode abrir mais de um arquivo ao mesmo tempo
* Sem controle de paleta.
*Sem camadas ou transparência
* Sem seleções não retangulares
* Poucas teclas de atalho
* Terrivelmente inconveniente

Resumindo, você pode esquecer o Paint. Agora veremos o software real.

2. No final...

As pessoas então pensam: “Ok, o Paint é muito limitado para mim, então vou usar meu amigo Photoshop (ou Gimp ou PaintShopPro, são a mesma coisa), que tem milhares de recursos”. Isso pode ser bom ou ruim: se você já conhece um desses programas, pode fazer pixel art (com todas as opções de anti-aliasing automático desativadas e muitos dos recursos avançados desativados). Se você ainda não conhece esses programas, gastará muito tempo aprendendo-os, mesmo que não precise de todas as suas funcionalidades, o que será uma perda de tempo. Resumindo, se você já os usa por muito tempo, você pode criar pixel art (eu pessoalmente uso o Photoshop por hábito), mas por outro lado, é muito melhor usar programas especializados em pixel art. Sim, eles existem.

3. Creme

Existem muito mais programas projetados para pixel art do que se imagina, mas aqui consideraremos apenas os melhores. Todos eles têm características muito semelhantes (controle de paleta, repetição de visualizações de blocos, transparência, camadas, etc.). Suas diferenças estão na conveniência... e no preço.

Charamaker 1999 - bom programa, mas a distribuição parece ter parado.

Graphics Gale é muito mais divertido e fácil de usar, e custa cerca de US$ 20, o que não é tão ruim. Deixe-me acrescentar que a versão de teste não é limitada no tempo e vem com kit suficiente para fazer o suficiente bons gráficos. Simplesmente não funciona com .gif, o que não é um problema, já que .png é melhor de qualquer maneira.

O software mais comumente usado por pixel artist é o ProMotion, que é (obviamente) mais conveniente e rápido que o Graphics Gale. Ah, sim, ela é querida! Você pode comprar versão completa por uma quantia modesta... 50 euros (78 dólares).
Não vamos esquecer nossos amigos Mac! Pixen é um bom programa disponível para Macintosh e é gratuito. Infelizmente não posso contar mais porque não tenho um Mac. Nota do tradutor (do francês): Os usuários do Linux (e outros) devem tentar o , e o GrafX2. Recomendo que você experimente todos eles em versões demo e veja qual se adapta à sua conveniência. No final é uma questão de gosto. Saiba que depois de começar a usar um programa, pode ser muito difícil mudar para outro.

Continua…

Notas do tradutor do francês para o inglês

Este é um ótimo tutorial sobre pixel art, escrito por Phil Razorbak de LesForges.org. Muito obrigado Phil Razorbak por permitir que OpenGameArt.org traduza esses guias e os publique aqui. (Do tradutor para o russo: não pedi permissão, se alguém quiser pode ajudar, não tenho experiência suficiente em comunicação em inglês, muito menos em francês).

Nota do tradutor de inglês para russo

Sou programador, não artista nem tradutor, traduzo para meus amigos artistas, mas tudo de bom que for desperdiçado, que fique aqui.
O original em francês está em algum lugar aqui www.lesforges.org
Tradução do francês para o inglês aqui: opengameart.org/content/les-forges-pixel-art-course
Traduzi do inglês porque não sei francês.
E sim, esta é minha primeira publicação, então sugestões de design são bem-vindas. Além disso, estou interessado na questão: as partes restantes devem ser publicadas como artigos separados ou é melhor atualizar e complementar este?

Arte de pixel(escrito sem hífen) ou gráficos de pixels- direção arte digital, que consiste em criar imagens ao nível do pixel (ou seja, a menor unidade lógica que compõe uma imagem). Nem todas as imagens raster são pixel art, embora todas consistam em pixels. Por que? Porque, em última análise, o conceito de pixel art abrange não tanto o resultado, mas o processo de criação de uma ilustração. Pixel por pixel e pronto. Se você pegar foto digital, reduza-o bastante (para que os pixels fiquem visíveis) e afirme que você o desenhou do zero - isso será uma verdadeira falsificação. Embora provavelmente haja simplórios ingênuos que irão elogiá-lo por seu trabalho meticuloso.

Atualmente não se sabe exatamente quando essa técnica se originou; as raízes se perderam em algum lugar no início da década de 1970. Porém, a técnica de compor imagens a partir de pequenos elementos remonta a formas de arte muito mais antigas, como mosaicos, ponto 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 aplicação mais difundida de pixel art está em jogos de computador, o que não é surpreendente - permitiu criar imagens pouco exigentes em termos de recursos e ao mesmo tempo verdadeiramente bonitas (ao mesmo tempo que tomava muito tempo do artista e exigia certas competências, implicando, portanto, uma boa remunerações). Em flor, Ponto mais alto em desenvolvimento são oficialmente chamados de videogames em consoles de 2ª e 3ª geração (início dos anos 1990). Maiores progressos na tecnologia, o surgimento das primeiras cores de 8 bits e depois do True Color, o desenvolvimento de gráficos tridimensionais - tudo isso com o tempo empurrou a pixel art para o segundo plano e para o terceiro lugar, e então começou a parecer que o fim da pixel art havia chegado.

Curiosamente, foi o Sr. Progresso Científico e Tecnológico quem empurrou os gráficos de pixel para as últimas posições em meados dos anos 90, e mais tarde os devolveu ao jogo - apresentando ao mundo os dispositivos móveis na forma de telefones celulares e PDAs. Afinal, não importa o quão útil um dispositivo moderno possa ser, você e eu sabemos que se você não puder pelo menos jogar paciência nele, ele não terá valor. Bem, onde há uma tela de baixa resolução, há pixel art. Como se costuma dizer, bem-vindo de volta.

É claro que vários elementos retrógrados tiveram seu papel no retorno dos gráficos pixelados, adorando sentir saudades dos bons e velhos jogos infantis, dizendo: “Eh, eles não fazem mais isso”; estetas que podem 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), é por isso que esculpem pixel art. Mas ainda não vamos descartar projetos puramente comerciais - aplicativos para dispositivos móveis, publicidade e web design. Portanto, agora a pixel art, como dizem, é difundida em círculos estreitos e ganhou uma espécie de status de arte “não para todos”. E isto apesar do fato de que para homem comumé extremamente acessível, pois para trabalhar nesta técnica basta ter em mãos um computador e um editor gráfico simples! (a habilidade de desenhar, aliás, também não vai doer) Chega de palavras, vamos 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 de pixel. Você pode desenhar em qualquer lugar, até no Game Boy, até no Nintendo DS, até no Microsoft Paint (outra coisa é que desenhar neste último é extremamente inconveniente). Há uma grande variedade de editores raster, muitos deles gratuitos e bastante funcionais, para que cada um possa decidir por si mesmo o software.

eu desenho Adobe Photoshop, porque é conveniente e porque já existe há muito tempo. Não vou mentir e dizer, resmungando minha dentadura, que “lembro que o Photoshop ainda era muito pequeno, estava em um Macintosh e tinha o número 1.0”. Mas lembro-me do Photoshop 4.0 (e também do Mac). Portanto, para mim a questão da escolha nunca foi uma questão. E, portanto, não, não, mas darei recomendações sobre o Photoshop, especialmente onde seus recursos ajudarão a simplificar significativamente a criatividade.

Então, você precisa de qualquer editor gráfico que permita desenhar com uma ferramenta de um pixel quadrado (também existem pixels não quadrados, por exemplo, redondos, mas eles este momento não interessado). Se o seu editor suportar qualquer conjunto de cores, ótimo. Se também permitir salvar arquivos, ótimo. Seria bom se ele soubesse trabalhar com camadas, porque ao trabalhar em uma imagem bastante complexa, é mais conveniente organizar seus elementos em camadas diferentes, mas em geralé uma questão de hábito e conveniência.

Podemos começar? Você provavelmente está esperando por uma lista de algumas técnicas secretas, recomendações que vão te ensinar como desenhar pixel art? Mas a verdade é que, em geral, não existe nada parecido. A única maneira de aprender a desenhar pixel art é desenhá-lo você mesmo, experimente, experimente, não tenha medo e experimente. Sinta-se à vontade para repetir o trabalho de outras pessoas, não tenha medo de parecer pouco original (só não faça passar o trabalho de outra pessoa como se fosse seu, hehe). Analise cuidadosa e cuidadosamente as obras de mestres (não meus) e desenhe, desenhe, desenhe. Vários links úteis esperam por você no final do artigo.

3. Princípios gerais.

E ainda existem vários princípios gerais, o que não vai doer saber. Na verdade são poucos, chamo-os de “princípios” e não de leis, porque são mais de carácter recomendatório. No final, se você conseguir desenhar uma pixel art brilhante 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. Deixe-me explicar: tudo que você desenha consiste em pixels, e o pixel deve ser legível em tudo. Isso não significa que a imagem não possa conter nenhum elemento, por exemplo, 2x2 pixels ou 3x3. Mas ainda é preferível construir uma imagem a partir de pixels individuais.

O traço e geralmente todas as linhas do desenho devem ter a espessura de um pixel (com raras exceções).

Não estou dizendo de forma alguma que isso esteja errado. Mas ainda não é muito bonito. E para deixar lindo, vamos lembrar mais uma regra: desenhe sem dobras, arredonde suavemente. Existem dobras - fragmentos que se rompem ordem geral, eles dão às linhas uma aparência irregular e irregular (no ambiente de pixel artist de língua inglesa, eles são chamados de jaggies):

As fraturas privam o desenho de sua suavidade e beleza naturais. E se os fragmentos 3, 4 e 5 são óbvios e podem ser facilmente corrigidos, com os outros a situação é mais complicada - aí se quebra o comprimento de uma única peça da corrente, pareceria um pouco, mas o pouco é perceptível. É preciso um pouco de prática para aprender a ver esses lugares e evitá-los. A dobra 1 é eliminada da linha porque é um único pixel - enquanto na área onde foi inserida a linha consiste em segmentos de 2 pixels. Para me livrar disso, suavizei a entrada da curva na curva, alongando o segmento superior para 3 pixels, e redesenhei toda a linha em segmentos de 2 pixels. 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 retas inclinadas, que podem ser encontrados em quase todos os manuais de pixel art (o meu não é exceção), ajudará você a evitar tais problemas ao desenhar:

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

Não é difícil, certo? Tudo que você precisa é de um hábito. A capacidade de desenhar linhas retas inclinadas em incrementos de 2 pixels ajudará na isometria, por isso veremos isso com mais detalhes na próxima vez. Em geral, 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 levamos em consideração uma regra simples para arredondar linhas curvas: o comprimento dos elementos da curva deve diminuir/aumentar gradualmente.

A saída da reta para o arredondamento é feita de forma suave, indiquei o comprimento de cada segmento: 5 pixels, 3, 2, 2, 1, 1, novamente 2 (já vertical), 3, 5 e assim por diante. Seu caso não necessariamente usará a mesma sequência, tudo depende da suavidade que for necessária. Outro exemplo de arredondamento:

Mais uma vez, evitamos dobras que estragam tanto a imagem. Se quiser conferir o material que aprendeu, aqui tenho um skin para Winamp desenhado por um autor desconhecido, um espaço em branco:

Existem erros grosseiros no desenho e simplesmente arredondamentos malsucedidos, e existem torções - tente corrigir a imagem com base no que você já sabe. Isso é tudo que tenho com as linhas, sugiro que você desenhe um pouco. E não se deixe confundir pela simplicidade dos exemplos, você só aprende a desenhar desenhando – até as coisas mais simples.

4.1. Desenhe uma garrafa de água viva.

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

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 à bolha e uma sombra de 1 pixel de largura vermelho escuro nas áreas de líquido adjacentes às paredes da bolha. Parece muito bom, hein?

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. Desenhando uma melancia.

Vamos desenhar um círculo e um semicírculo - será uma melancia e uma fatia recortada.

2. Vamos marcar o recorte na própria melancia, e na fatia – a borda entre a casca e a polpa.

3. Preenchimento. Cores da paleta, verde médio é a cor da casca, vermelho médio é a cor da polpa.

4. Marquemos a área de transição da crosta para a polpa.

5. Listras claras na melancia (finalmente parece ela mesma). E claro – sementes! Se você cruzar uma melancia com baratas, elas irão rastejar sozinhas.

6. Nós trazemos isso à mente. Usamos uma cor rosa pálido para indicar os destaques acima das sementes na seção e, ao dispor os pixels em um padrão xadrez, obtemos alguma aparência de volume do segmento recortado (o método é chamado de pontilhamento, mais sobre isso mais tarde ). Usamos um tom vermelho escuro para indicar as áreas sombreadas na seção da melancia, e um tom verde escuro (novamente, pixels em um padrão xadrez) para dar volume à própria melancia.

5. Pontilhamento.

Dithering, ou mesclagem, é uma técnica de mistura de pixels em duas áreas adjacentes de cores diferentes de uma forma definitivamente ordenada (nem sempre). O mais simples, mais comum e método eficaz– pixels alternados em um padrão xadrez:

A técnica nasceu graças a (ou melhor, apesar de) limitações técnicas - em plataformas com paletas limitadas, o dithering permitia, ao misturar pixels de duas cores diferentes, obter uma terceira que não estava na paleta:

Agora, numa era de possibilidades técnicas ilimitadas, muitos dizem que a necessidade de hesitação desapareceu por si só. Porém, seu uso adequado pode conferir ao seu trabalho um estilo retrô característico, reconhecível por todos os fãs de videogames antigos. Pessoalmente, gosto de usar pontilhamento. Não sou muito bom nisso, mas ainda adoro.

Mais duas opções de 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 (aquelas linhas quadriculadas). Mais é possível. É melhor não fazer menos.

Abaixo está um exemplo de pontilhamento malsucedido. Apesar do fato de que uma técnica semelhante pode ser frequentemente encontrada em sprites de videogames, você precisa estar ciente de que a tela da televisão suavizou significativamente a imagem, e tal pente, mesmo em movimento, não era visível a olho nu:

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

Pixel art pode ser desenhado em qualquer programa para trabalhar com gráficos raster, é uma questão de preferência pessoal e experiência (além de capacidade financeira, é claro). Algumas pessoas usam o Paint mais simples, eu faço no Photoshop - porque, em primeiro lugar, já trabalho nele há muito tempo e, em segundo lugar, me sinto mais confortável lá. Assim que decidi experimentar o Paint.NET gratuito, não gostei - é como um carro: se você reconhecer um carro estrangeiro com transmissão automática, é improvável que entre em um Zaporozhets. Meu empregador me fornece software licenciado, então minha consciência está tranquila diante da corporação Adobe... Embora eles cobrem preços inimagináveis por seus programas e queimem no inferno por isso.

1. Preparação para o trabalho.

Crie um novo documento com qualquer configuração (deixe a largura ser 60 e a altura 100 pixels). A principal ferramenta de um pixel artist é um lápis ( Ferramenta Lápis, chamado pela tecla de atalho B). Se o pincel (e o ícone do pincel) estiver habilitado na barra de ferramentas, passe o mouse sobre ele, clique 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 há um menu suspenso Escovar):