Noções básicas de animação: crie uma bola quicando com caráter!

1. Introdução: Olá, amigos. Bem-vindo Toe Art com o Sr. Noah. Vamos dar uma olhada no que vai criar hoje. Estamos exercitando nossas habilidades de animação voltando ao básico com a bola de equilíbrio. Você já quis fazer seus desenhos ganharem vida através da animação? Mas ficar sobrecarregado com a complexidade da ação? Resolverá esse problema simplificando o processo e dividindo-o em etapas fáceis de seguir . Vamos rever os fundamentos do exercício de bola saltitante e ver como aplicá-la em nossa animação de personagens. Como parte desta lição, costeletas de personagem de designer McGee criarão um plano para nossa animação e depois limparão nossos desenhos? Vamos juntar tudo e tirar fotos para criar uma foto animada em loop que pode ser compartilhada com todos os seus amigos. Se você estiver pronto e animado para aprender, clique e role e vamos começar 2. Bola quicando: Olá, amigos. Você pode estar se perguntando por que uma bola saltando este exercícios clássicos usado porque ele cobre tantos aspectos importantes da animação. Vários conceitos-chave para a animação atraente incluem fazer com que o movimento siga um tempo de compreensão do arco limpo , que é quando uma ação chave acontece na tela. Neste caso, é quando a bola faz contato com o solo durante a duração específica. O espaçamento é incrivelmente importante na animação, e é basicamente o quão longe você espaça seus desenhos uns dos outros visualmente durante a duração de tempo especificada. O espaçamento fará com que seus desenhos sejam mais fáceis de entrar e sair dos desenhos de chave. Então vamos dar uma olhada no caminho da bola saltitante pode normalmente fazer. Seguiria uma marca limpa e teria um golpe afiado no chão. Os pontos de contato no chão e o pico dos arcos são as posições-chave que sabemos que a bola vai bater. No pico, a bola abrandou em momentum devido à gravidade, forçando a bola de volta para a terra. Visualmente, o espaçamento de cada desenho estará próximo um do outro, sobrepondo um pouco. À medida que a bola se move em direção ao chão, ela aumenta a velocidade e o espaçamento se torna mais amplo e largo até que o contato seja feito. A bola tem alguma energia reprimida depois de bater no chão e mergulha de volta para a próxima marca e diminui quando atinge o topo de York. Com cada salto mais energia gasta e os arcos se tornam menores e menores, você pode brincar com o número de desenhos incluídos e o espaço para mudar. Como o salto se sente em movimento, tornando a bola muito leve, como um balão ou pesado, como uma bola de boliche. Uma idéia do Kit de Sobrevivência do Grande Livro Animador de Richard Williams, é pegar uma moeda, filmá-la em palcos sob uma câmera, tirar uma foto em cada quadro e ver o que parece certo ou errado, Sr. William States, Porque você fez isso. Uma certa quantidade de personalidade entrará na ação se a bola é deliberada, lenta, Jonty, errática, cautelosa, até otimista ou pessimista. Olhando para a animação de costeletas, McGee, você verá que suas ações são uma série de bolas saltando seguindo uma marca limpa durante um tempo específico, com muito espaçamento. Agora que entendemos os fundamentos deste exercício, vamos começar por conta própria. Exemplo. Primeiro, desenhando nossas costeletas de personagem, McGee 3. Design de personagem: para começar a desenhar nosso personagem. Vamos reunir nossos suprimentos. Você vai precisar do papel básico, lápis e uma borracha. Vou usar um lápis azul para fins de demonstração e para melhor diferenciar as linhas de construção das linhas principais. Vamos usar muitos círculos para construir nosso personagem, mas eu gosto de começar com uma linha de ação simples. Isso ajuda a indicar a pose geral e a altura aproximada do personagem. Head é um grande oval localizado no topo da linha de ação. Construa o seu sobre pressionando levemente o papel até que você tenha uma linha firme e limpa. O tronco é construído com dois círculos menores. A área do peito se sobrepõe com a cabeça. O tronco inferior é maior do que o peito. Juntos, os dois círculos criam um feijão em forma, indicam as pernas com duas linhas curtas simples e equilibrá-lo com uma linha plana para seus pés. Faremos uma construção simples para seus braços e mãos com linhas curvas e círculos. Ao animar, você vai querer usar essa estrutura básica para criar a ação e, quando tudo se mover corretamente , você pode começar a adicionar detalhes. Eu gosto de incluir o nariz na construção básica para fins de rastreamento. É um oval localizado logo abaixo da linha divisória do rosto. Agora que temos nossa estrutura básica, podemos começar a adicionar detalhes costeletas. McGee tem bochechas gordinhas, e só queremos indicar que havia duas pequenas linhas curvas. O resto das bochechas estão implícitas. Seus pequenos olhos brilhantes descansam acima do nariz e sobre as bochechas, as sobrancelhas se encaixam dentro deste cone ao redor dos olhos. Este guia é útil para manter o navegador de vagar muito longe em seu rosto. Sua boca parece a letra D, e cabe dentro das duas bochechas. Quanto mais perto a boca fica da bochecha, mais ela interage com a dobra da pele. Os anos são um elemento importante ao adicionar os detalhes, uma vez que irá informar onde o ar costeletas colocado e onde as partes de cabelo para começar a partir da linha central e se conectar sob a bochecha. As costeletas seguirão a curvatura do rosto. Seu penteado parece um pouco com uma folha com curvas de deslocamento que se encontram em um ponto. partir daqui, você pode conectar as costeletas ao cabelo seguindo a curvatura da cabeça quando se trata de costeletas de estilo. McGee gosta de manter as coisas simples, mas funcionais. colarinho da camisa dele é muito simples. Experimente o ing's. O topo de suas calças seguiu a curvatura do círculo inferior. Suas pequenas pernas diminuem e se encontram no sapato, que são mais como um chinelo que envolve os pés. Certifique-se de indicar o inferno com uma linha reta. Mantenha a alma plana e use uma curva para a parte superior do pé. Os braços diminuíram para se encontrarem na mão. Eles estão fechados com um punho que é basicamente um quadrado ligeiramente cônico. Suas calças são seguradas por dois suspensórios que originalmente do chamador triangular e se encontram na cintura da cintura em duas fivelas quadradas. Não fique nervoso com as mãos vai mantê-los simples. Com quatro dedos curtos, você pode indicar sua posição com uma linha e, em seguida, envolver essa linha. Nenhum Labra Khan respeitável sairia de casa sem o chapéu. Seu chapéu fica no lado de sua cabeça e é basicamente um quadrado em cima de um retângulo. Seu trevo de quatro folhas sai daí e é construído com corações esticados. Finalmente, você pode adicionar alguma dimensão ao ano e terminar os detalhes que faltam antes de passar para a próxima lição. Quero lembrá-lo da estrutura básica que você deve usar ao construir sua animação. Lembre-se, mantenha simples. Esses círculos são ótimos para rastrear o movimento e garantir arcos agradáveis. Uh, na próxima lição vamos planejar nossos três desenhos principais para a animação. 4. Animação preliminar: e esta lição irá planejar a ação de nossa animação usando o design de personagem simplificado se você tiver o personagem projetado, mas a folha de estilo próxima para referência, comece indicando um plano terrestre e definindo a arca ou caminho que o personagem irá segui-lo. Eu defini alguns guias de rastreamento para mais tarde no processo para ajudar a manter todos os papéis alinhados. Este não é um passo absolutamente necessário, mas eu gosto de fazer tudo certo no desenho. Sabemos que nosso personagem vai começar no final, Nova York, Nova York, saltar para o meio e pousar na outra extremidade para que possamos colocar três círculos para os passeios mais baixos . A cabeça seguirá o tronco tão gentilmente determinado, aproximadamente do tamanho de uma cabeça. Enquanto ele salta, ele precisará aumentar o impulso e também pegar o impulso nos extremos da ação que possamos indicar essa mudança de peso e energia com uma linha de ação dobrada no centro Post terá nosso personagem se esticar, Então sua linha de ação será mais de uma linha reta, já que ele está construindo impulso e absorvendo o impacto do salto, seus joelhos serão dobrados e a derrota será plana no chão Enquanto ele flutua no ar, seus pés e pernas esticado para impulsionar a si mesmo seus braços esticar para fora e, eventualmente primavera para dentro. Como estamos limitados a três desenhos, eu quero usar o desenho central para mostrar um pouco de personalidade. Com oposição, eu encorajo você a experimentar e chegar a uma pose única aqui no último desenho irá mais uma vez indicar a mudança e esperar. Com os braços para cima e o torso dobrado, vá em frente e coloque o nariz para que possamos começar a construir são inimigos limpos. 5. Animação de limpeza: Ótimo trabalho até agora. Com nossa animação aproximadamente estabelecida, podemos começar a limpar nossos desenhos e adicionar detalhes. Pegue uma nova folha de papel para o primeiro desenho chave, e se você achar útil nas marcas de rastreamento na parte superior da página, eu gosto de começar na face do personagem, usando o nariz como um ponto de ancoragem para o resto dos recursos. Desde que já praticamos desenhar nosso personagem juntos, eu vou deixar você assistir e geralmente desenha sua inspiração e incluir os desenhos finais. Para sua referência na descrição do projeto, - você pode ver que eu fiz um ajuste para a posição do braço para obter o personagem uma atitude mais casualmente brincalhão para o último post. Eu realmente queria vender a idéia de um impacto fechando os olhos e apertando a parte inferior do rosto e espalhando os dedos. Vamos dar uma olhada e ver se nossa ação se desenrola em homens atraentes. Se estiver satisfeito com o seu trabalho, pode passar a digitalizar os seus desenhos e prepará-los para a apresentação final. 6. Imagens de varredura: com nossos desenhos finalizados irá digitalizá-los, é J. Pegs e abrir os arquivos e loja de fotos. Não queremos nenhuma violação de direitos autorais, então vamos tirar isso do caminho. Mesmo que nossa animação de loop exigirá quatro quadros, só precisamos de três desenhos eventualmente irá duplicar o desenho central para manter o loop funcionando sem problemas. Com seus desenhos agora digitalizados, inicie o Photoshopped e abra seus arquivos de imagem, que aparecerão como três guias na parte superior da página. Você pode ter que girar sua tela e, para isso, você desbloqueará sua camada de imagem clicando duas vezes no bloqueio e selecionando OK na mensagem pop-up para girar toda a tela. Ir para imagem Rotação de imagem 90 graus no sentido horário ou 90 graus no sentido anti-horário, dependendo do desenho da digitalização. Vá em frente e faça isso com suas outras imagens. Agora você pode usar a ferramenta de movimentação para arrastar e soltar seus desenhos em uma aba. Você verá que uma nova camada foi adicionada. Diminua a opacidade para garantir que as marcas de alinhamento estejam umas sobre as outras. Ótima. Vamos arrastar e soltar nossa última imagem. Em seguida, queremos colocar nossos desenhos e camadas na ordem sequencial correta para duplicar o desenho do meio, selecione a camada e pressione o controle ou comando J no teclado e arrastou a camada para o dedo do pé variante. Haider revisão camadas Clique no pequeno olho à esquerda. Eu quero me livrar das marcas de alinhamento, e uma maneira rápida de fazer isso é usando a ferramenta Pincel de cicatrização de pontos. Basta selecionar a ferramenta e escovar sobre a área. Você quer remover minha pele ou foi longe demais, e como resultado, a página é maior do que eu preciso. Então eu vou cortar a página pressionando controle ou comando. Veja no teclado. Apertarei Enter assim que definir a dimensão que quero cortar. Enquanto a varredura é muito limpa, ainda há algumas manchas e artefatos que eu posso esconder fazendo os brancos mais brancos e o preto mais escuro. Para fazer isso, vá para os níveis de ajustes de imagem, ou você pode pressionar o controle L ou Command el no teclado. Selecione o ponto branco. Eu caio com esse conta-gotas. Clique sobre qualquer coisa que supostamente seja branca, incluindo manchas no papel. Para tornar as marcas de lápis mais escuras, selecione o conta-gotas de ponto preto e clique sobre o desenho. Se você errar, isso é o que vai acontecer. Mas não se preocupe . Basta apertar o controle ou o comando. Zito, desfaça e tente de novo. Lá vamos nós. Agora você pode optar por fazer isso para seus outros desenhos. Ah, sombra no chão ficaria bonita. Então, se você quiser adicionar um, selecione sua camada e a ferramenta de pincel e comece a fazer suas adições. Quando você estiver pintando, lembre-se de ter o seu ativamente ou selecionado ok, com seus desenhos todos limpos ajustados e colocar na camada correta Ordem podemos passar para a criação são animados Jim. 7. Crie GIF: Agora é hora de mostrar nosso trabalho, mas criar uma animação de loop com suas camadas e ordem ir para a linha do tempo da janela Uma caixa aparecerá na parte inferior da página. Clique em Criar linha do tempo de vídeo, mas queremos que nossas camadas convertam em animação de quadro. Então, para fazer isso, clique no ícone com três pequenos quadrados no lado inferior esquerdo, em seguida, clique em make frames a partir de camadas. Agora você terá a opção de definir a quantidade de tempo que cada quadro aparecerá na tela. Existem algumas predefinições, mas acabei usando a outra opção para colocar o meu tempo personalizado. Encorajo-te a brincar com isto e ver o que é melhor para ti. Mas só por precaução, estes são os números que eu acertei. Quando você estiver satisfeito com a velocidade de reprodução, vá para arquivo Exportar Safer Web Na janela pop-up, altere o arquivo Type 2 June e a predefinição Jim 32. Sem dither. Você também pode ajustar o tamanho da imagem aqui. O próximo é importante. Lembre-se de definir sua animação para loop para sempre. Você pode visualizar a animação antes de salvar quando estiver satisfeito com as configurações salve-a onde você pode encontrá-la. E agora você vai ter um Jim divertido que você pode compartilhar com o mundo. 8. Conclusão: Ótimo trabalho. Todo mundo. Obrigado por tirar um tempo para aprender comigo hoje. Espero que tenha se divertido e aprendido uma ou duas habilidades. Lembre-se de pensar sobre seus arcos, temporização e espaçamento. Use um design simples para contornar sua animação antes de colocar os detalhes. Divirta-se com seu personagem e encontre oportunidades de aprendizagem e os erros que você pode encontrar. Certifique-se de compartilhar seu trabalho na galeria de estudantes e apoiar uns aos outros para que todos possamos crescer juntos. Se você estiver interessado, confira meus outros tutoriais, como colorir com Photoshopped, do esboço para ilustrações totalmente coloridas, personagens Photoshopped e como desenhar Rose, usando o coração como um modelo. Ele tem sido divertido ensinar-te hoje. Obrigado novamente pelo seu tempo e apoio e, mais importante, lembre-se, continue criando. - Mas a humanidade não será destruída. Você e eu estamos trabalhando