[Loose Leaf] 7ª Lição: Desenhando Chips de Mapa 2

[Victor Sena]

CURSO DE PIXEL ARTE​

Artes/Imagens por MACK
Escrito: por MACK (宮内真琴/Makoto Miyauchi)
Ano: 2001
Site: Loose Leaf (http://members7.cool.ne.jp/~mack-m/)

Download (ダウンロード): ​

Tarefas Básicas para o Curso de Pixel Arte​ 1ª Lição: Prática Básica de Pixel Arte 1 2ª Lição: Prática Básica de Pixel Arte 2 3ª Lição: Como Criar uma Paleta de Cores 4ª Lição: Usando a Influência de Cores para Criar Imagens 5ª Lição: Efeito do Sombreamento 6ª Lição: Desenhando Chips de Mapa 1 7ª Lição: Desenhando Chips de Mapa 2 8ª Lição: Desenhando Chips de Mapa 3 9ª Lição: Desenhando Chips de Mapa 4 10ª Lição: Desenhando Chips de Mapa 5 11ª Lição: Textura 1 12ª Lição: Textura 2 - Transparência 1 13ª Lição: Textura 2 - Transparência 2 14ª Lição: Textura 3 - Metal 15ª Lição: Textura 4 - Tecido 16ª Lição: Desenhando Chips de Mapa 6 - Interior 1 17ª Lição: Desenhando Chips de Mapa 7 - Interior 2 18ª Lição: Desenhando Chips de Mapa 8 - Interior 3 19ª Lição: Desenhando Chips de Mapa 9 - Interior 4 Extra​ Vamos Desenhar Objetos de Mapa

Desenhando Faces​ ● Com Referência ┝ 1. Preparando a Arte Original ┝ 2. Digitalização da Arte Original ┝ 3. Corrigindo o Desenho a Lápis ┝ 4. Criando a Paleta de Cores ┝ 5. Colorindo e Dando Sombra Toda a Imagem ┕ 6. Desenhar Detalhando Cada Parte ● Sem Referência Network RPG Maker 2000​ ● Como Fazer Personagem Chibi ┝ Parte 1: Decida a Forma do Personagem ┕ Parte 2: Comece com 4 Direções Dúvidas/Respostas Sobre Pixel Arte​ D.0 Método para Colorir Gráficos Faciais D.1 Ensine-me Uma Maneira Fácil de Desenhar Árvores D.2 Ensine-me Como Expressar a Textura do Cabelo D.3 Ensine-me Como Desenhar um Deserto D.4 O Paint do Windows não permite desenhar pixels individualmente?

7ª LIÇÃO: DESENHANDO CHIPS DE MAPA 2​

　Quando se desenha um "mapchip", por onde você começa? Com móveis ou com paredes de rochas? Não importa por onde você começa, há algo que você precisa fazer primeiro: o chão (ou a superfície). Mesmo que você desenhe móveis, eles não ficarão completos sem um chão; se você desenhar paredes de rochas, precisará de uma grama ou um terreno rochoso para acompanhá-lo. Comece desenhando o chão, que é a base fundamental e depois vá desenhando as paredes e os móveis. Isso também se tornará mais fácil para unificar os chips.

　Em comparação com outros "chips", o chão ocupa a maior parte da área durante o jogo. Portanto, muitas vezes é necessário conectar várias peças. É difícil não chamar atenção para as conexões quando se trata de "chips" de superfície. É por isso que desta vez, começaremos com o "loop" do chão.​

　Primeiro, gostaria de começar desenhando o mar. Coloque o mar no canto superior esquerdo do arquivo mchip0.bmp (A) para que a criação automática da linha costeira possa ser usada.
　Como o mar pode ser conectado a muitos dos chips terrestres, é necessário garantir que eles sejam sempre conectados em um loop ou que a conexão não possa ser percebida mesmo sem um loop. Para criar um loop, a parte rosa à esquerda deve continuar na parte rosa à direita, como na imagem mais à direita. O verde superior também deve continuar no verde inferior.
​

　Para tornar isso mais fácil de entender, acrescentei letras do alfabeto. Se você observar isso, verá que a linha das ondas que começa à esquerda de A precisa terminar na mesma altura da linha que termina à direita de B. Se você se concentrar nisso, o loop será fácil de fazer.
​

　Agora vamos desenhar o mar com loop. Primeiro, preencha 32x32 pixels com a cor base do mar. Em seguida, pinte as cores profundas do mar de forma irregular. Se você lembrar que o mar fica mais escuro conforme fica mais profundo, a cor natural virá à mente. Para águas rasas, desenhe a areia ou a terra que pode ser vista através da água na parte preta. Tente evitar que fique grudado nas bordas.

　Aplique o anti-aliasing nessa parte escura e deixe-a com uma aparência embaçada. Por fim, desenhe os destaques (cor clara, brilho) da espuma e da luz. Como você aprendeu no início, termine a parte direita da linha que começou à esquerda e termine a parte inferior da posição que começou na parte superior.
​

　Mesmo assim, se você colocar várias juntas, será evidente que são de 32x32 pixels. Verifique os pixels estranhos meticulosamente ao colocá-los juntos.
​

　Para que seja fácil de corrigir, organize-os como uma grade de 16x16 pixels, como mostrado à direita. Dessa forma, as partes dos cantos que parecem não estar conectadas ficam no centro e são mais fáceis de corrigir. As partes externas se tornam as partes do meio anteriormente mencionadas e se tornam loops em todas as direções.
​

　Deve ficar como a imagem acima.
​

　Corrija as partes com conexões estranhas entre as partes escuras e as partes brilhantes. Em seguida, aplique anti-aliasing às partes brilhantes e remova as arestas. Em seguida, troque a posição novamente e corrija as partes com linhas que não parecem naturais. Se você desenhar linhas aleatórias, elas podem ficar muito largas ou estreitas. Para evitar que pareça mecânico quando colocado juntos, tente deixá-lo aleatório, mas sem diferenças significativas no tamanho. Se você deseja torná-lo artificial, pode aproveitar essa propriedade para deixá-lo uniforme em tamanho ou variar em tamanhos grandes e pequenos.
​

　Coloque alguns juntos e verifique no final. Quando se tornar como o mar, estará pronto. Se tornar um pouco mais verde e mais brilhante, será como o mar do sul, se usar cores mais profundas e reduzir os destaques, será como o mar do norte.
​

　Desenhe a pradaria da mesma maneira. No entanto, como há poucas linhas para pradaria, é muito fácil de conectar.
　Primeiro, pinte a base de verde. Como a pradaria será mais detalhada, desenhe primeiro um bloco de 16x16. Espalhe as sombras escuras. Como um campo, espalhe-o por toda a área.
　Aplique anti-aliasing às sombras e remova as bordas ásperas. Adicione uma cor clara e aplique anti-aliasing a ela.
　Quando as áreas escuras e claras estiverem prontas e a pradaria tiver textura, copie-a e faça um bloco de 32x32 pixels. Se houver alguma conexão anormal, corrija-o. Em seguida, execute o mesmo rearranjo que o mar e corrija as conexões anormais.
​

　Coloque alguns juntos e verifique se a pradaria está concluída.
​

　Faça um caminho de pedras como o piso dentro da casa. Como o caminho de pedras é uma disposição artificial de pedras, é melhor criar um padrão constante com loop.
　Primeiro, pinte a cor base. Em seguida, desenhe o contorno das pedras. Certifique-se de que o círculo não fique fora de controle.
　Para dar diferença de cor, altere aleatoriamente a cor base. Em seguida, execute a disposição usual e corrija as conexões anormais no meio.
　Tente preencher as lacunas o máximo possível, mantendo a forma circular original das pedras. Quando terminar de preencher, aplique anti-aliasing, espalhe o padrão de azulejo e dê textura às pedras ásperas.
　Execute a disposição novamente e corrija as conexões anormais que ocorrem devido ao anti-aliasing.
​

　Coloque alguns juntos e verifique as conexões para concluir. Neste caso, deixamos a parte branca da pedra muito evidente, mas se for muito perceptível, corrija para que fique menos evidente. Nesse caso, pintar com uma cor mais escura ajudará a disfarçá-la.
​

■Produto Finalizado de Hoje■​

<< Voltar

Próxima >>​