Introdução ao Looom: crie animações divertidas em loop no seu iPad

1. Introdução: Olá, meu nome é Rich Armstrong de TaptapkaBoom, e eu amo criar todos os tipos de coisas: sites, aplicativos, rabiscos, livros, ilustrações e animações. Agora eu estou além do animado para apresentá-lo a um aplicativo iPad chamado Looom, ele tem três O's. Se você já resistiu à animação por causa de sua complexidade ou por causa das enormes quantidades de tempo que leva, este aplicativo, esta classe, é para você. Looom torna a animação super divertida e incrivelmente rápida. Em curtos períodos de tempo, eu fui capaz de criar animações artesanais deliciosas que se sentem mais como rabiscos em movimento do que qualquer outra coisa. Em uma aula passo a passo, vamos mergulhar na interface não convencional do Looom , e eu vou mostrar como isso torna a criação de animações rápida e fácil. Vou levá-lo através da criação animações simples para que você possa pegar o jeito de usar o Looom. Em seguida, você passará para criar suas próprias animações de loop. Toda a experiência de usar o Looom é divertida e refrescante. Então, se você é um profissional de animação ou um noob total de animação, o que você vai descobrir na classe vai inflamar seu amor pela animação. Você será capaz de reproduzir, explorar e experimentar rapidamente com animações simples em loop desenhadas à mão. Criando neste ambiente permitirá que suas habilidades de animação disparem. Para assistir à aula, você precisará de um iPad com iOS 9 ou posterior, que é compatível com quase todos os iPad. Você vai precisar de duas mãos, sério, duas mãos são necessárias. Um Apple Pencil não o torna melhor, mas você também pode usar seus dedos ondulados. Você também precisará comprar Looom por cerca de US $10, o que na minha opinião vale muito a pena. Por menos do que o custo de uma refeição ou um filme, você terá acesso a um brinquedo que lhe trará horas de diversão e alegria. Se você está animado para mergulhar em Looom e essa nova maneira de animar que eu sou obcecado, então venha para a aula. Vejo você no próximo vídeo. 2. Comece agora: Bem-vindos a esta aula. Estou super animada por você estar aqui. Eu acho que você vai se divertir e aprender muito. Looom é muito novo. Está quente fora da imprensa. É muito provável que as coisas mudem e que as pessoas incríveis que fizeram o Looom adicionem mais recursos e mudem como as coisas funcionam. Apenas esteja ciente disso. Estou gravando esta aula usando a versão 1.2 do Looom. Há algumas coisas entrelaçadas para cobrir na classe. Prometo que, no final, saberás como tudo funciona. Ver-me criar algumas animações no final da aula irá cimentar o seu aprendizado com certeza. Mas a coisa que vai ajudar mais do que qualquer outra coisa está animando junto comigo. Divirta-se, jogue, explore e experimente. Vamos começar. Se você ainda não fez isso, precisamos baixar Looom. Vamos abrir a loja de aplicativos. Isso vai carregar um pouco. Vou procurar. Então procuraremos por Looom com três O's. Ou você pode visitar este URL e bam, assim como mágica ele vai levá-lo para a loja de aplicativos, diretamente para a página Looom. Lá vamos nós. Vai custar $10, mas eu recomendo comprá-lo. Vale muito a pena o seu dinheiro. Depois de baixá-lo, abra, e você será apresentado com uma interface como esta. Agora, eu tenho a versão 1.2. Para verificar a sua versão, você toca neste botão de engrenagem e, em seguida, na parte inferior aqui ele diz v1.2. Talvez diga algo diferente no seu. Você também pode optar por usar um lápis Apple ou usar a mão. Você verá que quando algo é selecionado no Tear, ele tem uma forma preenchida. Quando algo está desmarcado, ele tem uma forma de ícone de linha. Você também pode escolher a mão direita ou a esquerda. Vou pegar minha mão direita e pegar um lápis de maçã. Podemos fechar o painel Configurações. Estas são as últimas coisas antes do rock and roll. 3. Os conceitos básicos do Looom: Ei, nesta lição, vou mostrar o básico de criar uma animação no Looom. Nas lições depois disso, vamos nos concentrar em como o desenho funciona e, em seguida, passar ferramentas de Animação do Looom. Vamos entrar nisso. Esta é a interface do Looom. Se você quiser criar um novo tecido, que é o termo do Looom para novos projetos ou novos documentos, toque neste “ícone de adição” no canto superior esquerdo. Se você quiser dar um nome, toque nesta barra aqui e você pode dar um nome. Você não tem que dar o nome, mas alguns de nós adoram dar nomes às coisas. Se você quiser duplicá-lo, você pode então pressionar este botão “Duplicar”, e se você quiser excluí-lo, basta manter pressionado este botão “Excluir”. Assim mesmo, ele se foi. Para entrar em um tecido, toque nele e toque novamente. Agora, cada tecido começa com uma cor de fundo gerada aleatoriamente. Para alterá-lo, mantenha pressionado este botão de edição de tecelagem, e então você tem essa interface de matiz e saturação no lado direito aqui. Eu vou para uma cor azul assim, e então quando eu estiver feliz, eu libero meu porão. Agora, no lado esquerdo aqui temos o nosso carretel. Agora, um carretel é como uma camada de loop animada. É incrível, e todos esses pequenos pontos representam quadros naquele carretel. Agora, se mantivermos pressionados esse quadro, você verá um monte de opções diferentes aparecerem. Chegaremos a tudo isso à medida que a turma progride. A primeira coisa que eu quero fazer é mudar meu estilo carretel de traçado para cheio. Então eu vou apertar aquele botão ali. Então eu vou liberar este porão e começar a desenhar. Agora o que eu vou fazer é eu vou animar um pouco Platão Ball do lado esquerdo da tela para o lado direito da tela. Então deixe-me fazer minha primeira bolinha, assim. Agora, para chegar ao próximo quadro, eu deslizo para baixo e você verá que este pequeno quadro está preenchido e todos eles estão vazios. Isso significa que eles estão vazios, e se formos para o quadro anterior deslizando para cima, você verá que ele está preenchido. Muito legal, certo? Portanto, se você estiver usando seus dedos e lápis que não sejam da Apple, você pode ir para o quadro seguinte e anterior usando essas setas na parte inferior. Então, próximo, anterior, próximo, próximo, próximo. Muito legal. Então vamos para o próximo quadro. Se você não conseguir ver o quadro anterior, mantenha pressionado o carretel e ligue pele de cebola para esse carretel. Agora, o que a cebola faz, é que permite que você veja dois quadros para trás, ou um quadro para o futuro e um quadro para o passado, ou dois quadros para o futuro. Agora, eu quero ver dois quadros no passado. Agora, eu posso desenhar uma bola ligeiramente para a direita e depois ir para o meu próximo quadro, e desenhar outra bola ligeiramente para a direita. Agora você verá o quadro um bola é realmente transparente. O quadro dois bola é um pouco menos transparente. Então eu tenho uma bola totalmente opaca neste quadro. Agora, quando eu vou para o meu quarto quadro, cocô, essa bola simplesmente desaparece do quadro um. Este é o poder do esfolamento de cebola. Super legal. Agora, vou animar minha bola movendo-se da esquerda para a direita sobre alguns quadros. Depois, quando terminar, aperto “Play”. Isso parece muito bom. Mas agora o que eu quero fazer é remover esses quadros em branco no meio da minha animação. Então eu vou fazer uma pausa lá, e então eu vou para o último quadro em branco e, em seguida, começar a remover meus quadros de 12 para sete. Agora, quando eu toco isso, ele faz um loop muito melhor, não há quadros em branco. Se você estiver usando seus dedos e lápis que não sejam da Apple , tenha cuidado para que, quando estiver indo para o botão de reprodução ou pausa, não desenhe na tela enquanto estiver tentando alcançá-lo. Você vai ter alguns artefatos estranhos em sua tela. Como funciona a animação Looom, é mostrando quadro após quadro em um carretel, redondo e redondo na velocidade da taxa de quadros desse carretel. A taxa de quadros é quantos quadros vemos por segundo. Se eu segurar aqui, você pode ver meu carretel girando no sentido horário. Eu posso reduzir a taxa de quadros para algo como quatro quadros por segundo, e isso ilustra o que está acontecendo realmente, muito bem. Então, em um segundo específico, estamos vendo quatro quadros. Se aumentarmos isso para 32, cara, você pode ver o quão rápido isso se anima. Isto é muito, muito rápido. Então vamos mudar isso de volta para 12 quadros por segundo. Foi com isto que começamos. Lá vamos nós. Aí está a nossa animação. Agora, para exportar isso, o que queremos fazer é manter pressionado nossa edição de tecelagem, e se isso estiver tocando, basta tocar no botão “Gravar”. Se não estiver a ser reproduzido, toque em “Gravar” e, em seguida, prima “Reproduzir”. Então o iOS dirá: “Ei, você quer permitir a gravação de tela no Looom?” Você diz: “Sim, tela de gravação”. De agora em diante, está gravando sua tela. Então, quando você está feliz com sua gravação, você toca em qualquer lugar da tela e esse pequeno diálogo aparece, e a partir daqui, você pode fazer algumas edições. Você pode dizer, “Eu quero começar minha gravação aqui, e eu quero terminar aqui”. Quando você estiver satisfeito com isso, você pode pressionar “Concluído” e então você pode compartilhá-lo. Você pode mostrá-lo para seu telefone, seu computador, você pode enviá-lo para o Dropbox, tudo o que você estiver confortável. Então, o que você também pode fazer se você não quiser compartilhá-lo é salvá-lo no rolo da câmera, e a partir daí você pode fazer mais edições, você pode compartilhá-lo, o que quiser. Então esse é o básico de Looom. É super poderoso e estaremos cobrindo cada vez mais recursos à medida que avançamos na classe. Ok, você pode ver como é rápido criar uma animação em Looom. Por que você não tenta recriar o que eu fiz aqui antes de assistir o próximo vídeo? 4. Desenhando no Looom: Desenhar no Looom é diferente da maioria dos outros aplicativos e leva algum tempo para se acostumar. Ele é projetado para que possamos mudar todos os quadros em um carretel para o mesmo estilo muito rapidamente. Quanto mais você usar o Looom, mais você vai adorar. Vamos entrar nessa maneira não convencional de desenhar. Para alterar o estilo de desenho de um carretel, mantenha pressionado um carretel e verá todas essas opções diferentes aparecerem. Agora, você já viu alguns desses na lição anterior, mas vou abordá-los com mais detalhes agora. A primeira coisa a notar é o seu controle deslizante de opacidade, bastante auto-explicativo. Então você tem o interruptor de visibilidade, então desliga e liga. Então você pode mudar sua cor e você pode ficar tipo, whoa, o que está acontecendo? Por que está mudando tudo o resto? Bem, isso é algo que é realmente legal sobre Looom, é que se você mudar algo em um carretel, ele muda para todos os quadros no carretel. Se mudarmos isso para um azul muito escuro, você verá que enquanto eu passar pela minha animação, todos os quadros são realmente azuis escuros. Isso significa que quando eu mudar meu estilo de desenho de preenchimento para traçado, ele mudou isso para todos os quadros também. Isso é incrivelmente poderoso, mas é algo para se ajustar. Você também pode alterar seu traçado de pincel muito facilmente. Isso significa que podemos fazer um monte de desenhos assim , mas não combina com nossa animação, não é? Podemos então desfazer ou refazer, ou se você tiver feito um monte de desenhos, você pode manter pressionado o botão Desfazer e girar na tela para um histórico de desfazer e refazer, assim. O que você também pode fazer é apagar formas. Se você segurar o carretel, verá que há esta ferramenta de apagar aqui. Você quer ter certeza de que ele é selecionado, mas ele não funciona de uma maneira que você esteja familiarizado com. Aqui, se você quiser apagá-lo, cara, na verdade é apenas desenho. Como é que isto funciona? Bem, você tem que segurar. Certifique-se de que ele está selecionado e, em seguida, você pode tocar para remover formas. Muito legal. Agora, quando você começar a desenhar em Looom, você pode notar que você pode ampliar diretamente. Mas as formas não serão tão precisas, porque são vetoriais. Se eu desenhar esta linha realmente agradável aqui, você verá que é ligeiramente torna um pouco poligonal ou diminui a qualidade. Talvez eu possa mostrar-lhe fazendo isso em um preenchimento e nós vamos fazer esta forma muito agradável e intrincada. Você vai ver aqui que vai Dink, Dink, Dink, Dink, Dink. Não é ideal, mas é vetor. Isso significa que podemos escalar todo o caminho e ter esta pequena animação. Ou enquanto ele está tocando, podemos escalar e ter essa animação muito, muito grande. Isso está machucando meus olhos. Vamos remover algumas dessas coisas. Mas o que é realmente importante aqui é que se você começar a mudar as opções de exibição do seu carretel e então você começar a desfazer, ele não vai ver sua tela mudar como algo para desfazer e refazer, importante para Lembrem-se. Mas podemos desfazer, desfazer, desfazer e lá vamos nós. Agora temos nossa animação de bola, mas agora é um golpe de gordura, o que é muito legal. Mas podemos mudar isso de volta para uma animação de bola e podemos mudá-lo de volta para azul, se quisermos. É assim que se desenha em Looom. Lembre-se, quando você alterar as opções de desenho, ele muda todo o trabalho artístico em cada quadro de um rolo. 5. Criando animações no Looom: O que Looom é super bom é a animação em loop. Ele não é construído para animação linear onde há um início e um fim definidos. Ele exibe nossa animação como um real, e mostra quadro por quadro, redondo e redondo. Não há começo e não há fim. No momento, nossa animação de bola está em loop, mas você pode ver claramente o início e o fim da animação. Nesta lição, usaremos as ferramentas do Looom para transformar nossa animação no que eu gosto de chamar de animação de looping perfeita. Uma animação em loop sem um início ou fim claramente definidos. As ferramentas de animação em Looom também nos ajudam a animar super rápido. Vamos começar rachando. O que queremos fazer aqui é queremos fazer uma bola ir desde o início até o fim, e depois voltar novamente. Porque no momento, tem um início claro e um final claro. Queremos que este seja um loop perfeito. Agora, como fazemos isso? Bem, assim que chegar a este quadro final aqui, eu quero adicionar mais alguns quadros para fazê-lo voltar para aquele lado. Agora temos sete quadros. Eu acho que se eu adicionar um par mais, então talvez vamos para 13, digamos. São seis quadros extras, deve ficar tudo bem. Agora temos um monte de quadros para navegar. Em vez de ir para cima, para cima, para baixo, para baixo, para baixo, o que podemos fazer é simplesmente segurar, e então girar para a esquerda e para a direita. Isso nos dá uma maneira muito agradável de visualizar nossas animações para frente e para trás, e podemos ver as peles de cebola que é super legal. Isso é chamado de tear de polia. Vou rolar até chegar a este quadro aqui, que é um quadro perdido, e nós não queremos o quadro perdido, nós queríamos ir para o primeiro quadro. Eu vou então começar a animar minha bola voltando para o primeiro quadro. Vamos para o próximo. Mas agora eu não tenho certeza para onde eu estou mirando, como onde está o primeiro quadro? O que podemos fazer aqui, é voltar a este primeiro quadro, segurar o nosso carretel, e ligar este marcador. Você vai ver que esta pequena faixa ou marcador em nosso carretel. Isso significa que quando avançarmos, você verá que essa animação listrada que está sempre lá, ou quase sempre está lá. Às vezes, quando você tem um monte de quadros, ele desaparece quando você está muito longe desse quadro em particular. Agora, temos mais 1, 2, 3, 4 quadros até termos a bola de volta para lá. Então, 1, 2, 3 e 4, e então ele vai estar lá atrás. Vamos jogar isto, está bem? Isso parece muito legal. Agora, algumas outras coisas aqui, talvez, quando você está animando, você não quer apenas ver suas peles de cebola para os quadros antes da mão. O que podemos fazer é ligar as peles de cebola para frente e para trás, e agora você verá o quadro à frente e o quadro atrás do qual pode ser bastante útil. A próxima coisa é que, se você realmente não gosta de um quadro em particular, então há um quadro aqui onde, sim, esse desenho não é tão bom. Se você não quiser usar a ferramenta de apagar quando você só quer limpar ardósia, então você apenas mantenha pressionado este carretel e, em seguida, toque no botão limpar, e então bam, nada mais sobre esse quadro. Aqui eu posso, então, redesenhar esse jogo particular doh bola e jogar. Fantástico. Agora lembre-se, quanto maior a taxa de quadros, mais rápida a animação e quanto mais quadros houver, maior será a animação. Podemos reduzir isso a, digamos, cinco quadros por segundo. Lembre-se, isso está indo bem devagar agora, mas vai demorar muito mais do que quando tínhamos apenas sete quadros em nosso carretel. Se aumentarmos isso para algo como 15 quadros por segundo, lá vamos nós. Agora está se movendo bem rápido, o que parece muito bom. Agora, o que ainda é legal é que, enquanto tudo isso está em jogo, podemos mudar nossas taxas de quadros, podemos mudar a cor, algo assim. Podemos mudar o estilo de desenho, podemos mudar a opacidade. É tudo muito flexível, o que é uma parte incrível de Looom. Nós cobrimos as ferramentas de animação do Looom. Espero que você possa ver o quão poderoso e rápido é criar animações de loop contínuas. Antes da próxima lição, vá em frente e crie sua própria animação de loop perfeita. Pode ser muito simples. 6. Desenhando durante a animação: O que vou mostrar nesta lição é uma das características mais incríveis do Looom, e talvez a coisa mais legal, na verdade. Você já viu como alterar as opções de carretel enquanto ele está em movimento, mas você também pode desenhar em quadros enquanto ele está em movimento. A melhor maneira de explicar isso é eu te mostrar, então vamos começar. Tenho uma armação estranha. Agora eu vou pressionar o botão play para fazer meu carretel rolar, e então eu vou começar a desenhar. O que eu estou fazendo é que eu estou realmente desenhando em cada quadro, e eu estou criando meu próprio pequeno filme stop-motion enquanto ele está em execução, o que é incrivelmente poderoso. Enquanto isso vai, posso aumentar o tamanho disso, para que pareça um bando de vermes, minhocas de movimento. Isso parece muito legal. Vou pausar isso. Na verdade, vou desligar a minha pele de cebola. Então podemos ir de quadro a quadro para ver o que está acontecendo. Você pode ver aqui que não há um quadro de início ou fim real, o que ainda é muito legal. Mas o que temos feito aqui é que temos sido, basicamente, se você seguir esse carinha, ele vai por aqui, aqui, por aqui. Se eu ligar nossas peles de cebola, você pode ver exatamente o que está acontecendo. Em vez de desenhar a mão este quadro por quadro, basicamente fizemos tudo enquanto ele estava jogando, o que é incrivelmente poderoso. Algo simples. Mas cara, quando entramos em mais coisas mais tarde na aula, isso se torna incrivelmente poderoso. Agora, rápido aviso, se você adicionar um monte de formas, cara, ele pode começar a se ajustar um pouco. As coisas podem começar a desaparecer, as coisas podem começar a piscar. Esteja avisado. Isso é totalmente radical. Por que você não experimenta? Divirta-se com o que ele pode fazer. 7. Trabalhando com vários rolos: Como o Looom permite apenas um estilo de desenho por bobina, você vai querer adicionar mais bobinas para criar elementos diferentes em sua animação. Há um limite de cinco bobinas por tecido, o que significa que você precisa manter as coisas simples ou você precisa pensar criativamente. Vamos começar. O que eu quero fazer é, adicionar uma sombra a esses worms de movimento. Eu vou para o meu botão Weave Edit, e eu vou duplicar este carretel deslizando-o para a direita. Então você verá que este carretel está selecionado porque está à direita. Se eu quiser selecionar este carretel, eu toco nele e ele vem para a direita e este anima para a esquerda. Agora vamos para o rolo de cima e vamos mudá-lo para preto porque eu quero sombras pretas. Eu quero movê-lo um pouco para o fundo porque é onde as sombras estão. Como faço isso? Porque no momento, eu só posso escalar, girar e mover todos os rolos ao mesmo tempo. Se você segurar um carretel, você pode editar apenas este carretel. Isso parece muito bom. Você também pode fazer isso enquanto isso está em movimento, o que pode ser um pouco mais útil. O que seria ainda mais útil é se pudéssemos mover a camada preta para o fundo. Vou manter pressionado o botão “Weave Edit” e arrastar isso para o fundo. Lá vamos nós. Então eu posso mudar isso um pouco mais. Isso parece muito bom. Vou largar a opacidade para que seja mais sombrio. Estou muito feliz com isso. Isso parece fantástico. A próxima coisa que eu quero fazer é adicionar um novo carretel. Eu vou manter pressionado o botão “Weave Edit”, pressionar o ícone “Plus”, e então com este, eu vou mudá-lo para vermelho ou rosa, aumentar a opacidade novamente e algo parecido parece muito bom. Vou criar mais sobre minhocas de movimento. Talvez sejam as formigas vermelhas, os caras perigosos. Fantástico. Isso parece ótimo. Agora, se você quer apenas mover a camada azul e preta sem mover a camada vermelha, como você fez isso? Porque podemos mover todos eles ou podemos mover um deles, mas como mover apenas dois deles? O que você faz é, você seleciona sua camada preta, uma delas, e então você toca onde deseja a outra, e mantém duas camadas pressionadas, então move ambas. Whoa, isso é bem complicado. Você vê por que você precisa de duas mãos para usar o Looom. Agora, quando você pressionar “Play”, vamos, Looom, toque. Lá vamos nós. Agora você acabou de mover cerca de duas camadas ao mesmo tempo. A próxima coisa que quero mostrar é como navegar apenas por um rolo. No momento, se navegarmos próximo quadro, próximo quadro, próximo quadro ou quadro anterior, e navegamos por todos os rolos. Como navegamos apenas um? Bem, seguramos um carretel e deslizamos para baixo ou deslizamos para cima. Isso mudará a posição de apenas este carretel. Isso é realmente poderoso porque isso significa que você pode compensar algumas animações por alguns quadros. É muito fixe. Você pode precisar de algum tempo para brincar com vários carretéis e diferentes estilos de desenho. Na próxima lição, abordaremos o jogo com bobinas com diferentes contagens de quadros e taxas de quadros variadas. Te vejo lá. 8. Várias taxas de quadros: Na última lição, abordamos o uso de vários carretéis em uma animação. Mas um carretel pode ter mais quadros do que outro? Um carretel pode ter uma taxa de quadros diferente da outra? A resposta a ambas as perguntas é sim. Os efeitos de taxas de quadros variadas e contagens de quadros podem ser super legais. Vamos verificar isso. No Loom, podemos alterar as taxas de quadros de cada carretel para algo diferente realmente facilmente. Se mantivermos aqui, podemos mudar a taxa de quadros para 24 quadros por segundo e, em seguida, pressionar “Play” e você pode ver que homem, as formigas vermelhas estão enlouquecendo. Estão se movendo muito mais rápido que os vermes do movimento azul. Este foi um efeito muito legal para usar em uma animação. Outra grande coisa que você pode fazer é reduzir as quantidades de quadros ou aumentar as quantidades de quadros por camada. Vou criar uma nova camada ou um novo carretel aqui e vou mudar a cor para preto. Eu poderia ter feito isso com vermelho, reduzir o tamanho do pincel. Aqui, o que eu vou fazer é criar algo de um rabisco abstrato. Só vai ficar no mesmo lugar, mas vai fazer um pouco de agitação. Ele vai fazer um pouco de balançar. Agora, como eu sei onde isso está em cada quadro? Bem, em primeiro lugar, eu não quero 12 quadros. Eu vou para este quadro e reduzi-lo para seis quadros. Talvez eu só queira cinco quadros, lá vamos nós. Agora, uma ótima maneira de ter uma referência além de usar um marcador é criar uma nova camada ou, neste caso, vou duplicar essa camada e vou ocultar essa camada superior e voltar para essa camada. Vamos para um rosa, assim. Então o que eu vou fazer é eu vou para este quadro, menos, menos, ir para este quadro, menos, menos. Agora só tenho um quadro. Isso significa que, à medida que vai de quadro para quadro para quadro, este permanece estático. Mas vamos usar isso para fins de planejamento. Vou revelar isso de novo, ir para o meu próximo quadro. Aqui, eu vou usar isso como uma referência porque eu quero criar uma animação wiggly, ir para o meu próximo quadro, ir para o meu próximo quadro, e meu próximo quadro. Então eu vou esconder minha camada de referência ou meu carretel de referência e nós podemos jogar isso. Lá vamos nós, agora tenho essa forma realmente abstrata. Eu posso mudar isso para algo assim e eu posso ir para o fundo se eu quiser. Eu também posso excluir esta camada de referência. Eu mantenho pressionada minha edição [inaudível] e eu apenas arrasto isso e apago. Lá vamos nós. Isso parece muito legal. Posso diminuir a opacidade aqui e aumentar um pouco o tamanho. É assim que você pode começar a usar diferentes taxas de quadros e diferentes quantidades de quadros em uma animação. Há muita experimentação e jogo que você pode fazer aqui, mas quando você começa a combinar essas coisas, você pode se divertir muito. Agora um aviso rápido. Quando você começar a exportar itens em formato de vídeo do Loom que tenham taxas de quadros diferentes e contagens de quadros diferentes, certifique-se de que em algum momento eles se alinham novamente. Caso contrário, você não obterá uma animação de loop perfeita. Apenas algo para ter em mente. Agora é um ótimo momento para brincar com várias camadas, taxas de quadros diferentes e contagens de quadros variadas. Uma vez que você tem uma alça sobre ele, você vai encontrá-lo super rápido e super fácil para criar todas as animações divertidas. O fim desta lição significa que te mostrei tudo o que há para saber sobre o Loom. Na próxima lição, eu vou cobrir levando suas animações para o próximo nível. Te vejo lá. 9. Criando animações mágicas: Quando se trata de animação, há sempre algo que você pode melhorar. De alguma forma você pode agarrar e manter a atenção de um espectador. De alguma forma você pode fazer magia. A melhor maneira que eu encontrei para melhorar em suas habilidades de animação é assistir e observar outras animações e perguntar a si mesmo, como eles fizeram isso? Se você pode assistir as animações quadro a quadro e, em seguida, tentar replicar como eles fizeram isso com uma animação própria. Fazer isso no Loom é divertido e rápido. Há também os 12 princípios de animação que você pode se referir. São coisas como squash e alongamento, antecipação, lentidão, arco, exagero e tempo. Siga este URL para descobrir tudo sobre estes princípios. Os animadores adoram. Eles usam essas coisas há muito tempo e leva anos para aperfeiçoá-las. Vou mostrar-vos alguns destes princípios animando uma bola mole, saltando para cima e para baixo. Queremos que nossa bola se assemelhe à vida real, mas também queremos exagerar seu movimento. Eu vou começar com minha bola no topo, e eu vou mudar isso para um estilo de exibição completo. Quando ele vai para o próximo quadro, ele vai cair um pouco porque a velocidade ou a aceleração como ele começa a cair vai ser muito, muito ligeira. Mas à medida que se aproxima e se aproxima do chão, vai aumentar. No próximo quadro, haverá uma lacuna maior e haverá algum exagero. Vai parecer que tem algum desfoque de movimento ou tem algum caráter. Vai ser realmente esmagado porque está se movendo agora. Então aqui vai haver uma lacuna ainda maior e vai ser ainda mais exagerada. Então aqui ele vai bater no chão. Neste quadro, ele vai começar a esmagar um pouco. Então aqui um pouco mais de esmagamento. Então, finalmente, vai ser plana, como uma panqueca. Em seguida, o próximo quadro pode começar a voltar para cima e ele vai estar voltando para cima em um pouco de velocidade. Vai ser exagerado de novo. Agora, onde estava esta bolinha? Não tenho certeza. Aí está. Vou criar uma nova camada ou um novo real e reduzir as quantidades de quadros. Então eu vou movê-lo para o fundo. Então vamos para o preto e apenas desenhar um tipo de referência de um círculo. Então eu vou voltar para esta camada ou este reino. Crie mais alguns quadros. Agora vai abrandar à medida que chega ao topo do arco novamente. Vamos adicionar mais um ou quatro. Vai ser mais e mais como uma tigela. Então, à medida que chega ao topo, ele pode sentar-se por aqui por alguns quadros antes de cair novamente. Eu vou esconder minha camada de referência, minha referência real e vamos jogar isso. Tem algo estranho acontecendo aqui. Vamos verificar isso. Simplesmente sobe. Há apenas uma bola aleatória no meio do nada. Vou remover isso. Isso parece muito bom. Vou redimensioná-lo. Lá vamos nós. Nós temos essa bola realmente agradável quicando esmagar um tipo de sensação. Talvez haja um par de quadros lá que poderíamos arrumar um pouco. Mas isso parece muito divertido e parece uma bola mole. Não é realmente realista como isso não vai acontecer perpetuamente, mas ainda nos lembra da vida real. É uma ilusão. O que eu gostaria de fazer aqui é eu vou excluir esta camada de referência. Então eu vou duplicar esta camada. Duplicar assim. Então, quantos quadros temos aqui? Dezoito anos. Então eu vou girar isso em nove quadros. Então 1, 2, 3, 4, 5, 6, 7, 8, 9. Então, enquanto isso está tocando, eu vou movê-lo, ou apenas este um pouco para a direita, que tenhamos dois. Ponha isso de volta no meio. Lá vamos nós. Agora temos duas bolas pulando para cima e para baixo e eu posso mudar isso para preto. Há um pouco de interesse. As coisas parecem um pouco diferentes. Podemos criar um monte dessas camadas, todas saltando para cima e para baixo. Todos eles podem ser compensados de modo que eles estão saltando não ao mesmo tempo, o que poderia ser ainda mais legal aqui é, se nós mudarmos esta taxa de quadros para 20. Talvez se aumentarmos um pouco o seu tamanho, isso se torne realmente interessante. É uma bola muito enérgica, enquanto esta branca, agora não tanto. É assim que você começa a trazer interesse e começa a fazer magia com suas animações. Não é apenas uma bola estática. É uma bola com uma vida. O que vimos neste vídeo é como começar a explorar os princípios de animação em nossas animações. São coisas divertidas para brincar, mas podem parecer assustadoras. O que eu recomendo fazer é explorar e experimentar com um ou dois deles de cada vez, em vez de tentar pegar todos eles de uma vez. 10. Seu projeto: Você fez um monte de animação comigo e sabe tudo o que há para saber sobre animar com o Loom. A melhor maneira de cimentar o que aprendemos é praticar, jogar e explorar. O que eu quero que você faça agora é criar algumas animações de loop contínuas. Eu sugiro fazer algum planejamento no papel antes de você pular para animar embora. Isso pode ser esboços ou rabiscos muito rápidos. Depois de fazer isso, tente criar uma animação a partir do planejamento. Se você está preso para ideias de animação, talvez comece com formas, objetos favoritos ou uma linha de uma música favorita sua. Eu vou adorar que você compartilhe o que você cria comigo e com o mundo, mas isso é totalmente com você. Depois de exportar sua animação, você pode compartilhar nas mídias sociais facilmente. Use o feito withlooom e taptapkaboomstudent hashtags e você pode me mencionar se quiser. Eu sou @taptapkaboom. Depois de enviar suas animações para o Instagram ou YouTube, incorpore-as no seu projeto Skillshare. Deixa-me mostrar-te como. Temos nosso projeto Skillshare, podemos dar-lhe um título como Animation 1, e então podemos adicionar algum conteúdo na parte inferior aqui, imagens, vídeos ou outros. O que eu vou fazer é clicar em um vídeo e então eu vou para a minha página do YouTube. aqui que está a minha animação. Vou clicar em “Compartilhar”. Vou copiar isso. Você também pode copiar o URL, voltar para a guia Skillshare. Vou colá-lo aqui. Pressione “Return”. Às vezes isso leva um pouco de tempo. Então você tem um vídeo do YouTube incorporado. Então você pode dizer algo como, este é o meu vídeo do YouTube. Você pode então tocar em “Outros”. Às vezes você tem que bater duas vezes. Então você vai a um post do Instagram e este é o vídeo. Novamente, vou tocar nestes três pontos e, em seguida, tocar em “Copiar link”. Em seguida, cole isso lá e pressione “Return” novamente. Lá vamos nós. Sua postagem do Instagram está em seu projeto Skillshare. Muito legal. É assim que você coloca um vídeo do YouTube e um vídeo do Instagram ou postagem do Instagram em seu projeto Skillshare. Fantástico maldito. Estou muito animada para ver o que você inventou. Nas próximas lições, criarei algumas de minhas próprias animações do começo ao fim e revisarei muitas outras coisas que aprendemos na aula. Aqui estão algumas das minhas animações para inspirá-lo. Você é bem-vindo para copiá-los, se quiser. 11. Exemplo 1: triângulos: Outro dia eu estava usando um aplicativo de meditação e eu sou um designer, um animador, e eu apenas nerd sobre essas pequenas interações. Uma dessas coisas que vi foram esses triângulos que flutuaram lá. Esta peça, estou a planear ser baseada em triângulo, mas isto vai sair deste pequeno triângulo para um triângulo maior. Mas então como ele anima de volta para baixo, haverá esses outros triângulos que aparecem e então talvez um pouco de poeira estelar ou poeira de fadas, e talvez um pouco de fundo ondulante, talvez um golpe ou algo para manter toda a composição unida. Estes pequenos triângulos estarão animando para fora e depois animando de volta. Mas como eles estão voltando, outro vai aparecer. Vai ser três. Tudo funciona melhor em números ímpares, então 3, 5. Vamos dar uma chance. Coloque isso ali. Agora, vou começar com um triângulo. Eu vou passar de muito pouco, e vamos mudar isso para um completo e vai ficar um monte maior. Não é um triângulo tão bom. À medida que ele fica maior, ele vai usar um pouco de flexibilização e assim apenas chegar lentamente ao maior ponto assim, e talvez possamos aumentar isso para como 16 quadros por segundo. Então, enquanto ele fica lá, ele pode girar um pouco, então eu vou fazer isso em seguida. Basta fazer este triângulo, e então ele vai ficar no mesmo lugar. Mas gire a mancha. Então aqui ele pode voltar para baixo. O que eu quero fazer aqui é antes que ele volte para baixo para respirar, que ele volte para baixo e fique um pouco maior e depois esmague para baixo. Vamos tentar isso. Bam aqui, ele vai ficar um pouco maior, vai adicionar mais alguns quadros aqui, e um pouco maior novamente, e então ele vai ficar muito menor. Talvez à medida que ele fica menor, ele pode girar bem e ele vai ficar menor pouco a pouco em vez de todos na mesma velocidade. Vai começar lentamente a ficar pequeno e depois ficou muito pequeno, muito rápido. O próximo, vai ser um monte de menores. Não é um grande triângulo. Aí, esse é o triângulo que eu quero. Talvez seja muito rápido. Vamos desfazer isso. Vamos tentar isto. Isso é um pouco mais longe do que eu queria, então eu vou marcar isso, voltar, vamos reduzir isso ou vamos apagar isso. Apague isso também, e então ele precisa caber aqui embaixo. Mais um quadro, então 20 quadros por segundo é muito bom. Ele precisa ir para lá. Por alguma razão, o marcador não está funcionando agora, então eu vou virar o meu, e está indo para a frente. Algo assim ou assim e vamos adicionar outro quadro aqui assim e depois mais um assim. Meio que enlouquece no final, então vamos consertar isso no final. Faz todo tipo de coisas estranhas no final. Aquele, o que está acontecendo aí? Vou deletar esse também. Vou apagar isso e fazer isso um pouco assim. Acho que funciona muito bem. Talvez você possa adicionar um ou dois quadros enquanto ele é um pequeno triângulo, só para que ele permaneça lá. Vamos para o fim aqui como um pequeno triângulo. Podemos adicionar mais dois quadros. Você não pode mais. 24 é o máximo, e um pequeno triângulo, um pequeno triângulo. Temos o triângulo no número 1. O que eu vou fazer é pausar isso, duplicar isso, e então aqui temos 24 quadros. Talvez possamos tentar isso em 24 quadros e ver o que ele faz. Acho que isso parece muito bom. Vamos fazer uma pausa por enquanto, e então aqui eu vou para 1, 2, 3, 4, 5, 6, 7, 8 porque eu quero três triângulos. Se eu iniciá-los em incrementos de oito quadros, eles devem ficar muito, muito bem. Temos um triângulo aqui e então eu vou duplicar esse, duplicar, e então mover este aqui, e depois 1, 2, 3, 4, 5, 6, 7, 8. Vamos jogar isso. Isso parece muito legal. Eu gosto disso. Agora eu quero talvez um pouco de pó de fada. Como fazemos pó de fada? Bem, na verdade não sei como fazer pó de fada, mas vou tentar algo. Vamos adicionar uma nova camada ou um novo carretel. Eu acho que podemos usar a mesma cor, mas eu vou fazer um acidente vascular cerebral, e aqui eu vou apenas adicionar alguns pequenos pontos aqui e ali. Quase parece arranhões em um telefone antigo. A taxa de quadros deste e também 24. Se reduzirmos isso para 12, acho que está funcionando. Acho que se mudarmos a cor para algo como branco e pedirmos para o fundo, e depois reduzirmos o tamanho do pincel, talvez um pouco maior, acho que parece muito bom. Talvez um pouco maior ainda. As coisas estão acontecendo aqui. Agora eu só vou precisar criar meu pequeno plano de fundo. Vou criar uma nova camada, arrastá-la até aqui. Acho que pode ser uma cor roxa, talvez não tão opaca, e eu vou usar minha ferramenta completa. Pausa aqui, e podemos usar 12 quadros por segundo, e aqui eu vou apenas criar uma forma redonda. Então eu vou esconder o resto dessas camadas por enquanto. Vamos ligar o marcador para esta camada e ver como vamos. Eu vou virar isso, e ele está desligado, na verdade, para que eu possa apenas ver o quadro que estava marcado. Aqui eu estou apenas tentando criar um fundo ondulante. Vamos ativar a visibilidade de nossas outras camadas. Bastante assim. Vou rodar isto um pouco. Eu pensei que estava girando aquele, mas na verdade é este aqui embaixo. Vou torná-lo um pouco mais escuro para adicionar algum interesse. Nesta camada eu vou fazer um pouco diferente tipo de roxo, e então a cor de fundo, talvez amarelo não seja o melhor. Amarelo brilhante poderia ser melhor ou escuro ou cinza. Algo assim parece muito legal, eu acho. Então faça essa mancha maior, e lá vamos nós. Temos algumas formas triangulares muito interessantes fazendo suas coisas. Super feliz com isso. Bom trabalho, Rich. 12. Exemplo 2: caos: Este vai ser caótico. É apenas um caos. Eu tenho alguns planos, mas cara, eu vou me divertir muito com isso. Vai ser uma bagunça com um monte de minhocas de movimento ao redor e talvez até parecer um pouco como uma nuvem, e pode até ser como linhas indo aqui e ali, pequenas coisas acontecendo do lado de fora. Vai parecer uma bagunça caótica. Mas vamos dar uma chance. Vamos jogar. Eu vou mudar isso para tamanho de pincel realmente gordo, e aqui eu vou começar a criar o esboço da minha bagunça caótica. Eu vou aumentar a taxa de quadros para 32, então ele vai muito rápido, que significa que eu posso desenhar muito mais nas camadas, e então eu vou voltar para trás também. Isso está começando a parecer muito divertido. Aumente o tamanho lá um pouco. Vou adicionar um novo carretel. Talvez eu possa reduzir a taxa de quadros para 16 quadros. Sim, parece muito mais com pequenos insetos ou algo assim, que está começando a parecer legal. Então neste novo carretel, eu vou para o branco, eu vou reduzir sua taxa de quadros para algo como um, e então eu vou desenhar essa coisa estranha rabiscada cada quadro. Isso realmente não funcionou como eu planejei que funcionasse. Vamos tentar de novo. Quando ele volta, 1, 2, lá vamos nós, e eu continuo desenhando em cima disso, vendo onde vai. Vamos pausar isso, talvez eu precise adicionar outro quadro aqui quando ele vai daquele para este. Deixe-me adicionar um quadro aqui, e vamos ativar bookmarking para isso. Sem bookmarking, esfolamento de cebola. Então eu vou mudar esta taxa de quadros para 24 ou algo assim e, em seguida, colocá-lo na parte inferior. Este é um começo a parecer um pouco de uma bagunça organizada e caótica, e então o que eu gostaria de fazer aqui é duplicar esta camada e depois dar-lhe algumas sombras. Vamos reduzir a opacidade e, em seguida, movê-la ligeiramente para baixo assim. Lá vamos nós. Então esta camada, eu gostaria de duplicá-la também, também dar-lhe algumas sombras e reduzi-la, vamos fazê-lo mover-se para baixo para o fundo. Agora parece que há algum trabalho de camada, e em seguida, em cima, eu vou apenas fazer um monte de linhas onduladas, que espero que vai ser muito divertido. Vamos adicionar um novo carretel. Preto vai funcionar, aqui vamos nós. Vinte e quatro quadros, eu vou para seis quadros. Eu estou indo para ir. Vou aumentar a opacidade, diminuir o tamanho e, em seguida, aumentar a taxa de quadros, 16 quadros. Então eu vou fazer um pouco mais, e então vamos ver como é se ele é branco. Sim, eu acho que isso parece muito legal. Vou reduzir o tamanho de apenas isso, aumentar o tamanho de tudo novamente. Sim, eu gosto muito disso. É um monte de caos organizado, e está muito bem. Estou feliz com isso, legal. 13. Exemplo 3: estradas diferentes: Há uma música da Joy Division e tem uma frase que diz, tomar caminhos diferentes e também o amor vai nos separar. Eu tenho essa idéia de começar com um coração e então ele se divide, e então essa parte do coração vai por aqui e essa parte do coração vai por aqui, então torna-se como uma bolinha antes que ambos voem de volta um para o outro novamente e então formando o coração. Ele só continua girando e girando. Talvez eles possam ser algumas dessas pequenas coisas que se dissipa e se afastam, sem movimento, coisas de energia. Vamos ver como isso vai correr. Vou mudá-lo para um completo e agora vamos começar a desenhar o coração. Não tenho certeza se sou a melhor gaveta do coração, mas vamos colocar um pouco de pele de cebola daqui para frente. Provavelmente vou precisar de um monte de quadros. Vou começar com 20. Vamos voltar para o próximo quadro. Eu queria seguir nessa direção e seguir nessa direção. Algo assim. Ele vai chegar até aqui e lentamente ficar um monte menor e, em seguida, apenas sentar em torno de alguns quadros. Juntos de novo. Apenas crie um pouco de movimento aqui. Você vê como ele é elástico também? Então lá ele precisa ser saudável novamente, então eu vou ligar o marcador para isso. Então a partir daqui, você pode começar a sintonizar um coração ou realmente talvez do anterior, então vai apagar isso e começar a torná-lo saudável aqui. Inicie um novo quadro. Eu vou desligar bookmarking e, em seguida, transformar cebola skinning para frente e para trás e então eu vou quase fazer isso aqui. Eles estão quase voltando a estar juntos. Mais um layout ou mais um quadro, desculpe. Lá vamos nós. Talvez outro só para manter o interesse nesta fase do coração e mais um. Parece que há uma moldura em branco lá, mas por qualquer razão, tear pensa que é uma moldura em branco, mas não é. Vamos dar uma olhada no que isso parece. Isso parece muito legal. Aumente a taxa de quadros para algo como 20. Acho que à medida que se afasta, posso desenhar estas pequenas animações, estas pequenas coisas que se dissipam, então vamos começar a isso. Eu posso fazer tudo isso na mesma linha e comprimento, então vamos começar com algumas dessas coisas aqui e ali. Talvez não o último. Vamos pegar um aqui em cima e então podemos começar outro ali, outro aqui, outro aqui. Acho que são todos eles, mas deixa uma grande lacuna. O que eu gostaria de fazer aqui como ele vai para o meio do nada, apenas deixa um belo galho ou dois aqui e esses caras ficam um pouco por aí. Isso está parecendo muito bom. Estou feliz com isso. Adorável. Agora vamos tentar isso com uma sombra. Vou duplicar esta camada, esta camada inferior, é bom para uma sombra. Isso parece muito bom. Eu vou duplicar esta camada novamente e eu vou mudá-la para um acidente vascular cerebral e eu vou mudá-la para branco para reduzir os traços. Tamanho do pincel e, em seguida, ajustá-lo ligeiramente. Agora há três camadas. Talvez o que podemos fazer aqui é apenas fazê-lo ir para a frente ou para trás uma camada para que seja compensado apenas ligeiramente. Acho que está incrível. Parece muito bom e eu gosto de como ele é jogado nesta coisa de planejamento inicial que eu fiz. Fantástico. 14. Considerações finais: Esse é o fim da aula. Espero que tenha se divertido e aprendido muito. Agora cabe a você criar, jogar e experimentar. Estou empolgado para ver o que você cria. Eu adoraria que você revisasse esta aula para que os outros saibam se eles devem ir ou não. Para mais aulas e coisas para desenvolver seus superpoderes criativos, confira tapkaboom.com. Ok. É isso de mim, de verdade. Tchau por agora. Você acha que eles têm o trocadilho de verdade? Eu não sei. 15. Erros de gravação: Ou você precisa pensar criativamente. Criativamente. Vamos, cara, faça direito. Ok. Não posso falar tão rápido. Oh, meu Deus. Vamos lá. Minha opinião. Ok, isso é tudo para mim, de verdade. Não, não é quando faço a minha mão. Vejo-te na próxima, seja lá o que for.