Pixel Perfeito: dominar a arte do pixel Art 101

1. Introdução: Olá, meu nome é e outras coisas e Asara, engenheira, artista de Toronto, Canadá e desnecessária, cria vídeos sobre o processo criativo e o investimento. Parte da jornada do meu artista foi me deparar com tantos gêneros diferentes. E, ultimamente, venho mergulhando profundamente na arte em pixels. Eu faço arte digital há mais de 17 anos e gerei milhares e milhares de imagens. Da criação de imagens estáticas à criação de uma animação completa para ajudar você a contar sua história de uma forma mais visual. E neste curso, vou analisar minha experiência e mostrar passo a passo como criar suas próprias imagens. Primeiro passo, analisaremos todas as minhas influências e o que me motiva a criar arte em pixels diariamente. Segundo passo, analisaremos as ferramentas e tudo o que você precisa criar do início ao fim. Passo três, vamos analisar os tamanhos dos personagens. Passo quatro: mergulharemos na teoria das linhas e em como transformar a arte em pixels em pop. Etapa cinco: configurar seu software para estar pronto para pixels. Passo seis, vamos analisar criação de personagens e tudo o que eu vou passar do início ao fim. Passo sete, examinaremos o plano de fundo e juntaremos tudo. Passo oito, exporte a imagem e divirta-se. Espero que você tenha gostado desse curso tanto quanto eu gostei de fazê-lo. Se você tiver alguma dúvida, basta entrar em contato comigo ou deixar um comentário abaixo. Tenho meu youtube e Twitter conectados a este perfil e adoraria me conectar com você. 2. Ferramentas usadas: Neste módulo, examinaremos algumas das ferramentas usadas para criar arte em pixels. E antes de tudo, se você tiver um mouse, você está praticamente pronto para começar. Mas se você quiser dar um passo adiante, recomendo comprar um tablet ou uma caneta. Isso realmente o ajudará com algumas dessas linhas que você está tentando criar e o colocará dessas linhas que você está tentando criar no ritmo de ser um artista. Então, eu pessoalmente usei o awake em um tablet médio. Praticamente qualquer tablet médio funcionará, o que equivale a oito por seis. E acho que esse é um tamanho muito bom para começar. Qualquer coisa menor é muito pequena. Alguma coisa grande? É muito vago, na minha opinião. Não importa qual iteração. Eu ainda uso os mais antigos, mas gosto da aparência do novo design, especialmente agora que é Bluetooth, então é sem fio e você pode fazer muitas coisas com ele sem fios por perto. A seguir, vamos falar sobre o software. Portanto, existem muitos softwares disponíveis no momento que podem ajudá-lo a criar a arte em pixels. Eu pessoalmente uso isso agora, que é Photoshop e pixel. Então, vamos analisar alguns dos prós e contras do uso de pixels. Portanto, uma das maiores vantagens do pixel é que ele é acessível , muito pequeno e leve. Este programa foi feito especificamente para criar arte em pixels e tem uma maneira muito intuitiva de animar sua arte. Outro PRO que possui paletas de cores muito intuitivas e a maneira como você pode selecionar entre luz e sombras. Eu acho que é superior a tudo que eu já vi na indústria. Agora vamos analisar alguns dos contras. Uma das coisas que notei é que, embora tenha um sistema de camadas, é muito lento. Quando você passa por cerca de dez camadas , fica muito lento. E com base no meu fluxo de trabalho, geralmente gosto muito mais do que isso um dos meus projetos que tinha quase 200 camadas, porque eu tinha ideias diferentes, bocas diferentes, as camisas. E eu tentei fazer isso com o pixel e descobri que ele simplesmente não se comporta tão bem quanto o Photoshop. A tal ponto que toda vez que tento pressionar um atalho diferente, ele simplesmente não é registrado e se torna um incômodo. E uma segunda coisa é que eles não têm atualizações regularmente. Atualmente, eu diria que está no limbo, é viável. Mas todos os bugs que encontramos agora não estão sendo resolvidos. E eu sei quando começou a ser trabalhado no futuro, embora eu o recomendasse, porque se você o comparar com o Photoshop, por exemplo , ainda precisará pagar uma mensalidade. Esta é uma taxa única e você tem muito com que trabalhar. E é um ótimo ponto de entrada para quem quer experimentar a arte em pixels. Agora vamos usar o Photoshop. Uma das coisas é o motivo pelo qual eu gosto do Photoshop e ele é um pouco tendencioso porque eu uso o Photoshop há 17 anos. Então, basicamente, uma das coisas é que, se você já conhece uma linguagem de programa ou se já está confortável com a ferramenta, não faz sentido mudar porque você já tem seu fluxo de trabalho. Então, essa é provavelmente uma das minhas vantagens para mim: eu já conheço a ferramenta, sei onde estão os atalhos e isso acelera tanto meu fluxo de trabalho que eu não preciso verificar nada, ela simplesmente vem naturalmente. Uma segunda coisa é que o sistema de camadas é muito bom. Não atrasa. Tudo flui naturalmente. E eles têm pincéis extensos que, se você decidir sair do pixel, pode usá-los para qualquer outra coisa. É basicamente por isso que estou usando o Photoshop porque, por um lado do pixel, eu o uso para todos os meus outros projetos seja para fotografia, para arte digital. E simplesmente funciona para o meu fluxo de trabalho. E isso simplesmente abre muitas portas. E a terceira coisa é que a maneira como você lida com o efeito é tão poderosa. E a quarta coisa, há muitos tutoriais on-line para o Photoshop. Praticamente existe desde sempre. Cada pergunta provavelmente foi respondida por alguém. Então, agora vamos analisar alguns dos contras. Eu acho que o Photoshop é muito caro, apenas com base em ter uma taxa mensal para continuar usando o programa. É só que eu acho que é demais para muitas pessoas. Mas se você puder pagar, é algo que você usa regularmente. Isso abrirá muitas portas para nós. E o terceiro software é um Sprite. Eu pessoalmente não o usei, mas vi muitas pessoas recomendá-lo para mim. Então, se isso é algo que você está usando e quer apenas tentar me converter, me avise nos comentários. Definitivamente, estou aberto a experimentá-lo ainda este ano. Então, dedos cruzados. E agora que analisamos alguns dos prós e contras, vamos configurar o Photoshop para pixels. 3. Influências: Então, eu queria mostrar que algumas das minhas influências são meus videogames favoritos. O primeiro é o hyper Light Drifter. Acho que o Hyper Light Drifter é um dos melhores jogos que já joquei. Da direção de arte à mecânica do jogo. Tudo flui de uma maneira muito bonita. E uma coisa que você notou estilo deles é que eles realmente não usam contornos e seus desenhos linhas muito retas e eles só usam contornos para detalhes muito específicos como este, por exemplo, onde você realmente precisa ir e interagir. Digamos, por exemplo, este. Tudo é tão nítido e diagonal que chama sua atenção para o centro. E isso é apenas uma de suas coisas brilhantes. Eles são projetados , parecem muito bons e funcionam muito bem. O próximo é Scott Pilgrim. Então Scott Pilgrim é uma história em quadrinhos e também um filme. Então eles criaram um jogo há alguns anos, e eu acho um estilo muito bom. Honestamente, parece incrível. Mas eles tendem a usar linhas muito mais nítidas e têm um contorno, como um contorno escuro por trás de tudo. Parece muito bom. Quero dizer, você pode dizer se há tantos personagens lá. Há um palco. Há um pequeno detalhe que mostra que isso realmente foi feito de madeira. Tudo parece ótimo para o jogo, mesmo que pareça um pouco ocupado por causa do esboço. Mas quando você joga o jogo, tudo flui muito bem e o personagem se destaca muito. Da próxima vez que eu quiser me cobrir , entrarei na masmorra. E este é um jogo de tiro de cima para baixo que tem uma cor mais escura com um pouco de sobrevivência. Então, acho que este também tem um tom muito mais escuro. Compare-o com o Scott Pilgrim, por exemplo, e tudo parece um pouco contrastante e eles não usam muitos contornos. Você pode ver aqui que o esboço é apenas para o personagem. É muito, muito simples, mas funciona muito bem. E por último, um dos meus favoritos absolutos é o metal slug, e esse é simplesmente incrível de se ver. Eles usam todos os pixels possíveis na tela para garantir que você goste da experiência deles. Que mesmo se você olhar para o fundo, há muita hesitação em mostrar que este é muito mais que este é muito mais escuro do que aqui. Em suas orelhas. Muitas texturas. Você vê muitas texturas e eles estão usando, como se provavelmente tivessem uma grande equipe trabalhando nisso. Mas eles tiveram sucesso porque até as texturas nas rochas parecem fenomenais. E esse é o santo graal de como a arte em pixels deve ser. Você percebe aqui que eles têm contornos muito nítidos para cada personagem, o escuro para garantir que haja um contraste entre um e o outro. E eles também enfatizam as cores. Então, eles usam cores muito brilhantes e vibrantes. E há muito cuidado com os detalhes, até mesmo com as folhas e tudo mais. Então, esses são meus quatro jogos de pixel favoritos de todos os tempos. E estou curioso para saber sobre o seu. 4. Tamanho de personagem: Neste módulo, veremos algumas das artes em pixels e como os artistas tomam uma decisão sobre o tamanho de que precisam para o jogo. Vamos ver alguns exemplos de sprites diferentes para jogos diferentes. E vamos tentar analisar algumas de suas decisões sobre por que escolheram esse tamanho. Em comparação com, digamos que eles podem ser maiores. E você pode ver que quanto menores os tamanhos dos sprites, quanto menos detalhes você pode inserir, mais altos, você pode obter muitas texturas diferentes. E você pode simplesmente enlouquecer com o quão grande você pode. Então, por exemplo eles estão em 64, isso está em 32, isso é 16, 24. Vamos dar uma olhada em Mario Brothers e ver o que está acontecendo aqui. Basicamente, Mario Brothers tem 16 por 16 caracteres. E então você pode ver que eles tinham muitos detalhes, mas feitos com um estilo bem minimalista, que significa que eles podem perceber imediatamente que isso é um rosto, isso é um eu, essa é a boca e até mesmo ter botões para a roupa dele. Então, eles usaram praticamente todos os imóveis que tinham para garantir que você obtivesse todas essas informações. Então, digamos que, por exemplo se você decidiu remover o bigode, não sabe realmente onde o mouse começa. E essa é basicamente a beleza de como os designers e artistas tomam decisões. Então, para isso, eles decidiram colocar um bigode para dizer ao jogador que, a propósito, isso é uma boca e esse será o olho. E, basicamente, o que estou tentando dizer é que às vezes menos é mais com arte em pixels. E você mantém muitos detalhes na imaginação do jogador que está se esforçando para criar um homem. A mesma coisa aqui, no entanto, eles fornecem um pouco mais de pixels. Então esse tem mais oito pixels. Mas uma coisa que você quer ver é que, na verdade eles usam 13 pixels para o rosto. E quatro aqui eles usam sete pixels para o rosto. Então eles deram muito mais. Eles queriam enfatizar muito mais os olhos. É por isso que eles deram aos olhos quase quatro pixels para brincar em comparação com Mario, que tem apenas dois pixels. Então, tudo depende da sua decisão. E você vê que eles realmente não colocaram muitos detalhes, exceto por apenas uma linha que separa o torso das pernas. Da mesma forma, se você decidir misturar tudo, funcionará, mas simplesmente não parece tão bom. Então, uma coisa que os designers precisam fazer é separar. Você pode dizer que isso é uma orelha, esse é o centro. E quando eles se movem para a esquerda e para a direita, você pode ver que o personagem está realmente se movendo. Você pode ver em Hyper Light Drifter. Eles também fizeram um design muito minimalista, onde você pode ver que esse é o chapéu, esses são os olhos. E basicamente eles usam cerca de 11 pixels para a cabeça. E se você quiser comparar aqui, eles usaram 13 pixels. Então, é muito, muito parecido. Mudando para Mega Man no Gameboy Advance. Você pode ver que há muitos detalhes e está tentando colocar muita textura neles. E o que você pode ver toda vez que sobe em pixels é muito mais trabalho e muito mais detalhes. E, obviamente, será muito mais para animar. Então, se você está fazendo animação para isso, precisa garantir que todas as animações correspondam. O mesmo com isso. E é só que fica muito fora de controle quando você decide subir mais alto. Mas uma coisa a notar é que a maioria dos designs mantém tudo semelhante. Então, para Mega Man, um 12º pixel aqui, eles também o mantiveram bem próximo, o que equivale a 13 pixels. E aqui eles também o mantiveram em torno 13 pixels, então é muito parecido. E então eles adicionaram o cabelo. E, basicamente, os artistas tentam manter tudo consistente. Então, isso é 13 pixels. E então, se você for daqui para lá, então 13 pixels daqui para aqui são como 13 pixels. Portanto, é muito, muito semelhante em todos os aspectos. Basicamente, o Mega Man não mudou muito desde a época da Nintendo. E eles usam todos esses pixels extras para dar um pouco mais de detalhes, aumentar a altura e fornecer uma profundidade de campo, e fornecer uma profundidade de basicamente a partir de seus personagens Você pode ver que eles têm sombras aqui e muito mais detalhes no braço e nas pernas. Semelhança aqui. Eles começaram a fazer um pouco de sombreamento. E, basicamente, haverá algo muito comum. Assim que você sobe, você brinca com o sombreamento e tem, eu diria, mais espaço para sombreamentos que se movem para perto de 64. E agora você pode ver designs diferentes. Então, por exemplo em Scott Pilgrim, eles oferecem muito espaço para os olhos, que eles queriam que fosse muito proeminente. Então, eles realmente dão uma sobrancelha. Então, veja que são sete pixels, muito mais. Então, há cerca de sete pixels com os quais eles querem jogar. E da mesma forma aqui. Então, eles queriam dar muito mais à cabeça , apenas com base nos designs. Mas você também pode ver a diferença no sombreamento. Depende dos artistas novamente. Então, eles queriam manter tudo limpo para enfatizar que esse é, esse é o personagem, certo? Com meu personagem, eu só queria ter certeza de que teria muito mais espaço para trabalhar, especialmente com o manto a capa e literalmente o polvo aqui. Então, como os artistas tomam uma decisão sobre qual é o tamanho em pixels de sua planilha e até onde querem levar os gráficos? Bem, vamos dar um passo atrás e dar uma olhada na progressão dos consoles e ver como isso influenciou o artista a criar seus jogos. Por exemplo, se você está olhando para o Super Nintendo, Super Nintendo estava basicamente em 56 por 240. E isso seria como a tela. Portanto, faz sentido que eles tenham um personagem tão grande, ou talvez tão grande para jogar. Esse personagem tão grande ainda pode funcionar, mas é muito mais detalhado inserir esse pequeno tamanho de pixel. Se você quiser que ele entre dez e 64, o que foi um grande problema. Quase triplicou seu tamanho de pixel. Agora você consegue ver o 3D e pode realmente empurrá-lo até 64, se quiser. E a partir daí, praticamente os jogos de pixel art e pixel tiveram a vantagem, porque você pode ampliar seu design da maneira que achar melhor, porque não está mais restrito ao tamanho decimal de pixels da tela. Se quisermos dar uma olhada, por exemplo , no PS2, estamos vendo 12, 80 por 1024. E por último, basicamente estamos analisando o moderno atual até o PS5 P, eles são praticamente de novo para k. E você mal consegue ver os personagens aqui porque são muito, muito pequenos em comparação com os jogos modernos. Mas com o aumento de escala, você pode aprimorar qualquer personagem para o que quiser. E é algo que a maioria dos motores de jogos pode acomodar. Agora. É realmente, você tem tudo isso. Eu diria, playgrounds e escolha estilística. No entanto, você deseja criar seu personagem onde achar melhor. E acho que isso também é um pouco libertador, porque você não está apenas limitado pelo tamanho da tela do seu console, mas também pela habilidade e por quanto tempo deseja dedicar. Então, digamos que, por exemplo, com Mario e faça um homem, você pode criar como uma animação de caminhada com apenas quatro quadros. Você não precisa ultrapassar tanto os limites porque não há muitos detalhes com os quais brincamos. No entanto, quando você analisa metal slug e Mega Man do Gameboy Advance, talvez precise de oito, porque há muitos detalhes a serem incluídos e parecerão um pouco chocantes. Se a animação estiver muito lenta. Isso também significa dobrar o trabalho porque agora você está dobrando os pixels. Então você tem que desenhar muito mais do que você quer. Basicamente, com isso, você tem muitas, digamos que se quiser se agachar, agora você tem a opção porque você tem, você pode ver muito mais pernas, se quiser, o salto pode dar um pouco mais de animação. Então, este abre outro campo em que você pode enlouquecer um pouco com suas animações, mas também acontece muitas vezes desde então. E quando você olha para 64 ou mais, é como um campo aberto para saber como você quer fazer com sua animação. E fica muito fora de controle quando você tem vários personagens na tela. Digamos que, por exemplo , quatro, Scott Pilgrim, eles têm muitas animações diferentes para atacar, chutar, fazer movimentos especiais e tudo mais. E isso fica muito fora de controle. Então você tem que dedicar muito tempo e muito cuidado com você, o personagem, porque você pode fazer muito com isso. Agora que você tem as opções de até mesmo ter olhos. Assim, você pode mover os olhos se quiser. Você queria fazer uma animação inativa, então ele está olhando para cima e fechando os olhos. Você pode ir com isso, mas aqui, você não precisa fazer isso. Obviamente. Você pode simplesmente criar algo simples. Basta dizer: Ok, então agora ele fechou os olhos em um piscar de olhos. Então, vamos pegar, por exemplo, se eu quisesse criar algo aqui. Então, eu queria fazer uma animação piscando. Agora ele parece piscar, certo? Mas essa é apenas a beleza de ter algo muito pequeno para trabalhar em comparação com isso, o que é muito mais complicado. Mas é, no final do dia. É uma escolha estilística e você pode fazer o que achar melhor com seu projeto. 5. Configurando o Photoshop: Então, vamos começar um novo arquivo no Photoshop. Pressione Arquivo e Novo. E vamos criar 180 pixels por 80 pixels. Crie. E você pode pressionar aqui para ampliar ou Prezi. E você pode ir em frente e estamos prontos para ir. Se você quiser diminuir o zoom, você pode pressionar aqui ou pressionar Alt e pressionar com o botão do mouse para diminuir o zoom. A primeira coisa que você quer abordar é como usar o sistema de camadas. Portanto, a camada está basicamente no canto direito. E você pode criar uma camada pressionando esse botão. Agora, digamos que se você quisesse desenhar algo nessa camada, ela está lá. E então você pode clicar nessa visibilidade para ativá-la e desativá-la. Então, deixe-me mostrar um exemplo de por que ou como podemos usar isso de muitas maneiras diferentes. Então, digamos que eu tenha duas camadas diferentes, que são a camada um e a camada dois. E eu vou criar outra camada e chamá-la de camada três. E eu vou transformá-lo em um azul. Então eu tenho a camada um, vermelho também é amarelo e três é azul. Então, se eu arrastei a camada três para baixo até a camada dois, você pode ver que a camada dois está acima da azul. E se eu colocar esse até um, ficará por trás da camada de pão. Então, vamos colocá-lo aqui. Por exemplo , se eu arrastar tudo de volta para cima, agora está aqui. Similaridade, se eu fizer a mesma coisa com camada um e arrastá-la até o topo, ficará no topo das duas camadas. E é assim que você pode criar efeitos muito legais se tiver muitos objetos diferentes. E é algo que você vai usar com muita frequência, mas isso é algo que você sempre será útil se quiser que ele faça algo um pouco mais avançado. Ou se você estiver experimentando com dispositivos vestíveis, por exemplo, se você tem camadas diferentes para personagens diferentes e alguns personagens , eu diria, olhos e boca diferentes, óculos de sol, etc. Você sempre pode mover essas camadas para criar efeitos muito diferentes. Digamos que, por exemplo se você está desenhando um personagem, você quer criar, digamos, a capa como camada inferior. E então você quer colocá-la em camadas para que você possa adicionar as calças, colocar a camisa, depois adicionar os acessórios, os óculos, etc., depois os pelos faciais, todo esse tipo de coisa. Então, ele sempre pode adicionar isso em muitas camadas diferentes e alterá-lo. Primeiro, eu queria abordar as coisas mais básicas sobre o Photoshop. Pronto para uso. Não é compatível com pixels, então você precisa habilitar o formato de pixel no Photoshop. Digamos que, por exemplo quando você inicia o Photoshop e começa a usar a ferramenta de pincel e começa a desenhar, não importa o que você faça , mesmo se você for para o tamanho um , se aumentar o zoom, você notará que as linhas não estão realmente pixelizadas. É dissuasivo, muito não é nítido. Uma forma de torná-lo pixelizado é colocar Fuego na ferramenta de pincel, clicar com o botão direito do mouse e selecionar a ferramenta de lápis. A ferramenta de lápis habilitará bordas muito nítidas da forma de pixel. Da mesma forma, a ferramenta de borracha será a mesma. Então você quer que ele vá no modo pincel da borracha, mas clicando aqui ou pressionando E e entre no modo e selecionando o lápis. Agora, quando você apaga, vai se comportar de forma muito semelhante ao seu modo lápis. Em seguida, digamos, por exemplo, que você queira desenhar uma linha reta. O que você faz normalmente é pressionar o botão e arrastar. Mas há uma maneira melhor. Basta selecionar seu ponto inicial, pressionar Shift, ir até o ponto final e clicar novamente. E se você quiser continuar pressionando Shift, você pode criar vários objetos diferentes usando essa técnica. Se, por exemplo, eu quiser fazer um triângulo, posso simplesmente clicar uma vez, pressionar Shift e clicar novamente. Continue segurando Shift. Clique mais uma vez. Continue segurando Shift e feche seu objeto. Essa é uma das maneiras mais rápidas de desenhar uma linha no Photoshop e da mesma forma em qualquer outro programa. A próxima ferramenta é a ferramenta Paint. O balde de tinta está aqui, ou pressionando G. E você pode simplesmente preencher as cores. Digamos que você queira que ele preencha com uma cor diferente. Então, vamos entrar aqui. E você pode preencher essas cores. É preciso ter cuidado porque a ferramenta de pintura não quer se comportar muito bem. Se você tiver, digamos que, por exemplo você está desenhando seu objeto e esqueceu de preenchê-lo. Digamos que você tenha um pixel que não fechou seu objeto. Se você entrar na ferramenta de pintura e tentar preencher, ela preencherá a página inteira porque você praticamente tem um vazamento. Então você tem que fechar isso. Volte para sua ferramenta de pintura. Vai funcionar. Perfeito. Vamos apagar tudo. Em seguida, eu queria abordar algo sobre opacidade. Então, digamos que você esteja desenhando uma linha e queira fazer outra linha , mas com opacidade diferente. Então, aqui você pode ir em frente e alterar a opacidade da linha. Então, dizer que se fizermos isso a 50%, se você desenhar outra linha , será 50%. Isso significa que essa linha é quase transparente. Então, se você desenhar isso, diga que se eu criar uma camada por baixo e tiver uma cor diferente, vou configurá-la novamente em 100%. Se você aumentar o zoom, verá que essa linha está atuando como uma linha transparente. Da mesma forma, você pode fazer isso com a ferramenta de borracha. Se você excluir, basta colocá-lo novamente em um. Portanto, um atalho para alterar o tamanho é pressionar aqui ou clicar com o botão direito do mouse. Clique com o botão direito do mouse para isso como um atalho e você poderá alterar o tamanho do pincel. E funciona tanto com a borracha quanto com a ferramenta de lápis. Digamos que se você quiser apagar algo com a borracha e se ela estiver definida em 100%, você fará exatamente isso. Mas se você definir, digamos que 50 por cento e tente apagar essa linha. Você agirá exatamente como você espera que seja. E se você pressionar 50, 50, 50, você pode continuar removendo. Isso pode criar um efeito muito legal. A seguir, eu queria abordar isso como desenhar um objeto bem rápido. Uma das ferramentas mais importantes é chamada de Rectangle Marquee Tool. Este permite que você selecione um retângulo e recorte partes dos objetos. E para fazer isso, você precisa, Chris, controlar e arrastar. E isso permitirá que você retire algumas peças. Então, vamos dizer se você quer reduzir isso pela metade. Então eu posso clicar e arrastar. Mantenha o controle. E crédito. A mesma coisa aqui. Mantenha o controle e corte. E eu posso criar muitos mosaicos diferentes. Com essa técnica. Você também pode usar a ferramenta de laço. Você pode pressionar Control e arrastar outro atalho se quiser que ele se mova ao redor de um objeto dentro de uma camada. Então, digamos que, por exemplo, eu tenho essas camadas. Então, eles são 123 e a camada quatro. E eu só quero que ele se mova a camada 11 do jeito que está, eu posso simplesmente usar a ferramenta de seleção e clicar em controlar e movê-la. Ou eu posso simplesmente pressionar o botão Control e movê-lo. Não preciso usar essa ferramenta. Eu posso usar qualquer ferramenta. E isso era apenas um atalho universal para mover um objeto na camada. Então, se eu quisesse apenas mover a camada três, pressione Control, mova-a para lá para controlar o movimento. Se você quiser que ele se mova pela tela, pressione Espaço. E você pode arrastar. Essas são praticamente 99% das ferramentas que eu uso para desenhar minha arte em pixels. E vamos usá-los para criar nossos próprios personagens no próximo módulo. 6. Teoria de linhas: Uma das primeiras coisas que é muito importante é como você desenha suas linhas para a arte em pixels. Um dos métodos usados é chamado de método de pixels perfeitos. O que isso significa é que você precisa limpar todos os seus pixels para remover qualquer ruído. Deixe-me mostrar um exemplo. Então, por exemplo estou tentando traçar essa linha. Você vê como é um casaquinho aqui e ali embaixo. Isso é inconsistente, faz com que as linhas pareçam muito ruins quando você diminui o zoom. Então, vamos mostrar um exemplo. Eu vou desenhar um assim. Então eu vou fazer quase como um telhado de casa. Então, vamos fazer dessa maneira. Vou fazer um que seja perfeito em pixels para mostrar como seria normalmente . Ok? Então, vamos lá. Então, podemos ver daqui que isso parece muito atraente e este parece um pouco estranho. E é por isso que pixel-perfect é muito popular entre praticamente 99% dos artistas de pixels. Porque às vezes você quer fazer isso, mas é uma escolha muito estilística. Aqui está um exemplo de como você pode desenhar curvas no método de pixels perfeitos. Então, todos esses são ângulos de 90 graus e têm diferentes tipos de curvas. Vamos tentar manter o pixel perfeito, muito, muito limpo. Então, por exemplo, se você está tentando desenhar um círculo, geralmente você pode fazer isso. Parece muito, muito estranho. Então, a melhor e melhor maneira de fazer isso é desenhar um retângulo. Só para limpar o entorno para dar um pouco de curvas. Então, algo assim seria o começo para criar um círculo. Da mesma forma, se você quiser desenhar uma linha inclinada, é a mesma técnica. Então, digamos que se você quiser fazer um ângulo de 45 graus, faça um em cada diagonal. Se você quiser que ele faça algo que seja um pouco mais do que 45 graus, digamos 30 graus. Você gosta se quiser que ele faça algo um pouco mais parecido com um dez, sim, como três ou quatro e assim por diante. Essa técnica pode parecer um pouco problemática, mas confie em mim, quando você começar a desenhar, ela surgirá naturalmente e fará com que suas fotos pareçam muito melhores. Aqui estão mais exemplos de como você pode usá-los para retângulos, por exemplo, é assim que ficaria se você quisesse fazer pequenas curvas diferentes em um retângulo, por exemplo. 7. Criação de personagens: Tudo bem, então esse módulo que vamos usar na criação de personagens e vamos começar um novo projeto. Então, vá para a tela e vamos fazer 18180. E agora, a primeira coisa que eu sempre faço é mudar a cor de fundo porque o branco é muito, demais para mim. Então, eu costumo usar algo um pouco esbranquiçado. Então eu basicamente crio, vou com o balde de tinta , depois escolho algo e pronto. Agora, quero ter certeza de que meu personagem tem 64 por 64 pixels. Então eu vou entrar no retângulo e começar a desenhar. Se você perceber que ele não está aparecendo em pixels, precisamos acessar o menu Editar. Preferências. Unidades lá. Certifique-se de que sua unidade na régua esteja configurada para pixels. Pressione OK. E agora você pode ter, tudo nos mostrará pixels. Então, digamos que, por exemplo eu só queria este, do qual já tirei antes. Você pode simplesmente ir daqui de cima? Apenas certifique-se de que eu vá 64 por 64. E eu quero adicionar um traço preto e configurá-lo em um pixel. Então, basicamente, isso vai me mostrar os limites onde eu quero que meu personagem esteja. E eu quero ter certeza de que meu personagem está centrado. Então, o que eu vou fazer é sintonizar o retângulo, segurar Control e arrastar. E você vê isso controlar o centro. Então, agora eu quero ter certeza de que quero mostrar os guias. Então, vou fazer um guia e pressionar 50 por cento na vertical. E eu vou de novo, outro cara From View, Guides e depois New Guide e depois fazer 50% na horizontal. E agora eu sei onde está o meu, posso simplesmente colocá-lo. Isso vai me mostrar exatamente. Isso é 50%. Agora podemos simplesmente voltar para a visão clara. E vamos manter isso como referência por enquanto. A segunda coisa é que queremos ter certeza de que atraímos nosso personagem dentro desses limites. E primeiro, a melhor maneira de explorar a criação de personagens é desenhando silhuetas. silhuetas lhe darão um fluxo claro, direi, fluxo claro, direi de como você quer que seu personagem seja. Então, por exemplo, se você quiser desenhar, basta fazer um, você deve ir para pixels e começar a desenhar. Então, vou desenhar muitas silhuetas diferentes até encontrar algo que faça sentido onde eu quero. Estou mais inclinado a criar um monstro. Mas às vezes, como o primeiro, seu primeiro desenho nem sempre é o melhor, então você pode continuar melhorando. Então, talvez eu possa desenhar algo um pouco descontraído. Ok. Algo assim, talvez. Ok. Estojo. É só exagerar um pouco o movimento. Segurando uma espada. Segurando outra espada. Ok. Acho que poderíamos trabalhar com algo assim, então você só precisa limpar essas linhas. Ok? Então, vamos limpar isso. Então eu volto para um pixel. Então, às vezes, quando você trabalha em uma foto por tanto tempo, ela fica bem para você, mas na verdade não é. Portanto, uma das melhores maneiras de enganar nossos olhos é ir para Imagem e depois para Rotação da Imagem, Virar a tela horizontalmente. E dessa forma você pode invertê-lo. E então eu tenho uma nova perspectiva imediata , onde você pode simplesmente dar uma olhada. Eu estava tipo, Oh, eu não vi isso antes. Você pode simplesmente começar a limpá-lo e ver como se eu acabasse de notar isso. A coisa toda está voltando. Então eu quero me mover, fazer com que pareça assim. Assim como nesses dois aqui. Talvez seja apenas o pescoço que precisa ser movido. Então, vamos fazer isso. Vamos lá. Acho que isso parece muito melhor. Agora que fiz isso, vamos começar a trabalhar na imagem em si. Ou melhor, comece a trabalhar no design. E eu quero usar cores mais quentes. Então, por exemplo, vamos usar o vermelho. Ok. Então, eu vou usar um tom de guerreiro vermelho. E foi meio exagerado que minhas duas cores complementares sejam o verde e o ciano. A menos que você queira fazer isso, totalmente gratuito assim. Mas eu meio que gosto de ir um pouco e me arrumar, vou deixar mais espaço com cores diferentes. Então, vamos usar essa cor para começar. Vou colocá-lo aqui e comprar algumas dessas cores complementares para trabalhar. Eles não precisam ser exatos. Mas pelo menos você precisa saber com quais tons está trabalhando para poder jogar cerca de quatro. Como você achar melhor. Acho que essa cor é demais, mas desde que esteja na cor, dentro das tonalidades, você ficará bem. Então, agora vamos começar com a criação de uma nova camada. E eu quero manter esse Nick como mestre e apenas brincar com a aparência que eu queria que fosse. Essa é uma das partes mais difíceis, escolher suas cores é muito importante porque define o tom de toda a peça. Você quer que fique escuro? Quero que seja brilhante. Algo será transferido para a peça inteira. apresse, divirta-se e não se preocupe muito, Não se apresse, divirta-se e não se preocupe muito, porque tudo isso pode ser alterado em praticamente uma camada inteira. Você pode alterá-lo sempre que quiser. Então, eu meio que quero ter certeza de que isso seja uma espécie de leitura e não precisemos continuar assim. Isso é fazer com que seja assim. Já está muito claro para que possamos ver, podemos brincar com isso mais tarde. Por quê? Quando estabelecemos um personagem um pouco mais. Agora eu quero trabalhar em segundo plano. 8. Adicionando fundo: Iniciar. Eu quero algo um pouco azulado. Então, vou continuar com isso e mudar isso para azulado. E faça isso de novo. Fique um pouco azulado. Eu vou te mostrar uma maneira muito boa de adicionar sombras. Então, essa é uma forma de adicionar sombras para desenhar, o que é realmente ineficiente porque você pode passar por cima dela ou simplesmente criar uma nova camada e depois simplesmente dizer duas, por exemplo e apenas para desenhar sua coisa, você pode simplesmente alterá-la para cores mais escuras. Por isso, sempre se misturará com a sua foto. E você vê todos esses pixels, eles os chamam de pixels órfãos. Se você mora, faz com que a imagem pareça muito barulhenta. Portanto, certifique-se de remover esses pixels do seu desenho sempre que puder vê-lo. Se ele quisesse fazer algo contrastante com isso, eu voltaria com essas cores, certo? Então, se eu fizer algo azulado e fizer com que apareça no portal atrás. Então, vamos brincar com isso. Ok. Então isso pode ser um portal. Agora que essa área não parece muito interessante. Então, vamos refazer tudo agora. Agora estamos apenas juntando tudo. Então, tudo em um. E essa é a luz e a sombra. Agora temos o plano de fundo separado. Parece que isso poderia ser feito um pouco melhor? Então, o que eu quero fazer é, se fizermos algo assim? Agora mesmo? Eu tenho, em vez de ter essa área. Então, isso pode ter algo assim? E agora eu direcionei seus olhos diretamente para essa coisa. Então, algo assim. É preciso garantir que essas linhas sejam consistentes e que tudo flua. Obviamente, não pode ser perfeito o tempo todo, mas faça o possível para limpar alguns deles. Inconsistências como essa. Eu tento fazer alguma coisa aqui. Apenas limpe meu pensamento. Aqui estão algumas para garantir que eu tenha. Então esse é o personagem final, certo? E essa é a luz. Apenas remova isso porque não há nada aqui. E a última coisa é se simplesmente tirarmos tudo. Então agora temos o personagem, temos a luz e temos o plano de fundo, certo? Então, tudo meio que se encaixa. Você pode gastar muito mais tempo tentando colocar muito mais detalhes. Digamos que, por exemplo se você quisesse dar, dê um pouco mais de detalhes aqui. Então, isso vai parecer um pouco mais com um traje. E alguns desses efeitos realmente ajudam muito. Então você quer apenas refinar um pouco disso porque eles dizem que você tem a luz vindo da parte de trás. Normalmente está fazendo algo assim. Tudo bem? Então você quer fazer algo assim. E vamos mostrar como seria antes e depois. Na verdade, isso deveria ser tudo assim. Então, eles simplesmente consertam isso. Se estivermos olhando para a luz, aquela fonte de luz. Então, vamos tentar fixar um pouco essa luz. Na próxima etapa, veremos como exportar sua foto do Photoshop. 9. Exportação: Agora, a etapa final é exportar a imagem e salvá-la. Vou te mostrar algumas maneiras de salvar sua foto. Primeiro, você pode salvá-lo como PSD. Então, vamos chamar isso de metal. E isso é salvo como PSD. Basicamente, isso salvará tudo com todas as camadas, todo o agrupamento e tudo mais. O próximo passo é salvá-lo como PNG. Assim, podemos ir para Arquivo e Exportar, Exportar como. E a partir daqui, você pode configurar seu escalonamento. Então, digamos que se fosse apenas o original, está em 180, 180 e basicamente é muito pequeno. Então, digamos que se eu quisesse fazer isso a 500%, então seria 900 por 900. Você precisa garantir que a reamostragem esteja configurada para o vizinho mais próximo. Caso contrário, se você configurá-lo, como dizem por cúbico ou qualquer outra coisa, tudo ficará muito embaçado. Portanto, tê-lo como vizinho mais próximo garantirá que ele preserve sua nitidez e nitidez. E é a configuração perfeita para exportar arte em pixels. Agora, você pode simplesmente exportá-lo para sua pasta. Clique em Salvar. Agora, quando você o abre, tudo parece muito nítido e pronto para usar. 10. Conclusão: Se você chegou até aqui, parabéns, você concluiu com sucesso um curso de pixels. Agora é hora de usar tudo o que você aprendeu e usá-lo para criar sua própria arte em pixels. Se você tiver alguma dúvida, pode entrar em contato comigo em qualquer uma das minhas mídias sociais ou assinar meu boletim informativo para acompanhar tudo o que estou fazendo. Eu seria notificado sobre qualquer novo curso em que estivesse trabalhando. Obrigado novamente por assistir e nos vemos na próxima. 11. Outro exemplo com narração: Então eu comecei um Canvas 18180 e queria que os personagens tivessem 64 pixels por 64. Eu começo, sempre começo fazendo como silhuetas. Mas, para este, eu queria experimentar um pouco e dizer que não quero que ele faça algo que se pareça com um pôster. Então, continuando com isso, queria ter algo que fosse um personagem muito forte olhando diretamente para a câmera e fazendo um Heracles. Mas isso era algo que eu queria usar. E também quero experimentar um pouco com cores mais ricas. Então, eu queria obter um magenta muito rico. Agora, brincar com o que eu quero que minha vida seja sempre pode virar a tela, como fizemos no módulo anterior. E isso o ajudará a tomar melhores decisões. Nesta parte, quem está olhando? E se eu quisesse criar uma foto em close-up do personagem ao fundo apenas para parecer aquele pôster de que eu estava falando. Mas, como você pode vê-los mais tarde , isso foi meio descartado. Mas é sempre bom manter tudo no Canvas e experimentar, porque muitas vezes não há problema em não saber o que você está fazendo agora ou simplesmente examinando o personagem, querendo aprimorar um pouco esse visual, ter certeza de que eu sei onde estão os olhos, onde estão os quadris e tudo mais. E queria brincar com o traje e o traje. Então, meu primeiro pensamento foi, bem, isso parece mais uma capa. Então, eu queria me apoiar mais nisso. E eu queria fazer algo que fizesse com que parecesse uma chave Cyberpunk mais identificável. Então eu abri mão daquele pequeno caroço no centro, perto desse baú. Agora estamos apenas limpando as pesquisas de personagens. Ainda não estou muito feliz com isso, mas isso é, ele só vem com o processo de continuar, continuar adicionando uma melhoria. Agora estou apenas adicionando um pouco mais de detalhes à capa e queria brincar com ela, eu diria que gostei do material. Então, isso é mais como uma malha. Passando para o tipo que eu queria fazer algo muito simples. E parece que está tudo bem. A seguir estão as cores. Então, como temos um magenta, quando olhamos para a roda de cores, vamos praticamente brincar com os verdes. Que essa é uma cor complementar. Então eu o coloquei em algumas cores no topo como referência. E fomos brincar com isso. Eu queria fazer o bolo se destacar. Então, adicionando isso e seguindo a teoria da linha, queríamos manter tudo consistente. Então, meio que flui bem com os olhos. Uma das melhores práticas que funcionam para mim é bloquear formas. Assim, posso bloquear uma forma inteira e ver algo diferente. Agora eu percebo, bem, sim, isso parece exatamente uma capa e Iowa, eu posso adicionar as mãos. Próximo. Eu trabalhei na iluminação, então eu queria ter uma luz de fundo. Quarto momento aqui. Eu estava tipo, ok, então vou manter essa consistência com a cor. Então, eu queria manter tudo meio magenta muito profundo. Uma coisa também com a frente é que eu quero, eu pensaria em adicionar detalhes, mas não queria que isso prejudicasse o personagem. Dessa forma, acabei de adicionar algumas linhas para dar ao espectador um pouco de imaginação de que, ei, isso é uma pedra e, ao fazer isso, ela meio que tira seu olho da parte inferior e o leva de volta para o personagem. Então, todas essas linhas estão entrando. O próximo é o pano de fundo. Então, a lua de sangue é algo de que sou muito fã. E acho que funciona bem com forma como queríamos que a luz viesse, porque a luz vem da frente, da parte de trás. E também dará uma ênfase muito boa ao personagem em si. Então, agora que adicionamos a lua ao fundo. O próximo passo é tentar consertar a luz e obter aquele K2. Basta estourar um pouco mais. Mas acabei de adicionar um pouco mais de verde e delineei tudo com a cor magenta. Em seguida, eu queria trabalhar no polvo. Se parecesse que estava olhando para a câmera, eu queria manter tudo olhando diretamente para a câmera. E ao fazer isso agora, eu queria colocar muito mais linhas de liderança em direção ao centro. Então, trabalhei em mais algumas nuvens. E essas nuvens levarão seu olho de volta ao ponto focal. E manteve todas as cores muito coesas. Assim que você se aproxima da câmera, as cores ficam mais brilhantes e, à medida que Sue vai embora, elas ficam um pouco mais suaves. Então é. Está mais escuro, eles perdem a saturação. Em seguida, também há mais linhas. Então pensei que a lua pareceria muito chata. Adicionar mais linhas para levar a isso, o personagem herói também ajuda na decomposição. Por fim, eu queria trabalhar no plano de fundo real, a caixa celeste. Então eu pensei que esse tipo de polvo poderia parecer um pouco diferente. Eu queria fazer com que parecesse mais com o Astro. Então eu pensei, bem, por que eu também não faço um esboço ao redor do polvo e vejo como isso ficaria. E, na verdade, gostei muito desse look. No entanto, o formato do polvo era meio redondo para mim. Então, eu queria fazer algo que fosse um pouco mais volumoso e parecido com isso, um visual mais retrô. Então, acabei de jogar com tantas variações diferentes. Veja qual deles fica melhor. E eu, na verdade, gosto de todos eles, mas eu oitava com o que parece um pouco pontudo porque parece quase uma nave espacial. E, por fim, pensei, bem, vamos expandir a tela inteira em vez de fazer com que pareça que você está olhando através de uma caverna. Então, basta remover isso. E eu estava apenas experimentando um pouco com a aparência que eu queria que o plano de fundo ficasse. E inicialmente eu queria adicionar um pouco mais para torná-lo mais Astro, mas simplesmente não fluiu bem com o, com a composição parecendo tão aleatória. Acabei de remover tudo isso e pensei novamente se eu fizesse algo mais com linhas principais, como criar raios achasse que ficaria muito legal, quase como feixes de energia. Então eu comecei a adicioná-los. E você pode simplesmente colocar qualquer cor por enquanto. E com o Photoshop, você pode ajustar as cores posteriormente. E isso é exatamente o que é. Eu só queria bloquear minhas formas. Certifique-se de que, se a composição funcionar, eu possa brincar com as cores e me divertir com elas. Então, inicialmente, estamos pensando: e se eu fizer laranja, amarelado? Achei isso muito legal. Parecem mais efeitos de pôster. E esse foi o look final. Por fim, só queremos aperfeiçoar a imagem. Garante que eu tenha tudo no centro e fixe um pouco a perna e a mão fique muito boa. Então é isso.