Articles

um Tutorial básico da Sprite

Aqui está um ensaio básico de como transformar o seu desenho em arte de pixels usando alguns truques do Photoshop ou do GIMP.

Passo 1: O Desenho

Note que, como não há qualquer máscara detalhes e como as mãos são simples e agradável

Um tablet é bom ter para desenho diretamente em um programa de arte como o Photoshop. Caso contrário, escaneie um desenho com lápis pesados ou linhas encravadas. Se você quiser imitar um estilo de jogo específico, use uma imagem ampliada como referência para as proporções e largura do corpo (o que infelizmente eu não fiz com este esboço). Mantenha os detalhes no mínimo para que não atrapalhe as coisas quando encolhe.

Hora: varia

Passo 2: o Redimensionamento

não redimensionar com restrita proporções esticar e squash para corresponder ao seu destino proporções

Encontrar um gráfico semelhante ao tamanho (ou representar) que você deseja copiar. Encolher o desenho e simultaneamente torná-lo tão largo quanto precisa ser para corresponder, se você não o trabalhou para fora no Passo 1. Note que neste sketch, eu quero a mesma altura, mas um pouco mais largo.

Tempo: 30 segundos

Passo 3: a Nitidez

Use o Photoshop ou GIMP Limite da ferramenta para poupar uma tonelada de tempo de limpeza

Mesclar a camada com o redimensionada auto-croquis para uma camada com um plano de fundo branco sólido. Go to IMAGE > regulations> THRESHOLD in Photoshop or the equivalent in GIMP to thin the linework down to pure black and white pixels. Certifica-te que estás mais perto para ver os pixels melhor. Mantenha todos os seus detalhes originais tão compreensíveis quanto possível para que você não precisa se referir para trás e para a frente ao seu desenho original muitas vezes.este passo tornará a limpeza das linhas e o preenchimento de cores fácil e poupar-lhe-á muito tempo ao longo da limpeza manual.

tempo: 10 segundos

Passo 4: Limpeza

afiar os contornos até terem 1 pixel de largura. Não tenha medo de quebrar alguns contornos, e não se preocupe com detalhes mais finos ainda

Faça uma camada apenas para as linhas (apagar todas as brancas). Amplia e limpa os contornos. Se estás dentro para quebrar linhas, este é o lugar para fazê-lo. Não é hora de trabalhar nos detalhes finos ainda (novamente, Máscara e mãos) – basta começar a dar âncoras para a coloração. Quando terminar, feche a camada.

tempo: 10-20 minutos

Passo 5: Preencha ferramenta de Flats

Plano de cores são preenchidos – neste caso, as cores de sombra

Preencha televisão cores em uma camada abaixo das linhas. Trabalhar para fora Detalhes da roupa, etc, mas não fazer qualquer sombreamento. A luz será adicionada depois. Este passo realmente dá spriting a sensação de “produção de quadrinhos”. Nota especial: algumas pessoas preferem usar as cores da área de luz para seus apartamentos, em seguida, adicionando as sombras depois. Isto vai produzir um efeito final diferente, então experimente.

tempo: 2 ou 3 minutos

Passo 6: O Sombreamento

a Economizar tempo e obter boas cores utilizando o branco em camadas conjunto de Sobreposição para iluminar a sombra de flats

agora você tem uma camada de linhas e uma camada para apartamentos. Aqui é onde o Photoshop te poupa algum tempo. Inserir duas camadas entre as linhas e os apartamentos. Muda-os para sobrepor o estilo e faz a opacidade de 50% superior. Selecione um lápis de 1 ou 2 pixels e comece a colocar alguns brancos. Luz instantânea através das cores.Nota: primeiro trabalhe com a camada de opacidade de 100%. Quando você tiver o sombreamento sobre como você gosta, use a ferramenta Magic want para selecionar as áreas não-brancas. Em seguida, passar para a camada de 50% para o sombreamento a meio (depois de esconder as formigas marchando da varinha). Você não quer que as duas camadas para sobrepor os seus brancos ou você vai obter destaques extra.

tempo: 30-90 minutos

Passo 7: verificação do sombreamento

verifique os detalhes do seu sombreamento, tornando-se em tons de cinzento e eliminando distrações de cor

por vezes, necessita de olhos frescos para verificar se tem o direito de sombrear.isto é o que suas camadas devem parecer – os apartamentos cheios w / black é o que estamos adicionando agora. Copie a camada flats, tranque – a, Preencha-a com preto (Edite > Fill). Em seguida, mude suas duas camadas brancas de sobreposição para Normal. You should get this:

I really can’t think of a better way to test shading than to take out all the distracting costume color and ramp it up to maximum contrast. É a maneira mais fácil de encontrar pequenas coisas que não parecem certas, ou mesmo grandes coisas que você estava muito concentrado para notar. O que é melhor, correção é apenas uma questão de fixar os brancos – não mudando cada cor. Tenta com um fundo preto, também.
Hmm. Acho que vou ver a mão esquerda dela antes de terminar.

tempo: 90 segundos para verificar; varia para correcções

Passo 8: As Linhas de cor

Coincidir com o contorno da escuridão para o resto do sombreamento

Agora que eles fizeram o seu b&w trabalho de sobreposição para o passo 7, é hora de o descreve ficou colorido e antialiased nas áreas de luz. Com as suas camadas em ‘lock’, deve ser um estalo. Lembre – se sempre: trabalhar em fundo escuro (mas não preto puro) ao fazer o trabalho de esboço. Ajuda o antialiasing.

tempo: 30-60 minutos

Passo 9: Detalhes & Limpezas

acabar com os detalhes mais finos

Esta é a ‘sutileza’ do palco. * Acertar as cores (a sobreposição realmente faz um bom trabalho com a coloração) *Adicionar detalhes difíceis de pixel (triângulo na máscara, linhas azuis em torno das bordas das luvas, etc) *terminar os detalhes sutis que você salvou para agora (mãos) * Last go around for mistakes. Note que eu ‘esqueci’ sobre suas botas amarelas-mas com este processo, é apenas uma questão de adicionar o amarelo à camada flats. É pré-sombreado!