Adobe Animate essencial: princípios básicos da animação 2D

1. Apresentação: Se você está curioso sobre animação quer fazer curtas-metragens logo no início, Adobe Animate é um bom lugar para começar. Meu nome é Toniko Pantoja e sou artista em tempo integral na indústria da animação, trabalhando como artista de storyboard , animadora e designer de personagens. Eu trabalhei em filmes como How to Train your Dragon 3, The Croods 2. Tive uma breve passagem Kipo and the Age Of the Wonderbeasts. Atualmente, estou trabalhando na Amazon com a Invincible. A animação é muito poderosa porque hoje em dia você pode fazer um filme inteiro sozinho com apenas um computador, um mouse ou até mesmo um tablet de desenho. Você não precisa ter uma equipe inteira para fazer um único filme. A aula de hoje é sobre como aprender o Adobe Animate e como animar coisas básicas com ele. Nesta aula, apresentaremos uma visão geral do programa em si e de sua interface de usuário. Em seguida, vamos animar uma bola quicando. Depois disso, faremos noções básicas quadro a quadro, usando a animação de personagens como exemplo. Ao final desta aula, você terá um conhecimento básico do Adobe Animate, mas o suficiente para fazer alguns curtas-metragens ou até mesmo uma peça animada. Se você está pronto para começar sua jornada de animação, vamos começar. 2. Primeiros passos: Olá, é o Nico. Muito obrigado por participar desta aula. Eu vou ensinar como animar no Adobe Animate. Ensinar o Adobe Animate parece um círculo completo para mim, porque esse é um programa que eu usei quando era adolescente e agora estou voltando a ele e refletindo isso como alguém que está no setor e dou crédito ao Adobe Animate porque sem o flash ou o Adobe Animate, eu não o teria colocado no setor. Eu não saberia o que era a indústria ou o que era animação, e ainda a uso até hoje porque é muito fácil de acessar e o sistema de bibliotecas do Adobe Animate é muito bom porque é fácil salvar e reutilizar desenhos quando você precisa deles. Digamos que eu tenha uma batida de boca ou um efeito de fogo, ou talvez até mesmo um desenho que eu queira reutilizar, não precise redesenhá-lo e refazê-lo, posso simplesmente retirá-lo da biblioteca e colocá-lo de volta na minha animação principal. Mas ei, não se preocupe com essas coisas da biblioteca ainda. Vou passar por isso passo a passo e vamos chegar lá. Acho que ser capaz de animar e fazer as coisas se moverem é essencial quando se trata design de movimento, animação ou até mesmo de contar histórias. O que você definitivamente precisará é de um computador. Você não precisa ter um computador muito poderoso. Tudo está bem, desde que possa executar o Adobe Animate. Por aqui, estou usando um tablet com tela. Essa é uma marca profissional chamada Wacom. Este é um 16 HD sintético, mas existem outras marcas que são mais baratas, como a caneta Huion ou XP, elas são muito mais acessíveis. Você pode até usar um tablet gráfico onde ele não tem uma tela, é apenas um teclado que funciona como um USB, mas quando eu comecei, eu estava usando apenas um mouse. Você também pode começar com isso. Se você ainda não está pronto para investir em tablets gráficos. Você pode assinar apenas o Adobe Animate ou obter a Creative Cloud, a assinatura completa, que vem com o Photoshop, que vem com o Photoshop, After Effects e todos esses outros programas que você pode usar para criar um filme totalmente visualizado. Nesta aula, vou apresentar uma visão geral do programa em si, do layout, das ferramentas, do que é a linha do tempo e do que é a biblioteca. Vou fazer uma demonstração e falar sobre como animar uma bola quicando usando as ferramentas básicas de flash e, logo em seguida, passaremos gradualmente para a animação quadro a quadro ou tradicionalmente desenhada à mão. Também vamos explorar a biblioteca, como eu a uso, como usá-la e por que ela torna o Adobe Animate um programa tão incrível, e depois vamos exportá-la para um vídeo onde podemos compartilhá-la com pessoas de quem gostamos. O objetivo dessa aula é começar em algum lugar, simplesmente fazer isso, porque a animação leva muito tempo para ser aperfeiçoada ou até mesmo dominada. Também há muitos estilos de animação, cada um com diferentes filosofias e ensinamentos diferentes. Eu acho que é importante começar em algum lugar. Se você tiver o Adobe Animate baixado e pronto e seu PC, podemos começar com a próxima lição. 3. Como explorar o Adobe Animate: Aqui está o Adobe Animate. Uma coisa que você notará é esse layout geral. Agora, vou generalizar o que cada um deles é. No lado esquerdo, você obtém as ferramentas, obtém sua ferramenta de pincel, modelagem, até mesmo suas ferramentas de preenchimento de inundação ou suas ferramentas de balde de pintura, ferramentas de texto, ferramentas de caneta aqui e ali. Tudo isso está nas ferramentas do lado esquerdo. Na parte inferior, temos nossa linha do tempo. É aqui que realmente obtemos informações de animação, nossas camadas e quantos quadros existem na animação, quantos desenhos ou animações e quanto tempo ela dura. No lado direito, temos coisas como propriedades. Por enquanto, eu realmente não tenho nada selecionado nas ferramentas. Ele vai recorrer a esse estágio e eu mudei meus quadros por segundo para 24 porque esse é o padrão da maioria dos formatos de animação. Por aqui também temos o sistema de bibliotecas na guia. Já falei sobre a biblioteca antes, mas é onde podemos salvar uma animação ou experimentá-la e reutilizá-la mais tarde, se quisermos reutilizá-la. Aqui embaixo está a linha do tempo. A partir daqui, podemos adicionar novas camadas, podemos remover camadas, podemos colocá-las em grupos nesses botões aqui em cima, isso nos permitirá adicionar um novo quadro-chave. Isso nos permitirá adicionar um novo quadro-chave em branco. Isso nos permitirá adicionar ou estender uma moldura de um desenho existente. Vou falar sobre essas ferramentas enquanto fazemos a animação. Essa ferramenta aqui é muito importante. É chamado de casca de cebola. Isso nos permitirá ver nossas molduras e desenhos anteriores e nossas próximas salas e desenhos anteriores. Este botão aqui nos permite reproduzir a animação, para visualizá-la. Isso nos permitirá repetir uma certa faixa da animação apenas para que possamos virar para frente e para trás. Aqui, também podemos ajustar o tamanho e a miniatura de nossas teclas para que possamos vê-las claramente, porque às vezes talvez seja um pouco pequeno demais e talvez queiramos ver algo um pouco mais fácil de ler. O que você está vendo na linha do tempo é a duração da sua animação. Se eu estender esse desenho e apertar esse pequeno botão aqui em cima e reproduzi-lo, isso indicará a animação em tempo real e quanto tempo ela dura e apenas vê-la ser reproduzida. Seja qual for o desenho que tivermos aqui, ele atingirá um certo ponto. Se eu criar um novo espaço em branco e se eu o jogar. Agora temos um pouco de animação. Cada um deles é conhecido como molduras, como um filme. Agora, o que estão aqui são os principais desenhos ou quadros-chave. Cada desenho aqui, como você pode ver, vale para um número incerto de quadros. Esse desenho dura cerca de sete quadros e esse desenho dura cerca de 1, 2, 3, 4, 5, 6, seis quadros. Você pode ver que há apenas três desenhos diferentes e você pode até mesmo adicionar um novo desenho entre eles. Isso cria um novo desenho que ocupará o resto dos quadros restantes. Se eu apertar a ferramenta de casca de cebola, posso ver meus principais desenhos aqui. Eu posso desenhar uma nova marca ali. Agora ele vai criar outro desenho. Se eu jogar, agora temos um pouco de intervalo. Eu vou falar sobre esses outros botões aqui. Eu só vou abaixar a casca da cebola por enquanto. Este botão aqui, insira um quadro-chave, pegará esse desenho existente e o transformará em uma nova informação de desenho ou em um novo quadro-chave. Mesmo que sejam desenhos semelhantes ou o mesmo desenho deste e deste, posso fazer uma pequena alteração porque agora está tratando isso como um desenho de chave completamente diferente. Agora, se eu alternar entre isso e fizer alterações, ele aparecerá lá. Então isso aqui, se eu bater nele, então não vai funcionar entre o desenho. O que eu tenho que fazer é selecionar uma parte de um desenho e, se eu clicar nela, agora ela removerá completamente a junta. Digamos que se eu quiser criar uma moldura entre esse desenho e esse desenho, eu possa selecionar uma moldura aleatória entre esses desenhos e clicar nela e agora ela criará uma nova chave , mas que está vazia. Eu ligo a ferramenta de casca de cebola para ver entre esses desenhos e posso criar um novo desenho. Uma coisa com a qual você pode querer ter cuidado é esse botão aqui em cima. Inserção automática do quadro-chave. Digamos que eu queira editar esse quadro-chave. Digamos que eu queira adicionar um caule de maçã ou cereja. Se eu estiver fora de um quadro de onde o quadro-chave começa e eu simplesmente desenho essa haste, ele criará um novo quadro-chave a partir dele para que possa causar problemas. Isso vai te confundir ainda mais. O que eu costumo fazer é desligá-lo e, então, digamos que eu esqueça de mover o cursor em direção a um quadro-chave e eu o desligo por uma moldura e desenho uma pequena haste da maçã, ela permanecerá consistente. Este botão aqui, inserindo moldura, nos permitirá estender o comprimento do nosso desenho atual. Vou tocar nele e agora ele está adicionando uma moldura para esse desenho. Se eu jogar, vai durar mais tempo. Vamos ver, eu não tenho nenhuma moldura aqui e preciso de uma moldura para poder desenhá-la. Não vai me permitir fazer isso. Vou apertar esse quadro-chave de inserção e desenhar um ponto ou uma bola. Se eu clicar novamente, ele criará outro quadro-chave , mas usando o mesmo desenho. Mas é realmente um desenho de tecla diferente, porque se eu mover isso, ele o tratará forma diferente e eu posso fazer isso de novo, mover isso novo, mover isso de novo, fazer isso de novo, mover de novo e agora eu tenho um pouco de animação. Agora vou apresentar outro botão que é inserir quadros-chave em branco. Se eu clicar nela, agora ela criará uma nova chave, mas está vazia. Não há nada lá dentro. Agora, isso me permite criar um novo desenho. Essa ferramenta é importante para animações quadro a quadro ou desenhadas à mão. Agora, digamos que eu tenha esse novo desenho e aperte o botão novamente. Agora eu posso continuar fazendo novos desenhos com isso. Se eu jogar, agora temos um pouco de animação, mas às vezes essa animação passa muito rápido e eu quero segurar alguns desses desenhos por mais tempo. Há um botão para isso. O que estou fazendo é selecionar meu cursor, movê-lo e, o que quer que esteja ligado, isso afetará o desenho. Se eu clicar em Inserir quadro, ele estenderá esse desenho em um quadro e eu vou para o próximo desenho arrastando meu cursor e eu clico Inserir quadro e ele estenderá esse desenho e eu posso repetir isso. Há momentos em que eu pulo apenas para criar essa estilização do tempo, o que significa que, como alguns desenhos passarão muito rápido, outros passarão muito devagar. Digamos que eu queira segurar esse desenho por mais um pouco, os dois primeiros desenhos. Estou realmente experimentando aqui. Quando eu jogo, agora você pode que alguns desenhos de teclas duram muito mais do que os outros e se eu não gostar de alguns dos quadros, sempre posso removê-los pressionando este botão aqui. Remova as molduras. Se eu clicar nisso, ele vai deletar alguns desenhos. Posso excluir completamente uma junção ou simplesmente excluir uma parte estendida desse desenho. Se eu quiser criar um novo quadro após essa animação, quero ter certeza de clicar no espaço vazio ao lado e pressionar Inserir quadro-chave em branco ou inserir um quadro-chave se quiser reutilizar este desenho. Mas digamos que eu queira criar uma chave em branco. Agora eu quero ver meus desenhos anteriores sem ter que rolar para frente e para trás. Eu posso fazer isso usando a casca da cebola. Vamos fazer uma cor diferente e continuarei a animação pressionando constantemente este botão, Inserir quadro-chave em branco, e apenas tentando recriar ou criar novos desenhos usando os desenhos anteriores como referência. Vamos jogar isso. É uma bola quicante muito simples. Se eu quisesse reproduzir apenas uma determinada seção, posso pressionar este botão aqui e ele repetirá uma animação, mas também carregará uma nova pequena função aqui que me permite selecionar o que eu quero visualizar. Está reproduzindo apenas uma certa parte da animação. Você não precisa jogar a coisa toda se quiser ver uma parte da animação. Isso é muito útil. Eu encorajo você a experimentar usar o Adobe Animate, a linha do tempo e experimentar essas ferramentas. Apenas se divirta com isso e se acostume com o programa. Na próxima lição, falarei sobre tudo o que você talvez queira saber sobre como animar sua primeira bola quicando. 4. Como animar uma bola quicando: Nesta lição, vou ensinar você a animar uma bola quicando usando o Adobe Animate. A razão pela qual a bola quicante é tão importante na animação e por que muitas escolas de animação a introduzem é porque ela introduz muitos princípios importantes, como arcos, peso, squash e alongamento, tempo e até espaçamento. As coisas estão ficando cada vez mais lentas. Essas são coisas sobre as quais vou falar enquanto faço a bola quicando. Vou criar um novo arquivo ou uma nova janela usando as mesmas configurações 1920 por 1080, 24 quadros por segundo. Antes de animarmos ou antes de realmente fazermos a animação, eu gosto de planejar, e acho que planejar é uma boa maneira de pensar sobre o movimento e o layout da nossa animação antes de realmente começarmos a animar. O que eu vou fazer é apenas desenhar um guia. Vou apenas indicar meu piso e vou chamar essa camada de grama. Você pode clicar duas vezes no “ Nome da camada ” e chamá-lo de grama. Agora, vamos criar uma nova camada. É aqui que vamos ilustrar nosso guia ou o movimento que estou planejando para a animação. Há muitas maneiras de fazer isso, mas vou fazer uma maneira muito simples desenhar um arco, para que ele salte assim. Arcs é um dos principais princípios da animação que mostra animações confiáveis. Agora que desenhei meu caminho de movimento para minha bola, vou usar isso como referência ao animar minha bola. Vou fazer isso imediatamente para torná-lo muito mais divertido. Vou criar uma nova camada. Em primeiro lugar, preciso nomear isso como guia. Estou criando uma nova camada novamente. Então, na minha terceira camada, é aqui que vou animar nossa bola. Eu vou fazer algo muito simples aqui. Não vou fazer animação quadro a quadro, vou fazer isso usando ferramentas básicas do Adobe Animate. Quadro a quadro é onde você desenha um novo desenho a cada novo quadro, como uma animação em papel desenhada à mão, enquanto o vou fazer é apenas fazer que vou fazer é apenas fazer um desenho e reutilizá-lo, manipulá-lo dependendo da animação sem precisar redesenhar o desenho. Na próxima lição, falarei mais sobre animação quadro a quadro. Agora, vou desenhar minha bola, mas antes de fazer isso, quero bloquear minhas camadas anteriores que criei para não tocá-las ou desenhar sobre elas acidentalmente. Vou ativar esse pequeno cadeado em cada uma dessas camadas. Agora, na minha camada 3, e vou chamar isso de bola, vou desenhar meu oval. Você pode até mesmo segurar Shift, para que ele não se torne oval, basta segurar Shift e transformá-lo em uma bola. Na verdade, vamos torná-lo menor. A partir daqui, vou animar esse quadro por vez. Vou ativar a casca da cebola para poder acompanhar minhas molduras anteriores. É aqui que vou falar sobre o conceito de desaceleração, desaceleração, espaçamento, aceleração e desaceleração. Vou criar um novo quadro-chave pressionando este botão aqui. Isso criará um novo quadro-chave com o mesmo desenho. Mas vou começar a mover as coisas. Estou usando a casca de cebola como referência para ver onde estava meu desenho anterior sem precisar virar assim. Eu vou continuar. Agora estou vendo três quadros antes, apertei novamente e vou continuar. Uma coisa que você notará, o que estou fazendo é, na verdade, criar um espaço maior. O que quero dizer é que o espaçamento entre esses desenhos está aumentando gradualmente. Isso é para mostrar as coisas acelerando e acelerando sem precisar fazer algumas ferramentas de curva estranhas. Como você pode ver, estou tornando esse espaçamento maior do que o anterior. Mesmo que eu não esteja reproduzindo a animação, você pode perceber que ela está acelerando só de eu alternar entre esses desenhos sem que eu precise reproduzi-la. Isso é uma constante com espaçamento, e saídas lentas e animação. Vou ligar minha casca de cebola novamente e fazer isso cair no chão. Então eu vou inserir outra chave onde agora esta está saindo do chão. Agora, estou diminuindo gradualmente o espaçamento entre meus desenhos anteriores. Mas o problema é que estou tentando manter o espaçamento horizontal, a bola passando do estágio esquerdo para o estágio direito, consistente. É só quando sobe e desce. Então, há uma razão pela qual eu desenhei esses arcos mais cedo é para me guiar. Agora eu não preciso fazer o trabalho de adivinhar onde estão os arcos, eu planejei isso. É assim que eu planejo a animação e é por isso que a bola quicando é uma tarefa tão importante. Eu vou continuar. Agora, o espaçamento está ficando maior. Boom atinge o chão. Está diminuindo à medida que eu subo, mas ganhando velocidade quando eu desço até começar a diminuir em termos de quanto ele salta. Vamos jogar isso e ver como é. Vá para Controle e clique em “Reprodução em loop”. Agora vou pressionar “Play”. Agora temos uma bola quicando muito simples. Mas definitivamente podemos tornar isso muito mais verossímil. A melhor coisa sobre o Adobe Animate ou animação digital em geral é que eu posso realmente voltar aos meus quadros anteriores e começar a fazer ajustes rapidamente. Agora eu quero aplicar um alongamento, uma mancha ou um desfoque de movimento. Gosto de rolar meus desenhos desse jeito, segurando o cursor e percorrendo para frente e para trás para sentir o fluxo, e acho que, há muito espaçamento aqui e porque é tão drástico, o que posso fazer é selecionar essa bola e agora, e se eu, digamos, começar a modificá-la um pouco? Esse é o conceito de alongamento na animação. Então, à medida que continua descendo, vou torná-lo ainda mais estreito e mais longo. Agora estamos tendo um movimento um pouco mais verossímil. Quando ela atinge o chão, e se esticarmos a bola para fora? Boom, então agora temos uma abóbora. Então, quando ela sai, pressiono “Ferramenta de Transformação Livre”, seleciono minha forma e a modifico um pouco, então a razão pela qual não estou fazendo isso é porque quero torná-la mais crível em termos de retenção da massa. Se houver uma abóbora acontecendo, laterais se expandirão como um objeto da vida real. Gosto de fazer as coisas normalmente na vertical e depois girá-las de acordo com o arco. Agora, esta é uma oportunidade perfeita para se divertir aqui. Agora vou aplicar uma abóbora. Eu aplico squash sempre que uma bola bate no chão, só para vender a sensação de peso e a elasticidade da nossa bola. Eu vou fazer isso, boom. Então eu vou voltar. Não, estique-o. Eu só vou fazer isso para o resto dos desenhos. Mas, como você percebe, a queda e o salto ficam menos drásticos. Não vou aplicar a abóbora e alongar o tempo todo, porque se isso acontecer, vai parecer muito perturbador ou muito ativo. Gosto de subjugá-la quando a moção começa a ser subjugada só para vender ainda mais essa credibilidade. Ainda vou aplicar o alongamento , mas não tão drástico quanto os anteriores. A mesma coisa aqui quando se esmaga, quando atinge o chão. Eu vou deixar assim. Eu não acho que precise nenhuma abóbora e alongamento cruéis aqui. Vamos jogar isso. Agora, temos uma bola quicando amigável à animação muito clássica . Eu quero que você pratique a bola quicando. Desenhe os arcos como guia em outra camada e, em seguida, anime uma bola em outra camada em cima dela, movendo a bola quadro a quadro. Agora, como bônus, vou animar rapidamente uma cauda. Vou animar formas rapidamente, quadro a quadro, enquanto rastreio minha bola. Agora, como temos essa moldura que se estende até a mesma da nossa bola, temos um desenho que continua aguentando. À medida que continuo avançando, vou apertar este botão agora, “Inserir quadro-chave em branco”. Eu ainda vou ativar minha casca de cebola, vou travar minha camada de bola para não ver a casca de cebola daquela bola e continuar desenhando a cauda quadro a quadro, apenas rastreando-a. É aqui que você pode sentir a ação sobreposta. Na animação, ações sobrepostas são coisas como tecido, cabelo ou cauda, em que na verdade está apenas seguindo a bola. Aqui está um exemplo perfeito disso. Digamos que essa bola caia, mas está subindo, eu ainda preciso completar a trajetória da cauda seguindo a bola, então ela precisa cair ou ser batida primeiro. Você pode simplesmente fazer isso com formas muito simples. Eu vou continuar desenhando formas. Vamos jogar isso. Agora podemos esconder o guia para que agora possamos olhar para a bola sozinha. O que podemos fazer agora é começar talvez a estender o comprimento de alguns desses desenhos, para que eu possa selecionar todos os desenhos ou outras camadas, selecionar esses quadros e clicar em “Inserir moldura”. Agora, esses desenhos vão durar mais do que apenas uma moldura. Eu só vou fazer isso talvez nos três primeiros desenhos, transforme-os em um. Quando subir, talvez eu diminua a velocidade. A maneira como estou escolhendo como estender alguns desenhos é baseada em se, digamos que um objeto esteja ficando lento no espaço, talvez eu queira exagerar ainda mais, mas sem precisar adicionar mais desenhos, posso fazer isso prolongando o comprimento do desenho para capturar a mesma sensação. Estou estendendo o comprimento de cada desenho, aí que a bola está pairando no ar, porque é quando ela diminui a velocidade à medida que sobe. Não vou estender os desenhos, pois eles vão realmente vender esse impacto rápido. Então acho que, nos últimos desenhos, talvez eu os desacelere completamente. Agora, quando eu jogo, parece um pouco mais estilizado. Eu recomendo apenas experimentar com uma bola quicando. Não há uma regra sobre a aparência de uma bola quicando perfeita, você pode adicionar uma cauda a ela, você pode adicionar orelhas a ela. Você pode transformá-lo em um personagem-chave ou em um animal. O que estou mostrando é um aprendizado fundamental, uma base e muito do aprendizado de animação. Junte-se a mim na próxima lição e falaremos conceitos básicos quadro a quadro. 5. Conceitos básicos de quadro a quadro: Nesta lição, falaremos sobre animação quadro a quadro ou desenhada à mão, seus fundamentos, como eu faço isso com o Adobe Animate e o que ela é essencialmente. Pense em animações feitas à mão em papel. Cada desenho é um desenho completamente novo ou um novo quadro-chave. Quero mostrar um exemplo que fiz para dar uma ideia do que quero falar para esta lição. Vamos fazer algo tão básico ou até mais básico do que isso. Pode parecer um pouco confuso, intimidante, o que está acontecendo, o plano de fundo, todos esses efeitos e esses movimentos da câmera. Não se preocupe, vamos passar por isso passo a passo, porque é isso que é. Tudo são apenas blocos de construção, um de cada vez. Tudo começa com algo muito simples e estamos apenas colocando camadas em cima das camadas. Vou criar um novo arquivo, novamente, 1920 por 1080 e agora vamos falar sobre a animação clássica quadro a quadro, mas antes de fazermos isso, vou fazer o que fiz com a bola quicando, que é planejar um pouco. Para uma bola quicando, era apenas um terreno plano, mas para esta, quero dar um pouco de perspectiva. Vou apenas desenhar algumas linhas de perspectiva para uma perspectiva de um ponto. Se você está se perguntando por que estou fazendo a linha de perspectiva, é porque eu a uso como um guia para mostrar profundidade. Para esse coelho, por exemplo, o coelhinho está vindo em nossa direção de toda a parte de trás. Vou criar uma nova camada. Vou chamar isso perspectiva ou pessoa. Vou apenas desenhar várias poses ou guias de onde nosso pequeno guia de coelhinhos estará, então essa é uma. Talvez ele venha até nós e, novamente, eu não seja muito consistente com esse design de coelho. Estamos nos divertindo de verdade. Isso é desenhar o número 1, desenhar o número 2, e então talvez o façamos terminar mais perto de nós, talvez de frente para nós, 3. Vou fazer a mesma coisa fiz com a bola quicando, que fiz com a bola quicando, ou seja, vou desenhar arcos para ilustrar como eu quero que o coelho salte e talvez eu faça com que ele volte para o número 1. Acho que talvez haja muita informação visual aqui. É um pouco confuso demais. O que eu geralmente gosto de fazer é acessar as propriedades de cada camada e diminuir a opacidade para talvez algo muito baixo. Digamos que a perspectiva seja de talvez 8%, eu ainda consigo vê-la, mas não é tão perturbadora. Talvez a mesma coisa para esse coelho. Talvez eu diminua isso para, digamos, 20% e clique em “OK”. Agora, não é tão perturbador para mim. Ainda consigo ver isso e agora posso usar isso como referência. Agora vamos desenhar nossas principais poses para o coelho. Vamos escolher uma cor bonita para o coelho. Eu vou escolher algo cinza. No exemplo que mostrei, desenhei a linha artística do coelho e a preenchi, mas neste caso, vamos fazer algo muito mais experimental e divertido. E se apenas animássemos formas? Vou desenhar a forma de um coelho com a ferramenta de pincel e depois preenchê-la com uma ferramenta de balde de tinta. O que você também pode fazer é, digamos que, se estiver desenhando sobre o guia, você possa mover sua animação logo abaixo da guia. O guia está no topo da sua animação. Agora ainda consigo ver os olhos e as orelhas do coelho. Vamos dar orelhas rosadas a esse coelho e depois dar a ele olhos redondos. Gosto de usar a ferramenta conta-gotas para selecionar a mesma cor das orelhas e talvez usá-la para as pernas. Agora, vou clicar em “Inserir quadro-chave em branco”. Agora vou desenhar minha próxima pose chave e já desenhei a referência para o coelho número 2. Novamente, estou apenas desenhando com pinceladas e preenchimentos, nada muito complicado. Agora eu tenho três chaves do nosso coelho. É a primeira posição, a segunda posição e a posição final. Agora vamos fazer tecidos conjuntivos ou desenhos conjuntivos para essas posturas principais. Na animação, chamamos essas falhas. Nesse caso, preciso desenhar uma chave do coelho 1 indo para o coelho 2 pulando. O que eu vou fazer é ir até meu primeiro desenho e clicar em “Inserir moldura” e eu vou selecioná-la e agora deixá-la em branco. Agora temos um desenho vazio entre esses desenhos. Vou ligar minha casca de cebola para ajustar os controles deslizantes na minha casca de cebola para que eu só possa ver o coelho 1 e o coelho 2 Os controles deslizantes aqui me permitem ajustar o alcance da casca da cebola. Como você está vendo, se eu estender minha última casca de cebola para , digamos, o quarto desenho que inclui um terceiro coelho, ela aparecerá, mas eu não quero isso. Agora estou focando apenas nesses dois coelhos. Agora vou desenhar nosso tecido conjuntivo ou nosso desenho de decomposição do coelho 1 para o coelho 2. Agora que tenho minhas cascas de cebola viradas para baixo, azul sendo a anterior e a verde sendo a próxima, vou usar isso como um guia para descobrir como seria meu próximo desenho. Está pulando. Novamente, não sou muito precioso em manter a consistência sólida do driver. No momento, estou apenas tentando conseguir o que parece certo ou o que é bom. Acho que estender os braços inferiores desse jeito é muito engraçado. Agora temos um tecido conjuntivo. Eu vou fazer a mesma coisa com 2-3. Você nem sempre precisa usar a casca da cebola. Às vezes, gosto de rolar entre meus desenhos, desligar a casca da cebola para que eu possa realmente sentir o movimento e descobrir o que parece apropriado, porque às vezes ver vários desenhos ao mesmo tempo pode não ser muito útil. Talvez eu faça isso na próxima. Vou simplesmente alternar entre esses dois desenhos ou segurar o cursor e continuar indo e voltando, para ter uma ideia de como será o próximo desenho . Vamos fazer mais uma, então talvez eu possa fazer com que ela volte para o número 1. Eu posso selecionar meu primeiro desenho, clicar em “Copiar molduras” e depois colá-lo aqui. Vou selecionar minhas outras camadas e clicar “Inserir molduras” para estender esses desenhos para que tudo corresponda. Então eu vou estender esse desenho aqui para que eu possa criar um desenho em branco bem no meio e talvez para isso e posar, eu estou pensando, e se ele virar para trás? Vamos ver suas pernas. Novamente, sou só eu me divertindo, então essas são suas pernas. Estamos vendo por baixo. Provavelmente não veremos suas orelhas porque elas estarão atrás do corpo. Agora, quando eu rolo entre esses desenhos, temos uma ideia do movimento. Eu clico em “Control” e clico em “Loop Playback”, para permitir que eu repita a animação. Mas está passando muito rápido. E se eu apenas espaçar ou estender esses desenhos um pouco mais? Digamos que eu vou segurar esse desenho por quatro quadros. Vou selecionar meu desenho ou mover o cursor para o meu primeiro desenho e pressionar 1,2,3,4 para que ele aguente mais. Estou usando o terceiro botão aqui, insira molduras para estender cada um desses desenhos 1,2,3,4, geralmente escolho quatro porque parece que é um número muito seguro, você ainda pode ter uma sensação de movimento e movimento e o tempo ainda parece observável. Preciso de tecidos conjuntivos conectando esses desenhos. Bem entre esses quadros ou esses desenhos, vou selecionar um ponto aleatório no meio para cada um desses desenhos e clicar em “Inserir quadro-chave em branco” e continuarei fazendo isso para todos os outros desenhos, que serão nossos intermediários, ou nosso tecido conjuntivo. Isso é o que é animação. É realmente conectar desenhos para formar essa ilusão de movimento. Quando eu jogo, temos desenhos em branco. Agora só precisamos preenchê-lo. Eu vou fazer isso bem rápido. Posso ligar minha casca de cebola novamente, ajustar o alcance da casca da cebola para que eu possa realmente ver meus desenhos anteriores e futuros. Vamos ver qual é a sensação. Temos animação. Isso é animação ali mesmo. Vou fazer algo um pouco mais porque sinto que quero que esse coelho acabe muito mais ou dramaticamente, e quero realmente vender esse peso. O que eu posso fazer é, talvez, entre esses dois desenhos, eu possa adicionar um desenho exagerado. Vou fazer a mesma coisa clicando em “Inserir quadro-chave em branco”, e vou ligar minhas cascas de cebola para ver o guia e vou esmagá-las apenas por um breve momento. Talvez os ouvidos ainda estejam prontos para ver essa sobreposição. Esses dois desenhos, em vez de durarem um quadro para cada, vou fazer com que durem dois e garantir que todos os outros quadros estejam sincronizados. Vamos jogar isso. Agora temos um pouco de peso quando o coelho pousa. Vamos desligar o guia. Manterá a linha de perspectiva, é um toque agradável. Aí está o coelho. Quero que vocês experimentem com seu próprio coelho. Pode ser um coelho, pode ser um cachorro, pode ser qualquer coisa que você quiser. A ideia é apenas explorar como fazer essas posturas principais e como conectá-las. Na próxima lição, vamos explorar a biblioteca. 6. Como explorar a biblioteca: Nesta lição, falaremos sobre a Biblioteca no Adobe Animate. A Biblioteca é um local onde você pode armazenar animações, gráficos, efeitos sonoros e várias outras coisas pré-fabricadas . A razão pela qual a biblioteca tão importante conhecer, especialmente para quem é iniciante no Adobe Animate, é porque ela é essencial quando você deseja reutilizar animações ou recursos como abas bucais. Gosto de manter as coisas separadas. Gosto de manter as coisas em um arquivo diferente o tempo todo, só para não ocupar tanto o espaço, mas ainda vamos usar esse arquivo que temos para o coelho. Vou para Arquivo e vou clicar em “Novo”, e vou manter todas as configurações iguais, 1920 por 1080 para largura e altura, 24 quadros por segundo. O que eu quero fazer é tentar animar um pequeno efeito para o coelho quando ele tentar animar um pequeno efeito pular do chão. Eu vou fazer algo como uma pequena faísca ou uma pequena explosão de fogo ou uma pequena explosão de energia. Vamos fazer isso quadro a quadro. Gosto de começar com um ponto em que o efeito começa, então vou desenhar uma pequena marca a partir daí e , ao clicar em “Inserir quadro-chave em branco” novamente, criarei um novo quadro. Vou deixar a casca da cebola para poder ver todos os meus desenhos anteriores. Eu não vou virar tanto. Vou ter um forte respingo ou uma forte explosão chegando. Vou criar um novo quadro-chave Inserir em branco e vou deixar que esse efeito comece a diminuir à medida que acompanho meus desenhos anteriores. Vou continuar fazendo isso até que fique cada vez menor em algumas manchas. A melhor coisa sobre animação quadro a quadro é que eu sempre posso voltar atrás e provavelmente adicionar mais cores ou efeitos diferentes. Vamos adicionar talvez outro toque aqui. Às vezes, a casca da cebola pode ficar um pouco agitada ou há muitas informações, então talvez seja hora de fechá-la. Ou o que você pode fazer é realmente segurar a casca da cebola, vá para Configurações avançadas. Você pode até mesmo alterar a aparência de coloridas para apenas informações de linha. Vamos fazer isso. Vou repetir a reprodução para que eu possa assisti-la em loop. Vamos pré-visualizar isso. Temos um efeito muito básico, mas acho que ainda está um pouco rápido demais, então vou selecionar minha primeira moldura e continuar inserindo molduras. Vamos começar adicionando apenas uma moldura por desenho. Estou movendo o cursor para cada desenho diferente e pressionando “Inserir quadro”. Agora vamos jogar isso. Está se sentindo um pouco bem. Talvez vamos fazer com que os dois últimos desenhos durem um pouco mais , para que pareça que estão ficando mais lentos sem precisar adicionar mais desenhos. Vou adicionar outra moldura de inserção para esses dois últimos desenhos. Vamos finalizar selecionando o próximo quadro e pressionando “Inserir quadro-chave em branco” para mostrar que não há mais desenhos no final e eu vou clicar em “Reproduzir”. Agora temos um efeito muito simples, e agora vamos transformar isso em um símbolo para a biblioteca. O que são símbolos, eles são como pequenas minianimações ou miniarquivos com sua própria linha do tempo e você sempre pode abri-los e editá-los, e você pode mudar isso à vontade. Vou te mostrar o que quero dizer. selecionar todas essas molduras. Clique com o botão direito e clique em “Copiar quadros”. Em seguida, vou para Inserir, Novo Símbolo, e agora tenho essas configurações para um novo símbolo. Vamos chamar isso de efeitos. Para o tipo, vou ignorar filmes, clipes e botões porque eles são mais adequados para flashes de versões mais antigas com seu próprio salto de ação. Vou clicar em “Gráfico” e clicar em “OK”. Você notará que uma nova janela aparece e agora estamos editando efeitos e ela carrega sua própria pequena linha do tempo. Agora vou colar toda a minha animação aqui, e agora temos essa animação sob o símbolo chamado efeitos. Quando eu voltar, e se eu criar uma nova camada, vou desligar minha casca de cebola. Agora, se eu for à Biblioteca, tenho uma coisa chamada efeitos nela. Assim, posso colocar várias versões dos efeitos e, se eu jogar, tudo acontecerá simultaneamente. Agora que temos isso, vamos colocar isso com um coelho. Vou clicar com o botão direito do mouse no meu símbolo e clicar em “Copiar”. Vou entrar na minha pasta de coelhos e agora vou adicionar um efeito toda vez que o coelho pular do chão. Vamos verificar novamente. Nosso coelho está na camada 3, e eu vou renomeá-lo, coelho. Em seguida, vou criar uma nova camada abaixo do coelho e colar. Uma coisa que você notará é que ele adicionará os efeitos do outro arquivo à biblioteca do coelho. Vou plantar um aqui, então quando o coelho salta, há um efeito. Algo que você notou é que ele faz um loop. Na verdade, você pode alterar essa configuração. Se eu clicar no meu símbolo com efeitos e ir para Propriedades, posso desativar o loop e clicar em “Jogar uma vez” pressionando este botão aqui. Você pode até mesmo selecionar o quadro de onde a animação começa. Se eu quiser que a animação comece em algum lugar próximo ao fim, posso fazer isso, mas vamos começar do 1. Agora só toca uma vez. Pessoalmente, gosto de criar uma nova camada onde eu possa colocar o símbolo. Vou copiar isso novamente. Agora vamos criar outra camada para o outro símbolo ou outro efeito, e eu vou colar meu efeito aqui, então vou colar. Certifique-se de selecionar a moldura antes de colá-la. Se eu jogar, agora temos alguns efeitos sincronizados com o coelho e é por isso que o sistema de biblioteca é ótimo. O que você também pode fazer é, digamos que eu queira transformar esse coelho em um símbolo em si. Posso selecionar todos os quadros na minha linha do tempo com o coelho, clicar com o botão direito do mouse em Copiar molduras, Inserir, Novo Símbolo. Vou chamar isso apenas de coelho. Agora eu posso colar o coelho aqui e vou apertar essa seta para voltar à minha linha do tempo principal. Digamos que eu queira adicionar qualquer coelho agora que já tenho um símbolo do mesmo coelho. Vou arrastar e soltar. Muito simples. Agora temos dois coelhos, mas digamos que eu queira virar isso. Vou me certificar de clicar com o botão direito do mouse, ir para Transformar e clicar em “Virar na horizontal”. Agora temos o espelhamento do coelho. Mas talvez eu queira compensá-lo, o que significa que não quero que seja sincronizado com o outro coelho. Eu posso selecionar meu coelho, ir para Propriedades e talvez começar em outro lugar. Talvez eu comece no quadro 9. Vamos jogar o que isso parece. Agora temos dois coelhos pulando, se divertindo de forma diferente. Agora eu quero que você tente usar a biblioteca, faça sua animação, transforme-a em um símbolo, coloque-a em sua biblioteca e simplesmente arraste-a e solte-a em sua animação. Convido você a continuar experimentando com a biblioteca. Talvez você queira criar uma multidão de personagens e não queira continuar redesenhando. Talvez você queira desenhar diferentes conjuntos de personagens, membros e orientações, para não precisar redesenhar esse personagem repetidamente. Junte-se a mim na próxima lição e mostrarei como exportar suas animações para que você possa mostrá-las aos seus amigos e ao mundo. 7. Exportação do projeto: Nesta lição, vamos exportar nossa animação de coelhinho para um formato de arquivo onde as pessoas possam vê-la. Se eu quiser mostrá-lo aos meus amigos ou ao mundo, preciso exportá-lo em um formato de vídeo que possa ser postado on-line; nas minhas redes sociais, no YouTube ou em qualquer lugar on-line para que as pessoas possam vê-lo. Agora, antes de exportarmos, talvez precisemos fazer algumas coisas antes que esteja pronto. Vamos verificar todas as camadas e acho que fica bem. Mas há algo que precisamos corrigir. Temos uma camada oculta com este guia para coelhos, e o problema de exportar sua animação é que ela também exportará suas camadas ocultas, então você precisa desativá-la. O que você precisa fazer é selecionar sua camada, clicar com o botão direito nela e transformá-la em uma guia. Ele dirá ao Adobe Animate que essa camada é um guia e, quando você a exporta ela a tratará exatamente assim, ela não aparecerá, então você precisa ter isso. Se eu voltar para baixo, tenho uma camada de perspectiva onde vemos a guia da nossa linha do horizonte. Talvez não queiramos ver isso. Novamente, vou clicar com o botão direito do mouse nessa camada de perspectiva e transformá-la em um guia. Mesmo que possamos ver isso, ele não aparecerá em nossa exportação final. Agora estamos prontos para exportar. Vamos esconder nossas linhas de perspectiva para ter uma ideia da aparência dessa animação. Vamos tentar exportar. Eu vou para Arquivo e clico em “Exportar”, e me certifico de clicar em “Exportar para vídeo e mídia”. Há muitas outras opções, mas essa é a mais importante para exportar arquivos de vídeo. Depois vou exportar o vídeo. Agora, essa nova janela aparece. Acho que tudo parece bom. Eu costumo usar o H.264 como formato. Ele vai exportá-lo como um MP4 que lê bem no Instagram, TikTok, Facebook e até mesmo no YouTube. Esse é um formato que eu costumo usar quando coloco coisas online. Agora, vou selecionar uma pasta onde ele vai colocá-la, e vou colocá-la nessa pasta por enquanto. Vamos chamá-lo de bunny Skillshare, vou clicar em “Salvar”. Agora você verá uma guia aqui que diz Iniciar o Adobe Media Encoder. Não vamos fazer isso, vamos desmarcar isso. Vamos exportar diretamente do Adobe Animate. Agora vou clicar em “Exportar” e vamos esperar alguns segundos. Agora, ele já foi exportado e vamos para a pasta e para onde eu o exportei. Agora, este é o arquivo que eu exportei recentemente, Bunny-skillshare, vamos clicar duas vezes nele para ver como é. Lá vamos nós. Temos um arquivo de vídeo da nossa animação. Temos algo que está pronto para ser carregado. Felizmente, como esse arquivo é muito pequeno, apenas 524 kilobites, mas você pode usar um programa como o Adobe Media Encoder, é gratuito, você pode baixá-lo através da Adobe, que tem uma forma mais robusta de compactar arquivos, alterá-los para um formato diferente, talvez cortá-los se você precisar. Mas, por enquanto, temos uma animação feita a partir do Adobe Animate exportada diretamente desse programa, então agora podemos simplesmente enviá-la para qualquer plataforma online que usamos. Agora, quero que você tente exportar sua animação, seja um trabalho em andamento, seja uma animação finalizada , para exportá-la para um arquivo de para exportá-la para vídeo que talvez você possa enviá-la posteriormente, se quiser. Talvez você possa simplesmente salvá-lo em seu computador, provavelmente poderá enviá-lo como uma mensagem de texto para seu amigo. Normalmente gosto de animar uma piada sobre meus amigos. Normalmente gosto de animar meus amigos dançando e depois sendo muito patetas e depois enviar a animação para eles e ver como eles reagem. Agora você tem o básico para usar o Adobe Animate desde o início até a animação, até entender um pouco de algumas das ferramentas e da biblioteca, algumas das configurações da linha do tempo do Adobe Animate e, em seguida, exportá-las para um vídeo finalizado. 8. Considerações finais: Começamos do zero para finalizar uma peça animada. Agora lembre-se, isso não é uma coisa única de ser capaz de animar algo. Você vai querer continuar explorando estilos diferentes ou talvez projetos diferentes usando o Adobe Animate e usando abordagens diferentes com o Adobe Animate. Lembre-se de que é preciso muita prática, muita experimentação e muitas abordagens diferentes. Quero ver o que você criou, então faça o upload para a galeria do projeto para que todos possamos vê-lo juntos. Se você está pensando em levar essa jornada de animação muito a sério, eu diria que continue se inspirando, continue conversando com outras pessoas da comunidade e continue experimentando para que você possa realmente encontrar sua própria voz. Porque há muitas regras filosofias e ideias quando se trata de animação, mas, no final das contas, estamos todos resolvendo problemas à medida que avançamos , como eu fiz nesta aula. Se você gostou dessa aula, tenho várias outras aulas no Skillshare, onde falo mais sobre outros tópicos sobre animação, desde design de personagens, criação histórias e scripts até mais sobre o Adobe Animate. Espero que você fique por aqui. Obrigado por se juntar a mim e mal posso esperar para ver o que criaremos com essa aula.