Animação para iniciantes usando o Adobe Photoshop e o iMovie ou o Final Cut Pro

1. Introdução NOVO: Olá, bem-vindo a esta lição, onde mostrarei como fazer uma animação usando o Adobe Photoshop e um software de edição de vídeo como o iMovie ou o Final Cut Pro. Meu nome é Sam, o construtor, e sou ilustrador e cartunista com formação em dança contemporânea. Como ilustradora, animação sempre foi muito atraente para mim. E especialmente nos dias de hoje, quando sites de redes sociais preferem imagens em movimento, clipes em vez de ilustrações normais. Mas sim, há muitos softwares de animação disponíveis e todos eles também têm uma curva de aprendizado. Mas percebi que eu poderia fazer animações usando o software que eu já estava usando, que era o Adobe Photoshop e o iMovie, que vem de graça com qualquer Mac. Mais tarde, comecei a usar o Final Cut Pro para a edição. E eu basicamente não olhei para trás desde então. Mas neste curso, mostrarei como usar os dois. Também mostrarei três maneiras diferentes de animar. A primeira é a animação quadro a quadro como esse cara aqui. Depois, há o estilo de corte de salto que é usado com frequência em animações japonesas. E depois há a animação usando quadros-chave no software de edição. Você pode criar animações muito legais e interessantes combinando esses três estilos. Meu objetivo nesta lição é que, depois de assisti-la, você possa estar sentado à noite em frente à TV e ter uma ideia. E então, usando as ferramentas que mostrarei, ser capaz de criar essa animação e colocá-la na mesma noite no Instagram, por exemplo, uma grande parte do trabalho rápido é conhecer os atalhos de cada programa. Então, por exemplo quando você está desenhando com a mão direita, você tem a mão esquerda no teclado e usa o comando mais antigo, o comando Z para desfazer o Comando B, etc. Então eu vou te mostrar esses atalhos, o que acelerará muito seu processo. Então, sim, vamos começar. vejo na primeira lição. 2. Comapring imovie e final de corte pro: Vamos começar comparando os dois programas de edição. Como mencionei, o iMovie vem gratuitamente com qualquer computador Mac. Então, provavelmente é a primeira opção para animadores iniciantes. Final Cut está disponível gratuitamente por um período de teste de alguns meses. E depois disso, é necessário um pagamento único. O Imovie tem muitas limitações. Mas isso também significa que é um programa muito simples e rápido de aprender a usar. É muito intuitivo. O Final Cut Pro leva algum tempo para aprender a usar. E basicamente tem todas as possibilidades do trigo, mas muitas, muitas outras, além desse bom exemplo, estão o número de camadas. Como você pode ver, posso adicionar uma figura em um plano de fundo no iMovie. Mas se eu tentar adicionar mais uma camada, eu posso. Portanto, são apenas duas camadas. O Final Cut Pro tem uma quantidade infinita de camadas. Explicarei o quadro-chave em outra lição separada, mas ambos os programas têm quadros-chave. Imovie só tem possibilidades da esquerda para a direita e para cima e para baixo, que é suficiente para animações simples ou vídeos explicativos, por exemplo, Final Cut Pro pode fazer quase tudo o que você possa imaginar quadros-chave, também girando em qualquer grau. E você também pode ver os nós reais. Portanto, é muito fácil editar e criar animações cronometradas com precisão. Para resumir, eu diria que o iMovie é melhor para animações simples quadro a quadro. E o Final Cut é melhor para animações complexas e cronometradas com precisão. 3. Adobe Photoshop - desenho para os três estilos de animação: A base da animação é desenhar vários quadros e depois movê-los como em um flip book. Uma maneira fácil de entender esse conceito é assistir ao famoso primeiro filme de uma corrida de cavalos. Ou veja esse ciclo de corrida que tirei de um filme. Eu fiz capturas de tela de cada quadro. E se você reproduzi-los em um loop, você tem um ciclo de corrida. Então isso pode ser transformado em animação. Independentemente de você estar usando o iMovie ou o Final Cut Pro, começará a fazer os desenhos reais e o Adobe Photoshop. É muito importante desenhar em uma camada e desenhar cada parte móvel em uma camada separada. Vou explicar os três estilos de animação usando essa pequena vovó acenando. No estilo flip book, desenhamos a imagem inteira novamente, tanto quanto necessário. Você pode reduzir a opacidade do desenho anterior para ficar perto da forma subjacente que eu recomendo não ficar muito perto dela. Se o corpo for um pouco diferente, mesmo que não deva estar se movendo, ele dá vida à animação. Ao exportar os arquivos, é muito importante desativar o plano de fundo e exportá-lo como um arquivo PNG. Há duas maneiras de fazer isso no Adobe Photoshop. Clique na camada para acessar a Exportação rápida como PNG, para exportá-la da maneira mais rápida. Ele será salvo automaticamente sua área de trabalho com o nome da camada. De outra forma, você vai para Salvar uma cópia e a salva assim também como um arquivo PNG. A diferença, porém, é que a exportação rápida salva somente o desenho recortado sem sua relação com a prancheta. A segunda forma mantém essa prancha de arte como uma espécie de fantasma ao fundo, mesmo sendo transparente. Isso é útil mais tarde, quando começamos a editar e o outro software. Então, sim, esse é o estilo flip book acenando com a vovó, olá, um salto. É fácil entender olhando este exemplo, a surpresa da vovó. Então, em vez de desenhar vários quadros para que ela vá para o lado, eu corto instantaneamente para o mainframe, como quando Johnny Bravo faz sua pose ou os personagens de fundo do anime. A terceira forma, o keyframing é usado em software de edição de vídeo. E é muito útil para acelerar o processo de animação. Aqui, por exemplo, eu poderia desenhar apenas o corpo da avó sem a mão e depois desenhar apenas a mão. E mais tarde, com os quadros-chave, eu faço a mão se mover. Mas falaremos mais sobre isso mais tarde. Deixe-me mostrar os atalhos que eu mais uso quando uso o Adobe Photoshop para ilustrar. Ao abrir um novo arquivo, você terá apenas um plano de fundo bloqueado e desejará desativar o bloqueio e criar uma nova camada, que você pode fazer facilmente clicando neste sinal de adição, I Vou colocar meu primeiro desenho, que desenhei com o lápis. Uma maneira fácil de ver quais são todos os atalhos para tudo é passar o mouse sobre ele. Então você pode ver que a ferramenta de balde de tinta tem G escrito ao lado dela. que significa que se eu estiver no meu desenho e pressionar G, eu vou automaticamente para o balde de tinta, usá-los para que eu possa escolher uma cor e torná-lo um homenzinho verde. De volta ao lápis clicando em B. Ok, então eu vou fazer a mão dele se mover. Então, posso simplesmente arrastar isso para o sinal de adição para criar uma nova camada. Isso também é um atalho. A maneira normal seria clicar no lago do bico e duplicar a camada. OK. Vou testar três etapas, certo? E arrastá-lo foi apenas um passo. Também posso até arrastá-lo para a lixeira para excluir uma camada. E como sempre na maioria dos programas, o Command Z desfaz minha última etapa, que foi excluir isso. Então eu não preciso de você. Uma maneira fácil de animar é, se eu vou mudar o braço nesta segunda camada aqui, reduzir a opacidade da camada subjacente. E então E é a ferramenta Eraser. Apague essa parte do braço de volta para o B do pincel e simplesmente desenhe o laço. Como você vê, eu ainda estou em verde. Agora eu posso usar o, pressiono I para escolher aquela cor preta e voltar para o pincel. Então eu não precisei ir até lá, deslizar de volta para o preto, ir até lá. Eu poderia simplesmente, com minha mão, que já está no teclado. Escolha o seletor de cores, escolha uma mancha preta, volte para a ferramenta de pincel e desenhe meu braço. Não apenas as coisas na lateral têm atalhos, mas todas as opções que você possa imaginar podem ser um atalho. A maioria deles foi decidida por você, por exemplo, desfaça o Comando Z, como mencionei antes. Mas eu quero virar na horizontal. Quero criar um atalho porque nem sempre quero ir até lá e descobrir onde ele está. Isso leva muito tempo. Então, o que Comando Z, desfazer? É por isso que existe essa opção de atalhos de teclado. E a opção estava em edição. Então clique em Editar quer amar o fundo. Aqui, vire na horizontal. E eu posso criar meu próprio atalho. Vou usar o comando underscore. Agora, se eu inserir algo que já existe, como o Comando Z, ele aparecerá porque você não quer sobrescrever outro atalho que já existe. A menos que você queira, é claro, mas é melhor não, é melhor encontrar algo que não exista. Então, sublinhado do Comando. Ok, e agora se eu destacar algo, virar a cabeça dele, então eu posso simplesmente selecionar sublinhado do comando da cabeça dele e ele mudará. Então, em vez de olhar para a esquerda, ele está olhando para a direita. Então, sim, existem muitas maneiras de acelerar o processo porque subir ou ir até lá leva apenas alguns segundos, é claro, mas quando você está ilustrando por algumas horas, todos esses segundos se somam. Mantenha a mão esquerda no teclado e continue usando todos esses atalhos. 4. iMovie - animando os 3 estilos: Vamos dar uma olhada no iMovie para animação. Como mencionei na comparação, o iMovie tem menos opções. Então eu sugiro manter tudo muito simples. Mas isso não significa que não possa ser animação muito legal como essa. Nua, nua, por exemplo , foi um sucesso viral. E muitas pessoas fizeram suas próprias versões dessa animação. E é muito simples se você analisar isso. Primeiro, são apenas algumas animações quadro a quadro, nem mesmo tantas. Eu conto cerca de 24. Então, é apenas uma imagem colorida com um zoológico. E esse Zoom se chama Ken Burns no iMovie, o que é um truque muito fácil de fazer. Então, vamos usar essas técnicas com o exemplo da nossa avó. Uma coisa importante é que temos apenas duas camadas, como mencionei. Então, se você encontrar um bom plano de fundo, digamos que eu queira colocar gramas nesse fundo quadriculado. E eu arrasto o PNG da vovó para isso, transformo em foto, foto, em foto. Então, na verdade, terei a vovó nesse plano de fundo. Claro, agora eu ocupei minhas duas camadas. Portanto, uma maneira melhor seria não ter um plano de fundo e apenas criar um plano de fundo semelhante no Photoshop. E depois exportado como JPEG. Faça isso para cada avó. Vovó. Arraste-os na linha do tempo. Já temos nossa avó no tempo e no espaço perfeitamente ajustados para animação. Agora, quando você desenha um, digite um JPEG ou um arquivo, ele é automaticamente definido para 4 s. Então, isso é muito longo para nossos propósitos, 1234, então precisamos apenas de uma fração de segundo. E a vantagem do iMovie é que você pode selecionar vários quadros e transformá-los no mesmo comprimento. Então, digamos 0,2. Ok? Então, eu tenho a mão da vovó à esquerda, no meio e à direita. Então, eu preciso da mão da vovó no meio de mais uma vez para criar um laço suave. Clique em Opção e arraste-a para fora. Selecione tudo. Opção, arraste a barra de espaço para jogar. E faça. Sim, perfeito. Então, agora ainda estamos em apenas uma camada. Então, se eu quisesse, eu poderia acrescentar outra coisa. Só porque eu o tenho à mão. Vamos usar essa mão aqui. Imagem na foto para torná-la transparente. Assim. A transparência ocorre porque o iMovie alimenta automaticamente as imagens. Então, deslize isso totalmente para a esquerda para torná-lo visível instantaneamente. Então, digamos que o que a surpreende é essa flutuação. A vovó está acenando olá. De repente, uma mão aparece. Seu mercado no espaço e no tempo cai. Aqui. quadro-chave é, isso, agora diz o pequeno x. Então, se eu quisesse remover esse quadro-chave, teria que clicar nele novamente. Então, agora há um quadro-chave. Então vamos fazer com que ele saia e pegue de novo. Solte a mão. E ele adicionou automaticamente um quadro-chave. Vamos ver. Caiu. Certo, perfeito. Então, claro, áudio. E sempre há efeitos sonoros. Então, o que seria engraçado? carro de corrida passando quando a mão cai? Se você quisesse. Você pode adicionar um pouco de música. vejo tchau. Comando B, também neste programa para excluir um gato. E temos nossa animação. Vou dizer olá, Good. Mais um truque para acelerar seu processo é trabalhar com menos camadas. Quantos quadros você acha que essa animação tem? O único truque que usei aqui é usar apenas dois frames para o drible de basquete. E como usei bolas meio transparentes no fundo, isso cria uma sensação de movimento. E você simplesmente alterna entre para cima e para baixo, para cima e para baixo, para cima e para baixo. Então isso é, uh, um loop quadro a quadro. Então, vire o livro de duas molduras e depois um corte de salto. E eu uso o efeito sonoro da câmera para acentuar esse efeito de salto. E então, com o efeito sonoro do movimento da rede, você também tem aquela sensação de fechamento. Uma maneira muito rápida de animar, por exemplo , vídeos explicativos ou colocar uma ideia engraçada em ação. Aqui está o conceito usado novamente para um discurso de boxe, do que apenas alguns quadros em loop repetidamente com um efeito sonoro legal. 5. Final Cut Pro - animando os 3 estilos: Vamos ao Final Cut Pro. Crie uma nova biblioteca e um novo projeto. Se você estiver fazendo o upload para o Instagram, envie para o tamanho do seu vídeo para Personalizado e, em seguida, 1080 por 1920. Isso lhe dará aquela visão longa de retrato que o Instagram Reels tem. Agora, basta soltar todas as ilustrações que você fez no Adobe Photoshop, certificando-se de que todas sejam arquivos PNG para este projeto. A maioria deles eu salvei com todo o quadro de arte na bolsa. Aquele plano de fundo fantasma que mencionei na aula do Adobe Photoshop. Mas algumas partes móveis, como braços e olhos, são salvas como arquivos PNG rápidos sem o fundo. Então, mostrarei os três estilos de ilustração que se encaixam perfeitamente neste projeto. Primeiro, tenho o movimento do flip book quadro a quadro na mão dele. Eu dividi o corpo em uma camada separada, que agora está em segundo plano. E além disso, tenho minha reserva flip de três braços quadro a quadro. Para mover seus braços para a esquerda e para a direita. Eu usei cortes de salto. Mas para o movimento do braço descendo, que é o destaque desse clipe, usei quadros-chave porque quero que seja o mais suave possível. É aqui que a exportação como PNG rápido é útil. Veja, quando eu seleciono o braço, desenho uma caixa ao redor do braço. E isso facilita a rotação. Se eu ainda tivesse o plano de fundo do Espírito Santo, eu giraria de acordo com o tamanho do plano de fundo, que tornaria a edição muito difícil. Vamos fazer uma pequena lição paralela sobre como usar quadros-chave. Esta é uma foto que eu tirei e depois mudei um pouco a fortaleza dele. E três vezes, três configurações diferentes da capa. E então eu simplesmente fiz um loop. Então, parece que manter, está se movendo para a largura. Então, vamos nos dar algum espaço para trabalhar como um retrocesso. Então, Comando C para copiar isso e Comando V ou colá-lo. Então, agora, para facilitar a edição e vamos destacar , clique com o mouse. Novo clipe composto. Vamos ter isso como base. Agora. Minha camada de fundo é apenas manter o vento. E eu tenho esse PNG. Então eu tirei uma foto desse homem e deletei o plano de fundo. Então, é um arquivo PNG só desse garotinho aqui. Agora. Clique em Transformar é para ver. Então, vamos fazer dele o seu grande. Ok, perfeito. Agora, a vantagem do Final Cut Pro é que você pode ver os nós dos seus quadros-chave. Então você bate o clique em um clipe, mostra a animação do vídeo. Como você pode ver, existe um atalho Control V, que você usará muito. Então, vamos usar um Control V aberto. Essa transformação tem escala de rotação de posição em cada acesso que eu estava usando antes ou x e y. Todos podem ser quadros-chave. E se você clicar no clipe, você também tem Adicionar quadro-chave aqui. Então, o que eu quero fazer é ter uma tela fora da tela no início. Então eu o arrasto para fora da tela, depois de voar e adicionar um quadro-chave para começar, como você vê agora, deixe-me ampliar. Aqui. Haverá um quadro-chave nele e você poderá ver quais quadros-chave, todos eles. Então esse homem de Lego está marcado em tempo, posição, escala, rotação, etc. Agora, eu quero entrar, voar para dentro. Como você vê, ele cria uma linha para ver de onde ele começou. Talvez um pouco. A rotação é legal. Agora posso visualizar acessando a linha do tempo. E talvez seja bom ter uma certa oscilação um pouco, depois um pouco mais alto e girar um pouco mais. Você pode ver que ele adiciona automaticamente um quadro-chave. Então talvez um pouco mais acima. Desculpe, eu ainda não mudei meu tempo. Controle Z, movendo a linha do tempo, a linha do tempo para baixo, gire. Agora, se quiséssemos visualizar, pressione a barra de espaço, isso foi muito rápido. Então, vamos tornar isso mais lento. Arraste-o para fora. Agora. Temos mais tempo. E você pode simplesmente clicar nesses quadros-chave e arrastá-los para fora. Muito fácil de editar. Esta prévia novamente. Caminhe perfeitamente. É isso mesmo. Agora você tem essa ampla caixa branca. Então, eu sugeriria que, quando você terminar, destacasse e Control V novamente. Então, ele se torna apenas o corte final. O Pro tem uma possibilidade infinita de camadas, o que oferece muitas oportunidades. Neste projeto. Por exemplo, eu poderia separar o áudio do clipe de filme original e animar formas de boca separadas para colocar em outra camada. As bocas são uma mistura de quadro a quadro e, às vezes, de quadros-chave. No Final Cut Pro, a edição é muito intuitiva. Basta arrastar o comprimento dos clipes ao longo da linha do tempo. Qualquer um que você colocar no topo tem prioridade sobre as camadas inferiores. Os atalhos que agilizarão seu processo no Final Cut Pro são abrir e fechar dois dedos no trackpad para ampliar e reduzir a linha do tempo. a barra de espaço para iniciar e parar a reprodução de um clipe. Segure a opção e arraste um clipe para copiá-lo. Comando B para dividir um clipe em e Controle V para mostrar os nós do quadro-chave em um clipe. Essas são as técnicas que eu sugiro que você use no Final Cut Pro. E sim, esse é o meu conselho. Use esses atalhos. 6. Observações finais: Obrigado por assistir a esta lição. Espero que você tenha se divertido e que esteja pronto para começar a animar. Se você usar essas três técnicas, poderá se tornar muito rápido e escolher suas batalhas. Eles tentaram passar muito tempo em certas partes, as partes principais. Mas talvez seja melhor usar cortes de salto em outras partes. Porque se você está fazendo o upload para o Instagram, por exemplo, você está à vontade do algoritmo. Se você passou 20 horas em uma animação e dificilmente obtém curtidas ou visualizações. Isso pode ser difícil. Portanto, dedique tempo suficiente para que você goste intrinsecamente do projeto independentemente do resultado, e depois das curtidas, das visualizações ou apenas dos ossos. Porque, no final das contas, o objetivo é se divertir e ficar melhor e mais eficiente em sua expressão artística. Então, sim, deixe-me ver o que você inventou e estou ansioso para ver seus clipes. Obrigada. Tchau.