Introdução à animação do Procreate Dreams: 12 exercícios para iniciantes

2. Materiais e materiais: Oi, meu nome é Esther Nariyoshi. Sou ilustradora residente nos EUA e adoro animar e serei sua instrutora nesta aula Eu sei que muitos de vocês que vêm para a aula são novatos em animação ou ilustração. É exatamente por isso que criei esta aula para ser amigável para iniciantes Você não precisará de habilidades de desenho ou animação para aprender tudo nesta aula, porque tudo em que trabalharemos é baseado em formas geométricas Todas essas formas serão fornecidas na área de recursos da classe. Ao se matricular nesta aula, você terá acesso ao modelo procreate Dreams E você também terá todas as formas que precisaremos no formato PNG e no formato procriar Você também terá uma pasta de trabalho na qual poderá trabalhar em cada página Há muito espaço para você escrever suas anotações, e também listarei os pontos-chave que abordaremos nesta lição específica. No topo da página, espero que você esteja pronto para mergulhar porque é exatamente isso que vamos fazer. 3. Aula 1 Abraço em grupo | Conceitos básicos no Procreate Dreams: O primeiro exercício que vamos abordar é chamado de abraço em grupo Este é um produto final. Eu vou te mostrar rapidamente como é. Como você pode ver, temos quatro pontos diferentes, círculos vindos de quatro cantos Deixe-me diminuir a velocidade e todos eles se encontram em um centro para se abraçarem, depois voltam à posição original Essa é uma animação em loop, o que significa que você pode continuar assistindo e não conseguirá ver como um salto na Este é o exercício que vou explicar para você nesta lição. Quando você tem uma animação em mente, é sempre útil planejá-la em sua mente ou no papel aqui. Se animássemos nosso projeto acordo com a sequência da linha do tempo, começaríamos nos cantos, nos quatro cantos e alinharíamos tudo ao meio como outro ponto de inflexão quatro cantos e alinharíamos tudo ao meio como outro ponto de inflexão E então, para a segunda seção da animação, movemos tudo de volta para seus cantos. Novamente, essa é uma abordagem, mas neste momento de lançamento do per create dreams, a ferramenta de alinhamento ainda não existe Eu sei em minha mente que esse momento em que tudo se encontra no meio vai ser muito difícil. Porque vou gastar minutos, se não mais, apenas para garantir que tudo esteja perfeitamente alinhado em pixels Vamos encontrar uma solução alternativa para esse problema. Em vez de animar com base em como a linha do tempo progride, vamos começar nossa animação do meio Vamos adicionar um quadro-chave. Se você não sabe o que é o quadro-chave, é basicamente o ponto de virada de uma animação. Pode ser uma mudança de cor, mudança de posição ou ângulo de rotação e coisas assim. Em nosso exercício, vamos começar do meio da linha do tempo e também do meio do estágio E plante nossos quadros-chave. E depois voltamos ao início da animação para movimentos. E então vamos até o fim. Basicamente, esse é o nosso plano de jogo. Agora vou ao teatro tocando neste ícone à esquerda, ao lado do nome do seu projeto Então eu vou encontrar meu modelo. Você deve conseguir baixar o modelo depois de se matricular neste curso Aqui em nossa animação, temos uma grade no meio. Isso é apenas uma ajuda visual que nos ajuda a descobrir a posição relativa das coisas. Não fará parte da animação final. Agora, vou começar a animar em talvez 1,5 segundo por aqui Não precisa ser muito preciso. Se você conseguir baixar o arquivo procreate, deverá ter acesso a várias formas geométricas que usaremos nesta aula O que vou fazer a seguir é importar o círculo para o palco para que possamos começar a animar Use um dedo para deslizar para cima a partir da parte inferior do iPad. Então, como eu já tenho a procriação aberta, posso simplesmente arrastá-la para cima se você não a tiver aberto e você pode arrastar o ícone do original pré-criado e empilhá-lo em seguida, gosto de mantê-lo à Agora temos o aplicativo original pré-criado à esquerda e os drenos pré-criados à direita à esquerda e os drenos pré-criados à direita . Eu tenho o arquivo aberto. Tudo parece um pouco confuso porque tudo está na cor branca O que vou fazer é importar um círculo grande, tudo tem o nome adequado. Então, vou segurar por muito tempo o botão de visibilidade de que só preciso ver o círculo Você provavelmente também verá a grade no meio. Essa grade tem o mesmo tamanho da grade. Nós também temos os percredreams agora. Eu vou importá-lo. Só pelo bem da minha sanidade, vou dar uma cor diferente Vou selecionar talvez esse rosa e depois arrastá-lo para baixo. Aí está. Agora estou pronto para arrastar essa camada para dentro. Por que sonhos. O processo é bem simples. Basta retirar o painel de camadas e encontrar a camada. Em seguida, basta arrastar e soltar no palco. Aí está. Nós temos, temos um grande... no meio. Vou deslizá-lo para a esquerda. Temos os sonhos de procriar em tela cheia. Esse ícone de tabuleiro é chamado Playhead porque o playhead estava no meio quando eu fiz a importação Ele só preenche o indicador de reprodução em diante, mas eu preciso preencher a faixa inteira O que eu vou fazer, há duas coisas que você pode fazer. Uma maneira é simplesmente manter o começo. Talvez você veja melhor quando eu aumentar um pouco o zoom. Segure o início da faixa e, em seguida, basta arrastá-la. Há outra maneira de fazer isso. É uma coisa de duas etapas. Você segura a faixa inteira e a move para o início. Aí está, você vê o alinhamento à esquerda. Então você mantém essa faixa por muito tempo. Você pode ver o menu de contexto. Neste pequeno pop-up, basta tocar na duração do preenchimento e ele preencherá automaticamente toda a faixa. Isso é muito útil atualmente. O ponto está no topo. Mas eu ainda gostaria de ver minha grade. Vou segurar minha grade por muito tempo, ignorar o pop-up e movê-lo para cima para poder usar a grade para reorientar e reposicionar Neste ponto, não há realmente uma linha no centro, esse tipo de coisa. Você só precisa fazer o melhor que puder para mantê-lo no meio. Está bem? Ok, isso é ótimo. Vou começar assim. Então sabemos que temos quatro pontos no meio, certo? Quatro círculos. Ah, a propósito, esse é um bom momento para ajustar o tamanho. Se esse círculo parecer muito grande ou pequeno, você pode ajustá-lo apenas tocando no palco Então você vê a caixa delimitadora da linha pontilhada vermelha. Ele desaparece após alguns segundos. É frustrante quando você faz uma demonstração, mas vamos lá Vou tocar nele novamente e depois arrastar o canto para redimensioná-lo Por padrão, a referência ou âncora está configurada para ficar no meio, o que é muito conveniente para o nosso caso Ao fazer animações mais complicadas, digamos que, se o ponto estiver balançando com base em um ponto de referência diferente, você pode definir esse ponto de referência, sobre o qual falaremos mais tarde No momento, isso parece bom. Vou lembrar que temos quatro círculos vindo de quatro cantos e eles se encontram no meio. Precisamos de três cópias adicionais para copiar uma faixa inteira. Você pode simplesmente segurar por muito tempo para exibir o menu de contexto, as Opções de rastreamento e Duplicar. Vamos fazer isso algumas vezes até termos quatro cópias. Rastrear, duplicar. Agora temos quatro cópias. Existem alguns gestos realmente convenientes que você pode querer aprender desde o início Se você está familiarizado com procriar, provavelmente já sabe o dedo duplo para desfazer e o dedo triplo para refazer Então, provavelmente é intuitivo aumentar e diminuir o zoom com apenas dois dedos. Eu também adoro que os sonhos por criação em particular, sejam ações com três dedos. Use os três dedos na linha do tempo para dimensionar o tamanho a altura da faixa Se você quiser que suas faixas sejam maiores ou menores, basta deslizá-las para cima e para baixo. Se quiser ampliar a visualização da faixa, você pode usar seus três dedos para deslizar para a esquerda e para a direita. Claro, você também pode usar dois dedos para ampliar, que é o que eu faço intuitivamente neste momento Depois de algum trabalho, temos quatro pontos centralizados no meio Vou dar a eles cores diferentes. É mais interessante animar. Vou para o modo Desenhar, que é esse ícone de rabisco Ao tocar nela, você verá a interface transformada em um pouco a interface transformada em interface de procriação Vou tocar no círculo colorido na esquina Então eu vou apenas arrastar e soltar. Quando eu toco em uma das cores, você pode simplesmente arrastá-la. Você não verá imediatamente porque essa não é a camada superior. Vamos fazer isso. Pinte a camada superior de laranja. Em seguida, o próximo rosa. Às vezes, não colore imediatamente, então você precisa fazer isso em outra hora. Mas eu não acho que isso seja um recurso. Tudo bem. Azul escuro no meio. Novamente, você realmente não vê a mudança de cor porque não é a camada superior. Por último, vou pintá-lo de amarelo. A propósito, assim como procriar, você pode ativar e desativar a visibilidade de uma camada simplesmente tocando na marca de seleção ao lado do nome da sua faixa Aí está. Agora temos quatro pontos aqui no meio Para quem escolhe uma cor diferente da minha, você pode ter problemas de contraste entre seus pontos e a grade Para corrigir isso, você pode ir até a faixa da grade, pressioná-la e tocar no modo de mesclagem e, em seguida, escolher um modo de mesclagem diferente. Normalmente, multiplicar é minha escolha, mas parece que a queima linear está do meu lado hoje. Eu vou continuar com isso. Agora temos nossos quatro pontos alinhados no meio. Vamos contar sonhos de procriar, ou seja, queremos que a posição seja, adicionando quadros-chave Vamos tocar no primeiro ponto primeiro, queremos tocar no ícone do indicador de reprodução e depois mover a primeira opção, mover e escalar Como você pode ver, assim que eu tocar nele, você verá que parece um ícone de ferramenta de corte. É assim que se parece o quadro-chave do movimento e da escala. Eu vou fazer isso com o resto dos pontos. Toque no indicador de reprodução para mover, mover e escalar. Você quer ter certeza? Deixe-me ver que pode ser melhor. Eu gostaria que a divisória entre o palco e a linha do tempo também pudesse ser movida Mas, infelizmente, isso é inamovível. Mas você pode ver que temos os quadros-chave plantados na mesma linha vertical. Isso significa que esse momento vai acontecer ao mesmo tempo. Agora estamos livres para ir para o início da animação. A forma como eu configuro os sonhos de procriação adicionará automaticamente outro quadro-chave no início Quando você adiciona qualquer quadro-chave no meio, precisamos fazer algumas modificações. Porque o quadro-chave no início tinha as mesmas informações do quadro-chave que acabamos de adicionar Mas em nossa animação, queremos que cada círculo comece de seus próprios cantos. Isso é bem fácil. Vou apenas tocar no quadro-chave de movimentação e escala. E você pode ver que já está destacado, neste caso, quero que meu círculo se mova diagonalmente Mas se você quiser que seu movimento seja estritamente horizontal ou vertical, você pode adicionar outro dedo na tela. Ao se mover, talvez comece a se mover primeiro e depois adicione uma tela e você verá esses diferentes destaques para ajudá-lo a se mover. Para lhe dar uma ajuda visual, vou tocar duas vezes com o dedo para desfazer E então mova meu círculo para o canto, certifique-se de que esteja completamente, certifique-se de que não haja sobreposição entre o círculo e o palco Caso contrário, você verá esse pixel estranho. Então, vamos passar para a próxima cor. Isso é rosa. Há outra vantagem de colorir suas coisas de forma diferente, porque você pode simplesmente dizer que está trabalhando na cor rosa agora. Mesmo que eles precisem estar na mesma cor no final, você sempre pode recolorí-los com a mesma cor Mas dar a si mesmo um pouco de diferença visual realmente ajuda. Vou tocar no meu quadro-chave e depois mover o rosa para o canto. A mesma coisa para o azul e o amarelo. Se eu reproduzir esta seção da animação tocando no botão play, você verá que algo está tomando forma No momento, tudo está no meio e depois ficamos lá porque não fizemos nenhum plantio de quadros-chave após o ponto médio. Vamos até o final da animação e fazer a mesma coisa. Você pode até mesmo, na minha animação de amostra, que todo mundo vá para sua própria esquina depois de se encontrarem no meio. E você realmente não precisa fazer isso para tornar as coisas perfeitas, porque o quadro inicial e o quadro final não têm um círculo Eles são perfeitos, o que estou tentando dizer é que seu círculo não precisa ir para o mesmo lugar de onde veio Você pode movê-los, tocar no quadro-chave e depois movê-los. Esse rosa pode ir aqui, esse azul pode ir para um lugar diferente. Tudo bem, vamos dar um relógio. Parece que está bem. Vamos fazer algumas coisas para tornar a animação um pouco mais suave Uma das coisas que eu gosto de fazer é adicionar atenuação à animação No momento, tudo está se movendo em uma velocidade uniforme. Se você realmente olhar de perto, verá que o da direita tem um movimento um pouco mais suave que geralmente torna as coisas mais interessantes. Quero navegar pela minha linha do tempo para ter certeza de que chego ao local onde posso ver as quatro cores Posso escolher uma cor de fundo que funcione bem com essas cores. Vou tocar no código de tempo no canto inferior esquerdo do palco, dos bastidores Na verdade, o palco atrás do palco é o backstage para tocar na cor do fundo Eu quero algo, quero que esteja escuro, mas não como uma escuridão total. Talvez seja uma boa hora para usar meu lápis em vez de minha mão. OK. Vou usar essa cor acastanhada e depois tocar em qualquer lugar. Neste momento, eu realmente não preciso da grade. Eu posso simplesmente desligá-lo tocando na marca de seleção aqui. Então, podemos pré-visualizar nossa animação. A propósito, se você quiser ver apenas uma seção da animação, em vez de toda a linha do tempo, basta diminuir o zoom com três dedos e esticar a linha do tempo e ver apenas partes dela Se você quiser ver a coisa toda, você pode apertar dois dedos super rápido para encaixar tudo de volta Como você pode ver, aqui está nossa animação. Como você pode ver no último ponto, há um pequeno salto, mas o salto aconteceu fora do quadro. Não é como se você não fosse capaz de ver isso. Se você prestar atenção à nossa animação de amostra no início, notará que há uma pequena mudança de cor quando os círculos interagem uns com os outros. Isso porque eu usei um modo de mesclagem diferente, vamos até a parte em que a sobreposição começou a acontecer Esse é um bom ponto. apenas diminuir o zoom para que você possa ver melhor. Você pode segurar por muito tempo a faixa em que deseja alterar o modo de mesclagem para exibir o menu de contexto e, em seguida, tocar no modo de mesclagem. E você pode alterá-lo para o que quiser. Você pode circular, pode percorrer diferentes apenas deslizando-os para cima e para baixo. O Color Dodge parece estar bem. Você pode usar faixas diferentes para faixas diferentes. Este, sempre que você aplicar o modo de mesclagem, ele se aplicará a toda a faixa, mas a todo o conteúdo dessa filmagem. Modo de mesclagem. Ok, continue indo para a parte azul. Isso parece bom. Se você prestar atenção no meio. Estou apenas ampliando aqui. Essa é a cor que veremos quando tudo estiver centralizado no meio Quero prestar atenção na pepita bem aqui no meio Realmente não afeta nada quando você altera o modo de mesclagem da última faixa porque ela não tem mais ninguém com quem se misturar. Eu só vou trocar as cores. Alterne o modo de mesclagem das camadas superiores. Eu gosto que seja como uma cor branca para iluminar um pouco a cena Você pode passar horas fazendo isso. Isso é divertido. Sim, isso é bom o suficiente. Você pode testá-lo. Beliscar dois dedos, ótimo. Ok, estou feliz com isso. Você também pode mover manualmente o indicador de reprodução. Como você pode ver, eles se encontram no meio e descansam um pouco. Dê um abraço em grupo um ao outro e depois volte para um canto diferente do mundo A propósito, eu adoro isso. Se você realmente gosta um quadro específico de sua animação, pode exportar apenas esse quadro como uma imagem estática. Você pode simplesmente tocar no nome da sua animação. Você pode simplesmente tocar no quadro atual e ele permitirá que você salve no seu iPad ou na nuvem ou em qualquer local que você escolher. Vou tocar em Concluído. Sim, essa é nossa primeira animação. Parabéns, nos vemos na próxima aula. 4. Aula 2 Fantasmas | trilha de movimento no Procreate Dreams: Nesta lição, aprenderemos as etapas para criar essa animação. Como você pode ver, a bola entra. Ok, vou jogar manualmente esfregando O primeiro círculo entra e depois salta para uma parede diferente até que o primeiro círculo saia da moldura E parece que o resto dos círculos estão seguindo a trilha exata do primeiro. É por isso que eu chamei essa animação de fantasmas. Parecem fantasmas coloridos que seguem o primeiro Agora entendemos os movimentos básicos dessa animação. Vamos começar. Primeiro, quero pegar o modelo de animação e é assim que ele se parece por dentro. Então eu quero importar um dos círculos para o procreate dreams do procreate original Novamente, vou usar um dedo deslizando de cima. Isso são fotos. Vou pegar a procriação e empilhá-la lado a lado Eu tenho o procreate à esquerda e Percy Dreams à direita Vou encontrar o círculo grande e, em seguida, basta arrastar essa camada e soltá-la assim que for importada. Vou apenas deslizar a divisória para a esquerda. Eu só tenho os Percy Dreams. Vou mover a grade para o topo para poder ver novamente, posso alterar o modo de mesclagem da grade segurando longamente a trilha da grade e, em seguida, o modo de mesclagem talvez se multiplique Tudo bem, isso é uma ajuda visual. A grade é apenas um auxílio visual que criei para ajudar você a ter uma compreensão geral do seu posicionamento. Desta vez, na verdade, não preciso centralizar porque no início da animação, o ponto começa do lado de fora. Vou redimensioná-lo para um tamanho menor. Ele tem mais espaço para pular, tocar em seu círculo e depois diminuí-lo. Ok, e então eu vou movê-lo para fora. Se quiser mudar a cor do seu círculo, você pode ir para o modo de desenho, que é o ícone de rabisco na mão direita e depois encontrar suas Eu vou ver as paletas. Talvez escolha esse azul escuro e depois arraste e solte. Você pode fazer algumas tentativas. Neste momento, acho que não é um recurso. Tudo bem, isso é levar isso para fora. Vou tocar em. Feito. Estamos saindo do modo de sorteio. Então, agora podemos animar essa animação, temos círculos saltando ao redor Em vez de animar cada um deles individualmente, vou animar apenas uma vez e depois deslocar cada um deles para dar a ilusão de arrastar Ok, agora estamos prontos para animar. Vou começar movendo meu círculo para fora da moldura. Em seguida, defina essa posição tocando no indicador de reprodução. E então mova, mova e escale. Agora temos uma semente plantada, e esse é um quadro-chave. Na próxima etapa, talvez um pouco antes de chegar a 1 segundo, vou adicionar outra posição. Como você pode ver, ele se recupera. Isso é porque eu não tenho um quadro-chave definido aqui Eu apenas toco na faixa do quadro-chave que me permitirá definir a posição. Vou adicionar outro. Vai saltar mais uma vez, é um salto de aproximadamente 45 graus Por último, se você tiver um quadro-chave parecido com este, em vez de ter o destaque em branco, ele parecerá um tom mais escuro de vermelho É só ping. Não é um quadro-chave real. Ao tocar em outro lugar, você vê que o quadro-chave não está realmente lá. Somente quando você toca nele, ele fica branco. Esse é um verdadeiro quadro-chave. Então eu vou sair. Agora, não consigo pré-visualizar a animação. O movimento geral é ótimo, mas parece um pouco antinatural porque o movimento de A para B é muito linear Não há como desacelerar ou acelerar como uma bola de verdade. Além disso, percebo que vou desligar a visibilidade da grade por um momento, que eu possa ver o limite um pouco melhor É estranho que ele realmente não toque o limite. Vou corrigir isso primeiro para trazer sua linha do tempo aqui. Na verdade, primeiro você deve tocar no quadro-chave. Em seguida, aumente o zoom apenas com dois dedos para ter certeza de que está se tocando Aí está. Em seguida, vá para o próximo quadro-chave. Se você souber a posição absoluta do seu quadro-chave, poderá inserir os números. Nesse caso, estou apenas olhando. Tudo bem se você não souber o número, então vou diminuí-lo um pouco. Tudo bem, vamos dar outra prévia. Se você quiser que todo o palco caiba, basta apertar rapidamente com dois dedos assim Aí está. Vou adicionar um pouco de flexibilização, que é o movimento natural de acelerar antes que ela atinja uma parede Ele fica mais lento, o que abordamos na primeira lição. Vou simplesmente manter um espaço vazio na pista e ajustar todas as atenuações, e sair facilmente Você pode ver a desaceleração e a aceleração. Para mim, parece que esta seção acontece muito rápido. Eu quero desacelerar estendendo esta seção. Na verdade, basta mover esse quadro-chave para a direita para ter mais tempo. Também vou mover os quadros-chave subsequentes e depois visualizá-los. Ok, é muito melhor se você não o pegou. O que eu fiz foi segurar um quadro-chave e depois movê-lo. Se você tiver o quadro-chave selecionado, ele realmente se transformará em um quadrado de canto arredondado, fica assim E você pode movê-lo para mudar sua posição. Tudo bem, isso parece ótimo. Já que terminamos a animação principal, vou adicionar pequenos rastros dos fantasmas Estou segurando essa bola azul por muito tempo. Rastrear, depois Rastrear opções duplicadas, Rastrear opção duplicada Quero mencionar que há dois botões ou toques duplicados no menu de contexto É por isso que eu sempre vou aqui primeiro e depois percebo que preciso realmente duplicar a faixa inteira em vez de apenas uma filmagem Normalmente, se você apenas tocar no canto superior direito do menu de contexto, na verdade duplicará nela no canto superior direito do menu de contexto, na verdade duplicará somente a filmagem logo após terminar na Isso não é realmente o que precisamos. Vou fazer com um dedo duplo e segurar a opção Rastrear e duplicar. Essa é a duplicata que queremos. Agora eu quero dar a cada círculo uma cor diferente que torne a animação mais interessante. Quando a separação de posições acontecer, vou tocar no ícone de rabisco aqui e depois tocar na cor, talvez esta, como você pode ver na faixa, você pode ver que a prévia mudou, agora a fita na terceira Na verdade, vou deixá-lo aqui. E outro, talvez a tela. Agora, se eu reproduzir uma seção da animação, você realmente não vê a diferença. Isso ocorre porque todas as faixas têm as mesmas informações de movimento, elas têm o mesmo quadro-chave acontecendo exatamente ao mesmo tempo. Vou mudar isso compensando o tempo das três camadas abaixo. Você só precisa segurar a pista. E, em seguida, mova-o para o tempo que quiser. Em seguida, mova o último para o mais longe. Você já pode ver a separação. O primeiro quadro-chave do azul entra primeiro e depois o primeiro quadro-chave do verde entra na última à direita Agora, se clicarmos na prévia, temos o movimento final em andamento, o que é bem legal, mas temos um problema no final. Deixe-me ampliar. Quando você for até o último quadro possível, verá que três dos círculos não saíram totalmente. Há um pouco de amarelo e o laranja e o verde ainda estão dentro da moldura. Isso porque nosso último quadro-chave desses três círculos não apareceu antes do término da animação. Nesse caso, vou pegar o último, o último quadro-chave e depois movê-lo para que esses círculos tenham tempo de sair do quadro. Isso nos dá um problema diferente. Por exemplo, esses quadros-chave estão muito próximos um do outro, o que tornará o último movimento super rápido Se eu diminuir o zoom para ver toda a animação, dá para ver que o movimento pode ser um pouco apressado no final Dependendo de como você configura seus quadros-chave, você pode simplesmente segurar o quadro-chave e movê-los para o meio. Quanto mais tempo houver entre os quadros-chave, mais lenta será a mudança Sério, fique de olho nessas coisas. Não desanime se esse processo levar alguns minutos para ser concluído. Mas quando você encontra o momento que está procurando, é muito gratificante Eu vou fazer mais algumas coisas. Uma delas é encontrar uma moldura como essa que tenha todas as quatro cores na tela. E vou mudar a cor de fundo só porque o branco é plano. Talvez algo escuro assim, preto quente. Aí está. Ok, vamos ver, isso parece bom. Além disso, enquanto eles ainda estão sobrepostos, eu gosto de mudar o modo de mesclagem A área sobreposta parece mais interessante. Vou começar com o modo de mesclagem azul de longa duração, talvez algo mais leve. Ok, aqui é onde o amarelo e o laranja se sobrepõem, então vou mudar o modo de mesclagem do amarelo para outra coisa Oh, isso é bom. Então, por último, mas não menos importante, vou mudar o modo de mistura da laranja. Opa, eu o perdi. Cozido novamente. Longo, segure a laranja e depois só. Ok, eu vou ficar com a queima linear. Ok, vamos dar outra prévia. Isso parece ótimo. Tudo bem, então esta é nossa segunda animação. Espero que você esteja se divertindo muito e nos vemos na próxima aula. 5. Aula 3 baralho de cartas | Agrupamento criativo no Procreate Dreams: Espero que suas mãos estejam aquecidas e prontas para criar mais animações comigo. Nesta lição, vamos construir algo assim. Vamos assistir algumas vezes. Basicamente, temos um baralho de cartas deslizando pela esquerda, saltando um pouco e saindo pela E uma das cartas tem alguns padrões nela. Agora entendemos a essência das coisas. Vamos ver nosso modelo. Aqui estamos, dentro do modelo de sonhos apropriado desta aula. Como sempre, temos a grade em sua própria trilha que nos ajudará a entender as relações espaciais. Vou começar alterando a cor do plano de fundo. Vou tocar no código de tempo e depois tocar na cor de fundo. Talvez eu vá longe, em algum lugar entre vermelho e laranja, cor laranja raivosa. Em seguida, basta tocar em qualquer lugar na tela para sair. A próxima etapa que vou fazer é importar um retângulo de procriar para procriar sonhos Você pode estar se perguntando: por que não se baseia diretamente nos sonhos de procriar Tecnicamente, você pode, mas como procriar sonhos foi projetado para animar, a capacidade de procriar realmente não se aplica aos Por exemplo, quando você cola no modo de desenho, quando desenha algo, digamos que você queira desenhar um retângulo Ele se encaixará quando você adicionar um segundo dedo, mas no procreate original, quando você adicionar um segundo dedo, ele encaixará os cantos no lugar para obter um retângulo perfeito que não está disponível, pelo menos no momento do lançamento Procrie sonhos, é por isso que vou importar todas as minhas formas Neste ponto, meu fluxo de trabalho é terminar de desenhar, procriar e importar tudo Vou deslizar para enfeitar o procreate ao lado de Procreate Dreams Para a importação que eu já tenho, a camada destacada é chamada de retângulo Vou usar meu dedo para arrastar e soltar no palco ou na linha do tempo. Em seguida, basta fechar a procriação. Em seguida, vou estender esse desenho para cobrir toda a faixa. Pegue uma borda segurando, você vê o destaque. E depois é só estendê-lo até o começo. Vou posicioná-lo um pouco, talvez cobrindo talvez dois terços da tela Percebo que minha grade está embaixo do desenho, então vou segurar a grade e movê-la cima na linha do tempo. Aí está. Assim como essa animação em que trabalhamos anteriormente. Em vez de animar tudo individualmente, vou animar uma vez e depois apenas deslocar a posição, bem como o tempo dos carrinhos subsequentes Vou começar dando uma cor a ele. Vou tocar no ícone do rabisco, talvez escolher um tom de vermelho diferente e mais forte No momento, tenho partes da forma fora das partes da forma no palco. Se eu apenas arrastar, procriar, o sonho levará isso em consideração Cobre apenas a parte que está sobreposta ao palco. Tecnicamente, você pode fazer apenas duas quedas, mas quando você a move, às vezes surge uma linha muito estranha que é criada Novamente, não acho que isso seja um recurso. Uma solução alternativa seria mover sua forma completamente para fora do palco. Ao colorir, certifique-se de que esteja selecionado na linha do tempo e, em seguida, basta soltá-lo Aí está. Depois, você pode animar a partir daí Digite Concluído no canto superior direito para sair do modo Dram Assim como essa animação na tela em que trabalhamos antes. Em vez de animar do início da linha do tempo até o final, vamos definir um quadro-chave no meio Porque sabemos que em algum ponto no meio da linha do tempo, queremos que esse retângulo fique reto. Praticamente. Vou tocar no indicador de reprodução e digitar movimento, movimento e escala Como você pode ver, plantamos um quadro-chave aqui no meio Então, podemos passar para o início para terminar nossa rotação. No início da animação, o retângulo é praticamente girado 90 graus para a esquerda Mas antes de trabalhar mais sobre sonhos pré-criados, quero explicar a vocês o conceito de âncora Aqui estamos com um conjunto de notas publicadas. Quando você tem o ponto de referência de rotação no meio, a âncora, a rotação ficará assim Mas quando a âncora de rotação está em um ponto diferente, a rotação parece muito diferente Isso é o que queremos fazer no nosso caso, porque, por padrão, o centro de rotação está bem no meio. Mas nossa animação exige que nossa rotação esteja no canto. Vamos definir o ponto de rotação. Primeiro, vou tocar em nosso retângulo. Você pode ver os quatro cantos destacados. Então talvez seja mais fácil se eu fizer isso. Você vê esse pequeno círculo branco com três pontos. Basta tocar nele para adicionar âncora. Como eu disse, por padrão, a âncora está no meio do assunto e, em seguida, você só quer movê-la para o canto do nosso caso Então, com esse quadro-chave selecionado, como você pode ver, quando selecionado, o ícone fica branco Toque em qualquer canto e depois agarre essa pequena curva para girar para fora da tela Esse é o nosso primeiro ponto até o fim, temos outro ponto de rotação. Na verdade, pode ser útil se eu jogar o que temos até agora. Esse vermelho escuro gira para o centro do palco e permanece lá Agora, queremos dizer aos sonhos procriados que queremos que eles girem para fora. Vou tocar no último quadro, tocar no movimento, mover e escalar do indicador de reprodução , depois pegar qualquer canto e começar a girar Agora podemos jogar novamente, concluímos o movimento geral, mas na verdade parece muito robótico, porque o movimento é linear Se você já praticou anteriormente, lembre-se de que usamos flexibilização para tornar a transição Vou manter o espaço T entre os quadros-chave e, em seguida, definir todas as atenuações e, em seguida, entrar e sair. Isso tornará o movimento mais amanteigado, diminuirá a velocidade antes de parar e depois acelerará Percebi uma coisa: quando, quando meu retângulo sair, na verdade eu vou deixá-lo assim Eu ia dizer que quando esta parte for lançada , talvez meu design original fosse para cobrir a coisa toda. O que você poderia fazer é simplesmente aumentá-la para que essa área não fique vazia. Mas acho que isso não é ruim. Eu vou continuar. Aí está. Esse é o nosso movimento geral. Quero chamar sua atenção para o movimento no meio, quando ele desliza para dentro, atualmente diminui para zero antes de voltar. Se você se lembra de nossa animação de amostra, ela realmente saltou um pouco no meio Acho que isso é mais realista e torna animação mais interessante quando você tem movimentos mais sutis Na verdade, não é difícil de fazer. Nos sonhos de Percy, o que vou fazer é fazer com que nosso retângulo ultrapasse um pouco Volte para a posição vertical antes de sair. O que vou fazer é adicionar outro quadro-chave. Quando eu toco no espaço vazio na faixa do quadro-chave, ele me dá uma versão não destacada desse quadro-chave É quase uma pergunta, você quer dizer aqui? E então, quando você tocar nele, ele ficará branco. Significa que sim, aqui, quando você toca nele novamente, você deve ser capaz de ter acesso a todos esses números agora, está me dizendo que o ângulo de rotação é de 0,5 em torno de 0,5. O que vou fazer é fazê-lo passar para o outro lado. Provavelmente negativo. Vamos tentar esse negativo. Aí está. Vamos jogar um pouco. Exagera um pouco e depois volta novamente. Talvez seja muito melhor. Deixe-me desligar a grade para que você possa ver um pouco melhor. Eu vou jogar novamente. Aí está. Agora temos os movimentos básicos feitos para nossa primeira carta. Vamos construir outro. Vou pausar isso por um segundo e segurar faixa no Menu de Contexto, Opções de faixa e Duplicar Vou fazer modificações na camada ou na faixa superior. Primeiro, vou dar uma cor diferente. Falamos sobre como você pode usar o recurso de arrastar e soltar no modo de desenho para colorir, mas até agora, já temos a posição definida e é difícil arrastá-la para fora do palco e depois colorir e trazê-la volta sem bagunçar as coordenadas do movimento Vou te mostrar outra forma de colorir. Primeiro, vou encontrar meu indicador de reprodução e, em seguida, tocar no filtro A última opção na categoria de filtros ativos é chamada de HSB, que significa Hue Saturation E brilho, basta tocar nele. Depois, você pode jogar com os controles deslizantes para mudar as cores. Talvez eu escolha algo mais leve. Ok, eu vou continuar com isso. Como você pode ver, está acontecendo uma pequena mudança de cor. Isso porque, a qualquer momento, quando você adiciona um quadro-chave, procria automaticamente os sonhos e adiciona outro quadro-chave no início da linha do tempo para lembrar a cor ou os movimentos originais, quaisquer quadros-chave nos quais você trabalhou Então, neste caso, sonhos adquiridos, lembra do vermelho escuro que tínhamos no começo? Tudo bem. Se eu quiser dar uma olhada na linha do tempo, você pode ver a você pode ver Mesmo que a maioria das mudanças ocorra fora do quadro. Você ainda pode ver a progressão da mudança de cor na faixa É muito simples de corrigir. Você só precisa segurar o quadro-chave inicial e depois excluir o quadro-chave. Com isso dito, você pode ver que a pista inteira, pelo menos na pista HSB, tem apenas um quadro-chave Isso significa que essa cor permanecerá a mesma, ouvirá apenas esse quadro-chave. Agora, quando reproduzimos a animação, ela mostrará essa cor entrando e saindo. Sabemos que temos dois retângulos, mas estamos vendo apenas um Isso porque eles se sobrepõem completamente. Em tudo o que é possível. Eles são gêmeos negros. Vou separá-los um pouco, compensando o rosa claro para um momento posterior Quando faço isso, também quero ir até o final da animação para garantir que nada seja cortado. Nesse caso, temos um quadro-chave que precisa ser inserido, para que concluamos a animação que pretendíamos antes que toda a animação termine. Agora podemos ver um pouco de separação, mas ainda assim, enquanto tudo está no meio, eles ainda estão se cobrindo um pouco. Se você se lembra do nosso exemplo de animação, também há um pouco de deslocamento espacial Além da diferença de horário, eu vou, então, o cartão rosa superior Um pouco para a esquerda, para não bloquear os movimentos do vermelho escuro. No entanto, se você se lembra, já plantamos vários movimentos. Temos pelo menos quatro quadros-chave na trilha de movimentos. Quando o viramos para a esquerda, temos que alterar o valor de x quando você, vamos tentar tocar neste Você pode ver o valor x e o valor y. Quando terminamos tudo isso, temos que alterar o valor x de cada quadro-chave Quatro, não parece muito ruim, mas há muita matemática que você precisa fazer. Talvez cerca de 200 pixels e você tenha que fazer a dedução toda vez Se você tem, eu não sei, dez quadros-chave. Isso pode ser muito entediante. Eu não mencionaria isso a menos que tivesse uma solução alternativa. Vamos falar sobre isso. A solução alternativa é que, eu realmente adoro pensar nisso, basicamente estamos criando um gêmeo fantasma para nossa faixa Vou esperar por muito tempo e rastrear as opções e duplicar. No momento, essas duas faixas são exatamente iguais em tempo, movimentos, quadros-chave, tudo. E então vamos agrupá-los em um grupo e animar esse grupo Em vez disso, vou tocar na edição da linha do tempo, que parece duas torradas uma em cima da outra Isso transformará nosso lápis em um sabre de luz que nos permitirá selecionar. Basta selecionar esses dois. Em seguida, vamos para Long Hold e o grupo. Agora você amplia o nome do grupo. Você pode ver que há uma seta para a direita quando você toca nela. Ele nos mostra o conteúdo visualmente, não há diferença quando você reproduz a animação. Não há diferença alguma, porque sabemos que os dois membros do grupo são exatamente iguais Mas, ao agrupar, isso nos dá a oportunidade de animar o Podemos até mesmo ir até um ponto e tocar no grupo. Na verdade, preciso sair da linha do tempo para poder tocar na caixa delimitadora no grupo E depois, basta limpá-lo manualmente. Assim mesmo. Se você quiser que seu movimento seja estritamente horizontal ou vertical, você pode adicionar um segundo dedo. Quando estiver se movendo, toque nela com uma caixa delimitadora e, em seguida, toque na tela Como você pode ver, há uma linha de cabelo ruivo na horizontal e na vertical para lhe dar orientação na horizontal e na vertical para lhe dar orientação. Para mim, está tudo bem. É simples assim. Com essa técnica criativa de agrupamento, nosso objetivo é alcançado Vamos dar outra olhada. Ambos os decks. Desliza pela esquerda e depois salta um pouco e sai para a Bem, eu acidentalmente desfiz o que fiz. Vou refazer isso tocando com três dedos na tela. Aí está. A propósito, procreate pode se lembrar de etapas infinitas para configurar isso, você toca no nome do projeto e depois vai para Preferências Em seguida, na guia Histórico, você pode alterar as etapas de desfazer armazenadas No momento, defini 1.000, mas você pode tecnicamente configurá-lo como infinito Vou tocar aqui embaixo. A última coisa que quero fazer antes de encerrar isso é adicionar alguns padrões ao nosso cartão principal Vou expandir esse grupo. Em seguida, quero criar uma máscara de recorte na parte superior. Quero ter certeza de que consigo ver todo o limite do retângulo Em seguida, quero criar uma faixa tocando na faixa superior, depois no sinal de mais e depois na faixa Portanto, eu tenho uma faixa vazia por padrão. Agora temos uma nova faixa adicionada à linha do tempo. Basta tocar nele. Em seguida, vamos para o modo de desenho. Para adicionar nosso desenho, vou escolher Go with white. E então, à mão livre, só estou prestando atenção aos limites da minha animação porque não conseguiria ver o que sai De qualquer forma. Só quero ter certeza de que cobri a borda, mas não demais. Você nem precisa cobrir todo o cartão porque essa é uma máscara de recorte Outra forma de fazer isso é animar o padrão junto com o cartão, que não é minha intenção neste exemplo Toque em concluído no canto superior direito. Seu pequeno desenho parece muito solitário nesta pista gigante Vou preencher essa faixa inteira com esse desenho. Vou segurar essa moldura e movê-la para o início até ver o destaque que me mostra que é o começo. E então segure esse pequeno quadro e preencha a duração quando eu jogar agora, isso vai me mostrar que esse desenho cobre toda a animação Agora vou transformar esse desenho em uma máscara de recorte. Se você não sabe o que é uma máscara de recorte , basicamente existem duas camadas A camada superior é responsável pelas formas, padrões e cores, e a camada inferior é responsável pela forma. Agora, vou para minha camada de desenho. Deixe-me realmente ampliar para que possamos ver melhor. Vou segurar essa faixa e depois mascarar , recortar à mão, mascarar Preste atenção ao que acontece aqui nos dados do palco. Está mostrando apenas a área sobreposta. A camada superior é responsável pelos padrões e cores. Na camada inferior, é responsável pela forma, que somente a área sobreposta mostra quando jogamos Agora eu acabei de desfazer o que fiz, então vou refazer com um toque de três dedos Se eu jogar agora, há uma área que é um pouco problemática Bem, na verdade, tudo bem. Você só quer ter certeza de que as linhas diagonais cobrem todas as partes do quadrado rosa, é perfeito. Como eu disse antes, se você quiser que o padrão se mova com seu objeto, você gostaria de ter uma trilha separada. E anime-os como um grupo. Sim, é assim que animamos um baralho de cartas. Minha lição de casa para você é adicionar outro cartão ao topo desse grupo, para que você tenha a chance revisitar algumas das principais técnicas que abordamos E nos vemos na próxima lição. 6. Aula 4 colcha animada | quadro por animação de quadro: Espero que você esteja se divertindo muito animando em Procreate Dreams Nesta lição, vamos fazer essa animação. Vamos ver nosso modelo. Aqui estamos dentro do modelo Procreate Dreams. Para esta aula, vou mudar a cor de fundo para minha primeira etapa no código. E depois a cor do fundo, mude-a para como esta boia elétrica. A próxima coisa que vou fazer é importar a forma procreate Para procriar sonhos, nesse caso, teremos um diamante no meio Vou deslizar um dedo de baixo para cima e encontrar procriar e empilhá-lo ao lado dos sonhos de procriar Aqui estamos dentro do Procreate, vou abrir o menu de camadas para poder ver todas as diferentes Vou encontrar o diamante e simplesmente jogar o dragão no palco ou na linha do tempo. Se você fizer alguma rotação, esse é um bom momento para fazer isso , porque quando você fizer isso mais tarde, poderá atrapalhar seus quadros-chave Se você quiser ajustar a escala do arquivo importado, toque na forma e depois pegue o canto para ajustar a escala. Em seguida, toque em qualquer canto novamente para ver a pequena curva para fazer a rotação, que abordamos anteriormente no exercício. Vou tocar duas vezes com o dedo para desfazer porque esse é o tamanho perfeito que eu já Se encaixar perfeitamente, vou começar a animar a partir daqui Percebi que a grade está abaixo da forma, então vou movê-la para cima. Apenas segure e depois mova-o para cima. Aqui vamos nós. Se quiser deixar a grade um pouco mais clara do que a cor atual, você pode alterar a opacidade simplesmente tocando na Em seguida, toque na opacidade do filtro do indicador de reprodução e, em seguida, você pode diminuí-la Você percebe que, ao adicionar um quadro-chave de qualquer tipo, procrie Dreams e adicione outro quadro-chave no início Essa é a opacidade total, que era o estado original Você pode simplesmente excluir esse primeiro quadro-chave. A faixa inteira ouvirá apenas esse quadro-chave. Vamos voltar à nossa amostra rapidamente para dar uma outra olhada. Isso acontece muito rápido. Vou diminuir a velocidade examinando manualmente a linha do tempo Só estou segurando o indicador. Inicialmente, temos um contorno muito suave do grão rosa ou textura do grão que cresce até cobrir todo o diamante, e então você começa a encolher nas bordas externas Talvez em algum lugar no meio, ele desapareça completamente. E a cor, outro tom da textura do grão, aparece da mesma maneira e depois se dissipa E então voltamos ao estado original. É isso que vamos resolver. Vamos voltar ao nosso arquivo. Só vou encontrar nosso arquivo aqui. Atualmente, temos duas faixas. O ponto principal é a grade. O segundo é o diamante branco sem nada nele. Eu vou criar uma faixa vazia primeiro. No topo dessa grade, você pode simplesmente tocar no sinal de mais e clicar em rastrear automaticamente. Você deve ser capaz de ter uma pista vazia. Queremos começar do começo. No primeiro quadro, vamos usar algo que realmente não utilizamos antes Toque no modo de desenho. Eu vou escolher uma cor diferente. Acho que o primeiro da amostra era rosa. Isso está perto o suficiente. Aqui vamos nós. Então eu quero escolher um pincel. Você pode escolher qualquer um dos pincéis que vieram com o Procreate Dreams Eu importei meus próprios pincéis. Eu tenho um conjunto inteiro granulado. Eu vou usar isso. Sinta-se à vontade para escolher qualquer outra coisa. Estamos aqui apenas para aprender o conceito com o playhead. No começo, vou começar a desenhar, lembre-se da primeira moldura, lembre-se da primeira moldura, podemos ver vagamente a textura granulada do lado Não se preocupe se a coisa cair lá fora. O limite do diamante porque você sempre pode simplesmente transformá-lo em uma máscara de recorte Ele cortará a área não sobreposta. A partir daqui, você pode ver essa pequena linha entre o palco e a linha do tempo. Se você simplesmente arrastá-lo para baixo, isso permitirá que você entre em tela cheia. Então você verá este manual que é como a animação começou Você tem um manual físico no qual você pode desenhar cada quadro e depois folheá-lo. É chamado Flip book, nós temos isso. Neste ponto, eu quero ativar a casca da cebola. Basta tocar na sequência de números no canto inferior esquerdo e mostrar a casca da cebola. Você deve tocar nela a casca da cebola para mudar a cor para algo apropriado. Eu só quero ver talvez um quadro para trás e um quadro para frente Não está mostrando um monte de molduras que fazem as coisas parecerem muito nubladas e, em seguida, basta tocar para fora e começar a desenhar Não mostra nada porque essa é literalmente a única moldura que temos. Basta tocar na próxima moldura do seu caderno de pés. Você pode ver vagamente a moldura anterior como uma versão mais clara dela. A propósito, você pode alterar a opacidade da casca da cebola para algo mais forte se realmente quiser ver as molduras. Bem, vou torná-la mais forte porque é mais fácil para você acompanhar Vou desenhar meu segundo quadro. Vai ficar um pouco mais perto. Quero arredondar um pouco essa esquina porque sei que eventualmente esse diamante, que tem 90 graus quadrados, será um círculo. Quero que os cantos sejam progressivamente mais arredondados e , sob próximo quadro, fiquem ainda mais próximos qualquer momento. Se você quiser apagar com o mesmo pincel que está usando para desenhar, basta selecionar o pincel e segurar a borracha por muito tempo Ele colocará o mesmo pincel na borracha. Você também pode apagar com a textura granulada. As bordas parecem naturais e, em seguida, passam para o próximo quadro. Atualmente, nosso arquivo está configurado em 12 quadros por segundo. Atualmente, temos quantos quadros? Temos três quadros. Pretendo finalizá-lo com 12 quadros. Talvez seis molduras para cobrir tudo, e depois outras seis molduras para fazer a borda voltar a zero Você sempre pode adicionar mais molduras ou excluir molduras conforme desejar. Se você errar o número do quadro, não é um obstáculo, é um pouco oval Então, vou apagar um pouco e continuar a partir daqui Este é o quadro cinco, eu acho. Sim, na verdade, esse é o quadro seis. Você sabe o que? Vou fazer apenas sete mais cinco, em vez de dividi-lo visualmente uniformemente, vai parecer que chega mais devagar e sai um pouco É muito útil ter a grade agora porque percebo que meu círculo está um pouco inclinado Vou levantar um pouco para trazê-lo de volta ao foco. Então, para esse quadro, eu estou cobrindo tudo, mas não cada pixel, porque senão você não conseguirá ver a textura. Não se preocupe se ele sair do limite. Podemos descobrir essa parte no final. Tudo bem, então agora eu vou começar a apagar. Na verdade, vou sair um pouco só para dar uma prévia da linha do tempo. Toque em, pronto. Então, na verdade , temos seis quadros. Acho que preciso melhorar minha matemática. Perfeito. Ele sai do lado de fora, fechando-se lentamente. Isso é ótimo. O que vou fazer é duplicar esse quadro No passado, duplicamos a faixa, o que criará outra faixa no topo Mas agora estamos duplicando o quadro. Apenas segure longamente o último quadro e clique em Duplicar. Isso nos dará a mesma moldura. Então, a partir daqui, podemos trabalhar para apagar a moldura. Estamos deduzindo a partir deste ponto. Não vou usar a tela cheia porque quero ter uma melhor visualização e contagem dos meus quadros, pois preciso trabalhar em minha matemática. Aí está. Estou lentamente na parte externa de nossa textura granulada novamente para tocar com o dedo, desfazer, segurar essa moldura e criar uma duplicata e depois destacar a Para trabalhar nisso, estamos praticamente apagando nossa textura verde rosa, mas, como você percebeu, deixei intencionalmente alguns pixels Ainda temos alguma textura visual em vez de um desaparecimento realmente limpo Venha aqui. Tudo bem, vamos pré-visualizar o que temos até agora. Se você quiser visualizar apenas uma seção da animação, basta usar dois dedos para ampliar até ver todos os quadros que deseja ver. No momento, está um pouco lotado porque ainda podemos ver as bordas irregulares Vou limpar isso um pouco tocando na torrada tostada, nos dois pedaços de torrada à direita, na linha do Isso nos permitirá selecionar vários conteúdos e, em seguida, manter qualquer um desses conteúdos na seleção. Grupo de sucesso. Agora temos todo mundo dentro de um grupo. Você pode excluir essa faixa vazia. Você realmente quer ter certeza de que nada mais sobrevive nessa faixa, porque se você excluir a faixa, a coisa toda desaparecerá. Agora, assim como anteriormente, criamos a máscara de recorte, vou manter esse grupo por muito tempo pressionado para o menu de contexto Mask Clipping Mask Isso praticamente cortará todas as bordas que caem fora do diamante Você pode ver que há linhas pontilhadas que indicam que essa é uma máscara de recorte da camada abaixo ou da faixa abaixo Quando visualizamos isso, fica muito mais limpo. Deslize com três dedos na sua linha do tempo para esticá-la. Vamos ver, essa parte parece ótima. Com a primeira rodada de animação concluída, estamos prontos para adicionar uma segunda cor. Você pode replicar o mesmo processo desenhando do zero, usando até mesmo um pincel e uma cor diferentes para adicionar mais interesse visual a ele Vou mostrar uma maneira diferente de fazer isso, que é duplicar em espera longa e duplicar Vou dar uma pequena pausa visual depois que a textura do grão rosa desaparecer Há alguns quadros simplesmente nada acontece durante o quadro. É quase como respirar fundo. Respirando fundo. Não parece muito óbvio na tela porque tudo acontece muito rápido. Dependendo da rapidez com que você deseja que sua animação se mova, você pode brincar com o tempo tornar o resto um pouco mais longo. Mesmo assim, aqui vou adicionar rotação a ela, porque agora tudo está exatamente igual. Vou apenas embaralhá-lo um pouco adicionando rotação Toque no movimento e na escala do indicador de reprodução e, em seguida, toque no quadro-chave para adicionar uma rotação Como essa é uma forma de diamante, vamos apenas girar com base em múltiplos de 90 graus de 90 Subimos um pouco, o que é bom. Ok, volta atrás. Porque não há quadro-chave. Vou voltar a esse ponto exato para mover meu quadro-chave. Vou excluir o primeiro quadro-chave porque não quero que as coisas girem enquanto estão em movimento No momento, ele está girando entre esses dois quadros-chave. Eu só quero que tudo gire uma vez e depois continue assim Você não vê o movimento de rotação, você apenas vê o resultado da rotação. Vamos dar uma olhada dessa forma em que duas partes da animação não parecem idênticas. Também posso recolorir tocando no filtro do indicador de reprodução HSB para alterar a Quem eu amo essa cor novamente, vou excluir o primeiro quadro-chave segurando e depois excluindo o quadro-chave Dessa forma, não há mudança de cor entre esses dois quadros-chave. Será apenas uma cor o tempo todo. Quando sua faixa de quadro-chave tem apenas um quadro-chave, tudo escuta somente esse quadro-chave Então, isso vai ser muito interessante. Aqui vamos nós. Agora temos nossa citação animada. Nos vemos na próxima lição. 7. Aula 5 Tango | aplicando várias faixas de quadros-chave no Procreate Dreams: Bem-vindo a uma nova aula. Espero que você esteja super inspirado e talvez já tenha 50 quadros-chave de experiência em seu currículo. Nesta lição, vamos fazer essa animação. Este é, sem dúvida, um dos meus favoritos. Deixe-me ir mais devagar para você. No início da animação, há dois círculos esperando do lado de fora. E então, lentamente, eles se movem enquanto mudam de cor. Eles permanecem nessa posição por um tempo e depois voltam para a posição inicial. Tem muita coisa acontecendo. Embora pareça bem simples, deixe-me ampliar e jogar mais algumas vezes para que possamos dar uma olhada mais de perto. Além disso, há textura granulada de neve de confete. Tudo bem, agora entendemos nosso objetivo. Vamos entrar em nosso modelo e começar a criar. Aqui estamos dentro da nossa animação. Vou começar importando nossa forma de círculo do procreate Basta pegar o procrete e arrastá-lo e soltá-lo ao lado de Procreate Dreams já tem o arquivo certo aberto e eu quero encontrar minha camada dentro do painel de camadas e depois arrastá-la e soltá-la no palco ou na linha do tempo. Então eu vou fechar a procriação. No momento, eu o tenho cobrindo parcialmente a linha do tempo. Vou apenas arrastar a borda esquerda até que ela preencha tudo Em seguida, segurarei a grade para movê-la para cima. E talvez até mude o modo de mesclagem para que eu possa ver melhor. No momento, o modo de mesclagem é DC, que significa cor mais escura Não é muito útil porque está evitando a laranja. Eu vou optar por multiplicar. Isso nos permitirá ver tudo. Como você pode ver, isso não está bem no meio. Tudo bem porque nossa animação é como se o círculo não fosse o pai. , no centro, vou fazer uma cópia da primeira faixa, a faixa circular é mantida até que você veja o menu de contexto, Opções de faixa e Duplicar imediatamente, vou dar a ela uma cor diferente Toque no rabisco para desenhar e, em seguida, basta arrastar e soltar uma cor diferente Agora podemos diferenciá-lo. Vou sair desse modo de desenho porque ele não permitirá que eu selecione o toque feito no canto superior direito. Agora você pode tocar em qualquer forma para movê-la. Eu só vou movê-lo horizontalmente. Aproximadamente a borda, a borda esquerda do círculo azul toca a da linha na grade Eles estão aproximadamente no meio. Em seguida, vou mudar o modo de mesclagem para que possamos ver a terceira cor quando elas se sobrepõem Segure por muito tempo a faixa superior, no modo de mesclagem. Sim, multiplique. Parece bom. Eu vou fazer isso. Deste ponto em diante, eu realmente não preciso da grade para essa animação em particular, então vou desligá-la. Não é de certa forma, esse é um momento chave para nossa animação. Se você se lembra, esses dois círculos realmente permanecem nessa posição por alguns quadros antes de se afastarem. Vou praticamente pedir que procrie sonhos que se lembre dessa posição, dando-lhe um quadro-chave Toque no indicador de reprodução, mova, mova e escale. mesmo vale para o segundo círculo, movimento e a escala do playhead Certifique-se de que esses dois quadros-chave estejam alinhados. Em seguida, vou adicionar outro, apenas alguns quadros depois disso. Quando você toca nele pela primeira vez, ele não está destacado, está perguntando se está aqui? E então você toca nele novamente. Sim, está aqui. Aí está. Esses dois quadros aqui são idênticos, funcionalmente. Estamos pedindo que os sonhos procriem que os mantenham em posição entre esses dois quadros Então, podemos realmente ir ao início para definir nosso primeiro quadro. Nesse caso, vou mover isso para fora apenas na forma e começar a me mover. Você pode ativar o encaixe segurando um segundo dedo na tela Essa é a nossa moldura aqui. Então eu vou fazer a mesma coisa com a laranja também. Em seguida, vamos até a linha do tempo final e LR para adicionar um quadro-chave O azul se apaga. O laranja também sai para a esquerda. O azul sai para a direita. Agora podemos pré-visualizar nossa animação. Fique no meio por alguns quadros e depois eles se separam. Assim como o que fizemos antes. Para suavizar a animação, adicionarei a faixa de movimento e escala. Mantenha o espaço vazio entre os quadros-chave, defina todas as atenuações para dentro e para fora. A mesma coisa para o outro círculo tudo entrando e saindo. Você pode ver que o movimento é muito mais cremoso. Há uma progressão lenta, em vez de linear. Vou dar um pouco de destaque à cor de fundo, tocar no código de tempo à esquerda, tocar na cor de fundo Talvez um pouco esbranquiçado. Ok, bom. Vou deixar as coisas assim. Agora vamos adicionar mais ação à nossa cena alterando as cores. Vou para qualquer lugar em qualquer um dos círculos, o filtro Type on Playhead e, em seguida, HSB, que significa matiz, saturação Então, a partir daí, vou mudar de cor. Talvez esse roxo, sim, isso pareça bom. Um pouco mais quente que o verde, que o azul. Vou ficar lá e depois adicionar outro quadro-chave O. Isso é bom. Você não pode adicionar quantos quadros-chave quiser. A desvantagem é que é um pouco difícil ver quando as coisas estão fora da tela Você realmente não pode dizer a verdadeira cor disso porque está esmaecido. Mas tudo bem. Vou jogar um pouco de O, isso é muito bom. Agora, vou passar para o outro círculo para mudar as cores. Toque no indicador de reprodução em qualquer lugar do filtro da linha do tempo, HSB. Em seguida, na mesma faixa, basta tocar em um local diferente até que ela seja destacada. Em seguida, outro. Nesse ponto, eles não precisam alinhar a cor O alinhamento das cores não importa tanto nessa animação Em seguida, vou adicionar um último. Aí está. Vamos tocar novamente na prévia da faixa. Você pode dizer a qualquer momento qual é a cor do círculo. Assim como o que podemos fazer para facilitar nossos movimentos Você também pode adicionar atenuações a qualquer outra faixa de quadro-chave. Vou segurar por muito tempo a trilha do quadro-chave do HSB e, em seguida, adicionar a funcionalidade de atenuação. Isso fará com que a mudança de cor seja mais suave em vez de uma entrada e saída linear É muito sutil, mas realmente faz a diferença quando você presta atenção a pequenos detalhes como esse. Já temos duas variáveis independentes em nossa animação. Vou adicionar um terceiro adicionando ruído ao golpe. Vou tocar em qualquer um dos círculos. Na verdade, eu vou para algum lugar no meio da linha do tempo Eu posso ver os dois círculos tocarem claramente no indicador de reprodução e depois filtrar o ruído Inicialmente, nada está acontecendo. Você pode aumentá-lo. Deixe-me ampliar para que você possa ver melhor. ícone de ruído tem esta aparência, o que é bastante apropriado. Você pode jogar com diferentes abas e controles deslizantes para coisas assim É muito mais fácil se você aprender visualmente do que eu explicar o que essas palavras significam. Ok, eu vou continuar com isso. Vamos dar uma olhada em nossa configuração para o ruído. Vamos fazer algo muito parecido com o primeiro quadro-chave, mais ou menos por aqui. Em seguida, vamos adicionar outro. Na verdade, podemos simplesmente mover este até o fim. Temos apenas dois quadros-chave para o ruído. Você ainda pode ver os movimentos, o que é muito legal. Novamente, no grande esquema das coisas, é bem sutil. Toque no filtro do indicador de reprodução Ruído. Novamente, vou mover o segundo quadro-chave de ruído até o final e talvez até aumentar a quantidade do primeiro quadro-chave. Vamos jogar. Aí está. Eu adoro a textura com o ruído. Tudo bem, temos três animações independentes em andamento. Temos movimentos, cores e ruídos. A próxima coisa que vou fazer é adicionar um pouco de neve à cena. Eles são como o ruído de confete que vemos na animação de amostra É muito semelhante à colcha animada que fizemos Vamos desenhar a textura manualmente. Vou criar uma nova faixa, tocar no círculo superior, depois adicionar e depois rastrear. Isso nos dará uma nova faixa vazia no topo. Vamos começar a desenhar. Vou entrar no modo de desenho. Na verdade, vou fazer isso em tela cheia. Temos o acesso ao flip book. Podemos movê-lo segurando este pequeno ícone de guia. Na verdade, não é um ícone, essa alça de guia. Para movê-la, vou deixar a cor um pouco mais proeminente. Você pode ver mais contraste no pincel. Vou escolher um dos meus próprios pincéis. No pacote de pincéis Gentle Speckles, é esse chamado Gentle Speckles A razão pela qual é chamado de Wild Card é porque ele muda ligeiramente de cor . Se você ampliar muito de perto, poderá ver que a cor que escolhemos é rosa. Mas dentro dessas manchas, existem diferentes tons de rosa Isso só nos dá mais profundidade. Esse é o nosso primeiro golpe. Eu vou para o próximo, basta fazer um muito simples. Vou continuar assim até talvez tenhamos seis ou sete quadros. É realmente terapêutico. Se você quiser fazer mais, enlouqueça. Tudo bem? Vou clicar em Concluído. Aqui na nossa linha do tempo, você pode ver que temos oito quadros. Vou agrupá-los em um grupo. Toque na linha do tempo no ícone e desenhe através dela. Em seguida, segure longamente um dos quadros e, em seguida, pressione grupo e exclua a faixa abaixo O que vamos fazer é continuar replicando isso até que preencha toda a linha do tempo Segure esse grupo, duplique e segure o segundo até que ele seja preenchido. Não importa se não funciona perfeitamente. Por exemplo, o quinto grupo foi cortado pela metade. Tudo bem, porque você não conseguirá notar a diferença, tudo fica muito parecido. Vou selecionar todos esses grupos novamente e formar um grande grupo. Este é um grupo duplo. Agora temos toda essa textura de ruído contida em um grupo. Então eu quero deletar essa faixa vazia. A razão pela qual eu quero que isso contido em um grupo é porque vou mudar o modo de mesclagem. Eu posso fazer isso cerca de 50 vezes para cada quadro individual, ou posso agrupar tudo de uma vez e fazer isso apenas uma vez. Quando eu o seguro por muito tempo, posso tocar no modo de mesclagem e simplesmente percorrer as diferentes opções. Vou ampliar para ver a interação das cores. É muito bom, isso é muito legal. A textura do lado de fora parece rosa e a área sobreposta parece verde . Isso é muito fofo. E então você pode continuar até o fim e depois decidir onde quer ficar Eu vou usar Divide porque gosto da ação de destaque que está acontecendo aqui Agora vamos pré-visualizar nossa animação. R. Tudo bem, espero que você tenha se divertido. Esta é a nossa animação para círculos de dança. Nos vemos na próxima lição. 8. Aula 6 Ruído dos sonhos | efeitos de desfoque e ruído no Procreate Dreams: Trabalhamos muito e vou desacelerar um pouco nesta lição para criar essa animação sonhadora, fácil e relaxante É super simples, provavelmente o mais fácil de todos. Vamos até o modelo dessa animação. Na verdade, não precisamos da rede, vou apenas desligá-la. Vou criar um novo T para o meu desenho. Se você se lembra, todos os blocos de cores diferentes são desenhos. Vou para o modo de desenho, até mesmo em tela cheia para poder ver o flip book Mas vamos fazer apenas uma moldura. Basta escolher sua cor favorita e usar seu pincel favorito. Comece a desenhar. A única coisa a lembrar é cobrir uma área maior do que você acha necessária. Aqui está o tamanho do nosso palco. Eu vou mais longe porque quando você move as coisas, você não quer que o espaço vazio apareça. Você pode aumentar seu pincel para ser mais eficiente e depois criar suas cores gradualmente. Tecnicamente, você pode criar mais camadas tocando no painel de camadas aqui para adicionar mais Mas para essa animação, uma camada é o que eu preciso. Vou dar uma volta e continuar desenhando. Você pode variar o tamanho do pincel para criar looks diferentes. Ok, assim. Talvez eu queira adicionar algumas tiras mais finas no meio. Não há maneira certa ou errada de fazer isso. Todas essas cores ficarão borradas em uma bolha colorida É muito, muito difícil errar. Você pode até mesmo adicionar em cima da cor original, apenas uma camada. Se você já fez alguma das minhas aulas de ilustração, sabe que eu realmente defendo o maior número possível de camadas Por exemplo, é muito raro eu desenhar tudo em uma camada. Ok, eu vou parar por aqui. Eu posso fazer isso para sempre. Pressione Concluído para sair do modo de desenho. Agora terminamos de colorir. Como você pode ver, a área colorida é quase quatro vezes maior que o palco. Vou clicar em Concluído. Então temos esse pequeno quadro em nossa linha do tempo. O que vou fazer a seguir é usar o modo de formulário. Tecnicamente, você pode simplesmente continuar plantando os diferentes quadros-chave para o movimento, mas, neste caso, queremos apenas que as coisas se movam Não há um momento específico que precisemos ter em mente. Eu só vou bater nesse círculo para gravar. Assim que você tocar nele, ele se transformará em um retângulo ou quadrado no canto superior esquerdo Tem um círculo piscando, indica que está pronto quando você estiver Vou usar apenas um dedo ou minha caneta para movê-lo. Assim que meu dedo ou caneta tocarem na tela, ele começará a gravar Você verá que o cronograma será preenchido rapidamente. Eu só vou me mover muito lentamente. Tudo bem? Como você pode ver, já temos nossos quadros-chave automaticamente. Adicione isso. Vamos jogar. Está ótimo até agora. Se você quiser ajustar o movimento, basta tocar com dois dedos na tela para desfazer e, em seguida, tocar no quadro original enquanto o modo de execução ainda estiver ativo e você alterar o movimento. Aí está. Você também pode alterar o modo de reprodução. No momento, está rodando. Quando você toca no nome do seu projeto, ele vai para a linha do tempo Você pode mudar para loop, pingue-pongue ou apenas uma tacada. Eu vou jogar pingue-pongue. Porque eu sei que meu último quadro realmente não corresponde ao meu primeiro quadro. Quando eu faço Ping palm, o salto parece menor. Aí está, um pouco melhor. Quando os quadros-chave estão muito próximos, você também pode separá-los. O movimento não é muito repentino entre esses quadros-chave. Tudo bem? Essa é a aparência geral. Vou acrescentar algumas coisas além disso. Primeiro, vou sair desse modo de execução. Toque na toca e, em seguida, toque no ícone do indicador de reprodução. A primeira coisa que vou fazer é adicionar desfoque a toda a cena Toque no filtro e depois desfoque. Depois, você pode simplesmente aumentar a quantidade de desfoque. Você pode adicionar uma quantidade diferente de desfoque à faixa se quiser que o nível de desfoque mude. Se você quiser ficar apenas em um nível desfocado, basta excluir o primeiro quadro-chave Ele permanecerá consistente por toda parte, o que é o meu caso. Vou deixar o desfoque permanecer no mesmo nível, mas animar o ruído, toque em qualquer lugar do desenho e, em seguida, no ruído do filtro do indicador de reprodução, vou animar o ruído vou animar o Vou ampliar um pouco para que você possa ver melhor. Porque o ruído é muito sutil e você quer que seja assim. Vou aumentar a quantidade que você pode realmente experimentar para ver qual é o seu nível de ruído ou padrão de ruído favorito. Ok, isso parece ótimo. Eu vou declarar aqui. E então, basta mover o segundo quadro-chave de ruído até o final. Talvez até mesmo ajuste o primeiro quadro-chave para um valor mais forte pois cada tipo de quadro-chave é independente um do outro Você pode continuar adicionando itens a essa lista. Você pode fazê-lo girar ou mudar a escala, ou fazer qualquer balé no Você pode adicionar todos os tipos de animação uns sobre os outros para atingir qualquer objetivo criativo que você tenha. Mas, basicamente, foi assim que fiz essa animação de streaming de ruído. E nos vemos na próxima lição. 9. Aula 7 Snowball | Animação celular no Procreate Dreams: Bem-vindo a uma nova aula. Nesta lição, vamos criar essa animação juntos. Temos algumas coisas acontecendo no começo. Temos essa bola de neve que está rolando para baixo. Temos essa colina que está crescendo ligeiramente para cima, para a direita Então, finalmente, nossa bola de neve caiu da tela e voltou do outro lado até que toda essa cor laranja cobrisse toda a cena Então, eventualmente, depois de algumas molduras, esse cobertor laranja também começa a se mover sozinho com um pouco de textura sombreada Então esse é o fim da nossa animação. Vamos assistir algumas vezes. Tudo bem, agora que temos uma ideia geral de como a animação vai ficar, vamos ver nosso modelo. Aqui estamos, dentro do nosso modelo. A primeira coisa que notei é que nosso modelo tem três segundos de duração e nossa amostra de animação anterior tem 2 segundos. Para alterar a duração, você pode tocar no nome do seu arquivo e depois acessar Propriedades. Em seguida, digite a duração e, em seguida, você pode digitar a nova hora em que está pensando. Para nós, queremos que sejam 2 segundos e depois clique em Concluído. Agora temos um período ativo de 2 segundos. A primeira coisa que vou fazer é mudar a cor de fundo. Vou escolher algo que seja escuro. Contanto que sua cor contraste bem com a cor do seu cobertor, tudo Vou usar algo assim e depois tocar lá fora. Na verdade, essa animação é muito semelhante à colcha animada em que trabalhamos Vamos começar a desenhar criando uma nova faixa. Toque no sinal à direita e depois clique em Rastrear. Vou mover a grade acima para que possamos vê-la o tempo todo. Em seguida, vou para o modo de desenho, toco no rabisco e, em seguida, escolho a cor que eu quero para o Vou usar essa cor laranja e depois escolher um pincel. Nesse caso, eu realmente gosto desse pincel nativo chamado Blackburn Isso é abaixo, creio eu, de desenhar Se você rolar para baixo, deverá ser capaz de ver desenho ou pintura. Eu gosto dessas duas pastas que têm toneladas de pincéis de textura muito fofos Vou usar esse pincel, tocar nele e tocar em qualquer lugar externo para sair da biblioteca. Quero ter certeza de que o indicador de reprodução está no primeiro quadro antes de começar a desenhar Vou desenhar um pequeno canto e depois passar para o próximo quadro, se você quiser Você pode acessar o flip book em tela cheia. Vou diminuir o zoom só um pouquinho. Nesse caso, acho que também será muito útil ter a casca da cebola ligada. A casca da cebola lhe dirá onde fica a moldura de antes e depois. Basta tocar na linha do tempo e mostrar a casca da cebola. Esta é minha primeira moldura, como você pode ver, porque eu não tenho uma moldura posterior. Não mostra a moldura depois. Isso. Faz sentido, certo? Toque na segunda moldura e continue desenhando. Cada quadro é um pouco maior que o anterior. Nesse caso, quero manter meu pincel bonito e grande para que eu possa preservar essa textura enquanto pinto. Se você quiser voltar a qualquer quadro para adicionar qualquer quadro intermediário, por exemplo, este foi rápido demais. Se eu quiser adicionar outro quadro aqui, basta tocar no quadro anterior e depois tocar no ícone de adição para adicionar um novo quadro Vou tocar duas vezes com o dedo para desfazer e continuar Acho que gostaria que essa animação fosse um pouco mais instável. Mover-se rápido é o caminho a percorrer. E esse provavelmente será um dos últimos quadros antes essa cor laranja cubra toda a cena. Ok, vou tocar em Concluído no canto superior direito para dar uma olhada. Ok, parece bom. Parece que há uma área que eu perdi. Então, vou voltar a colorir essa área. Lembre-se de que, na animação de amostra, a cor laranja contém alguns quadros. Vou estender esse quadro para talvez o comprimento de quatro quadros para quatro ou cinco quadros. Antes de começar a mover esse cobertor, vou voltar para a tela cheia novamente. Em seguida, encontre uma moldura vazia. Comece a puxar o cobertor dessa direção para essa direção na E aqui está uma última parte. Ok, vamos sair e ver como é. Ok, o momento parece bom. Então, a próxima coisa que vou fazer é adicionar a textura de grãos brancos, como reflexos de neve, à minha cor laranja ou cobertor Eu só vou chamá-lo de cobertor. Há duas maneiras diferentes de fazer isso. A primeira maneira é adicionar molduras individuais acima das molduras e defini-las como uma máscara de recorte Nesse caso, você deve fazer isso quantas vezes, quantas molduras tiver. Nesse caso, são cerca de dez quadros. Temos que fazer isso dez vezes. Vou te mostrar algo um pouco mais fácil. Toque na placa para criar uma nova faixa. O que vou fazer é desenhar quadro por quadro, apenas a parte de destaque. E então agrupe toda essa faixa e transforme-a em uma máscara de recorte gigante como faixa Em vez de fazer isso individualmente, farei isso apenas uma vez. Toque no seu rabisco e escolha uma cor diferente, talvez essa branca Depois vou usar meu pincel verde, que é o que eu importei da minha própria coleção Adoro fazer pincéis. Talvez eu vá com isso. Se você quiser importar seu próprio pincel de procriar para procriar sonhos, é muito simples Apenas certifique-se de ter dois programas empilhados lado a lado Depois, basta acessar sua biblioteca de pincéis no procreate. Se você quiser importar um pincel individual, basta segurar aquele pincel e arrastá-lo para o palco. Por exemplo, como importamos a forma. Se você quiser importar o conjunto inteiro, você deve pegar o conjunto inteiro e soltá-lo no palco. A chave é soltá-lo no palco, porque se você soltá-lo na biblioteca, não colocará os pincéis individuais recém-importados dentro dessa pasta importada Se você importar o conjunto inteiro, eles ficarão na parte inferior da sua biblioteca de pincéis. Eu só vou fechá-lo. Opa, aí está. Vamos começar a desenhar nossos destaques. Vou voltar para me certificar de que tenho o pincel certo. Este é um pouco claro demais , então vou usar granulado. Ok, isso é melhor. Olha essa moldura. Eu já tenho alguma textura e quero limpá-la. Você pode apagá-lo ou ir até o flip book, tocar nele e clicar em Limpar quadro Agora temos uma estrutura limpa. Vamos começar a desenhar, então não se preocupe se ele estiver fora do limite. Isso é intencional porque, eventualmente, será uma máscara de recorte Ok, neste quadro, tudo foi coberto, então não precisamos de nenhum destaque. Vamos clicar em Concluído e voltar à nossa linha do tempo. Você pode ver que a parte inferior é a manta laranja e as molduras superiores da pista são os destaques Vou tocar na edição da linha do tempo para selecionar todos esses quadros e, em seguida, manter pressionada uma dessas opções e clicar em Agrupar Em seguida, vou tocar na minha linha do tempo. Adicione-o novamente para garantir que esse grupo não seja destacado. E então eu posso trazer o menu de contexto aqui. Queremos transformar isso em uma máscara de recorte, mas temos uma faixa vazia embaixo da qual queremos nos livrar, porque queremos que o destaque seja cortado na laranja, não na Por muito tempo, pressione a faixa vazia, Exclua a faixa. Então, podemos segurar nosso grupo por muito tempo e depois mascarar a máscara de recorte Vamos reproduzir esta seção da animação. Você pode ver que somente a área sobreposta aparece. Essa é a magia da máscara de recorte. Depois, podemos ir para o outro lado da animação, especialmente este quadro em que podemos começar a adicionar o sombreamento novamente. Vá para o modo de desenho e escolha uma cor diferente, talvez um tom mais escuro de laranja ou vermelho Em seguida, selecione seu pincel. Você pode usar uma textura diferente. Vou escolher o mesmo que vou começar a desenhar a partir daqui. É mais fácil acessar o livro de rodapé, porque podemos simplesmente tocar nos próximos quadros e navegar entre os quadros com facilidade. Vou seguir as bordas dessa laranja até que ela desapareça completamente. Clique em Concluído. Vamos fazer outra prévia. Ok, parece bom em termos de hora. Agora vou transformar esse, o grupo de sombreamento, em uma máscara de recorte Linha do tempo, edite, selecione todas e agrupe-as. Então, neste caso, eu quero mover este diretamente acima do objeto. Eu quero usá-lo para recortar a máscara em espera. Não mostra a lista inteira porque eu ainda a tenho destacada. Vou tocar na linha do tempo. edição segura a máscara de recorte dessa forma, vamos deixá-la limpa e limpa Ok, isso é muito legal. A próxima coisa que vamos fazer é adicionar nossa pequena bola de neve à costura Eu ia criar um novo, mas parece que já temos um aqui. Eu só vou tirar proveito disso. Você pode desenhar qualquer forma nativamente aqui. Mas vou importar nossa bola de neve da pré-criação. Basta deslizar para cima e empilhar. Pré-criar ao lado de Pré-criar sonhos. E encontre minha camada para simplesmente arrastar e soltar essa camada na cena. Quero ter certeza de que, neste momento meu indicador de reprodução está no início da minha linha do Então essa é a posição inicial que eu perdi. Ok, aqui, essa trilha branca é minha bola de neve Vou me certificar de que estou no primeiro quadro, depois vou pedir ao procreate dreams se lembre dessa posição, dando-lhe um quadro-chave Toque no indicador de reprodução, mova, mova e escale Vamos lá, temos um pequeno quadro-chave e depois passamos para o próximo. Adicione um quadro-chave e , em seguida, mova-o levemente. Observe que nossa animação de amostra tem sombreamento para nossa bolinha, mas vou fazer isso por último, adicionar outro quadro-chave Esse é o próximo quadro. Vamos fazer com que diminua um pouco. Continue adicionando um quadro por vez. Parece que nossa bola é bola para sair. Aí está. Está completamente apagado. Agora nossa bola de neve está fora do nosso quadro. Talvez a próxima moldura ainda tenha a chance de fazer uma pequena aparição aqui, então ela será completamente apagada por essa moldura. Vou apenas adicionar uma moldura ao quadro-chave para garantir que ele fique de fora. Vamos jogar. Ok, parece ótimo. Isso é um pouco diferente da nossa animação de amostra, porque nossa bola só passou pela cena uma vez antes de sair completamente da tela. Se você quiser que sua bola volte novamente, como na animação de amostra, eu começaria com uma bola muito menor. Vou fazer o movimento muito mais rápido, descendo a colina E então você teria tempo de voltar e rolar baixo novamente antes que a laranja cubra toda a cena. Agora vou adicionar sombreamento à nossa bola. Verifique se você tem uma faixa vazia acima de Toque em mais e rastreie. Aqui vamos nós. Vou começar a desenhar. Desta vez, vou usar azul claro para sombrear. Verifique se eu tenho o mesmo pincel de textura e, em seguida, toque para fora e comece a sombrear Agruparei esses quatro quadros em um grupo e excluirei a faixa vazia. Você realmente quer ter certeza de que a faixa vazia está totalmente vazia. Às vezes, ainda há coisas nela, especialmente se sua linha do tempo estiver ocupada. Então, eu quero, selecionei tocando na linha do tempo para garantir que ela não seja E depois mascarar aplausos, mascarar. Ok, parece bom para mim. Tudo bem, agora vamos pré-visualizar toda a animação. Na verdade, é um pouco perturbador porque fica aqui. Na verdade, nós realmente não precisamos disso depois disso, porque não vai sobreviver até o fim. Você pode simplesmente tocar no indicador de reprodução , depois nele e depois dividir Você pode simplesmente excluir a segunda metade. Exclua o conteúdo. Vamos pré-visualizar novamente. Agradável. Aqui está nossa pequena anuação em forma de bola de neve Espero que você tenha se divertido trabalhando nisso e nos vemos na próxima lição. 10. Aula 8 Porta mágica | Anime um grupo no Procreate Dreams: Bem-vindo a uma nova aula. Nesta lição, vamos construir uma porta mágica juntos. Imagine que a loja está conectada ao espaço. Tudo o que vier da esquerda desaparecerá no espaço à direita. Como você pode ver, se diminuirmos a velocidade da animação, esses círculos não apenas se movem da esquerda para a direita, mas também giram em torno de si mesmos Agora que temos uma ideia geral de como essa animação vai funcionar, vamos ver nosso modelo. Aqui estamos, dentro do modelo de procriar sonhos. A primeira coisa que vamos fazer é importar algumas formas que precisaremos para nossa animação. Vou empilhar, procriar os próximos dois sonhos, procriar e, em seguida, acessar minhas camadas para encontrar a camada mágica da porta para colocá-la O mesmo vale para o grande círculo. Então eu vou desligar a procriação. Observe que essas duas formas são maiores do que precisamos. Vou redimensioná-los agora. É melhor redimensioná-los quando você não tem quadros-chave na sua Caso contrário, você poderá adicionar acidentalmente a escala e a rotação como parte da animação Basta tocar na forma e redimensioná-la. A mesma coisa para a porta também. É muito difícil de ver porque é da mesma cor do plano de fundo. Vou recolorir para algo mais escuro. Aí está. Toque em concluído. Quando você terminar de recolorir, eu também vou girar a porta Toque na forma e depois no canto e pegue aquele pequeno cacho para girar Você pode adicionar um segundo dedo na tela para ativar o encaixe Vou posicionar um pouco a porta à direita. Na verdade, vou tornar o círculo um pouco menor. Opa, aí está. A próxima coisa que vou fazer é adicionar um círculo menor em cima do grande. Vou criar uma duplicata primeiro no menu Contexto, Opções de rastreamento e Duplicar Toque no círculo superior para recolorir. Apenas solte isso. Em seguida, vou tocar nele para poder redimensioná-lo. Agora, esse é um bom tamanho e vou posicioná-lo à esquerda, a julgar pela animação de amostra Eu sei que esses círculos se moverão juntos. Vou selecioná-los e agrupá-los. Toque na linha do tempo e, em seguida, selecione as duas faixas e segure e segure para agrupá-las. Em seguida, excluirei as faixas vazias criadas após a ação de agrupamento para que nossa linha do tempo não fique confusa Agora que eles estão dentro de um grupo, podemos começar a animar esse grupo Vá até o início da linha do tempo e toque no indicador de reprodução E adicione um quadro-chave para lembrar a posição inicial, mover, mover e escalar No momento, a posição obviamente não está onde queremos quando você a move. Isso substituirá as informações que temos agora. Em seguida, vá para talvez 23 ou três quartos do caminho para adicionar outro quadro-chave, esse quadro-chave neste momento Vou mover esse círculo pela tela, de fora para a direita, quando jogarmos. No momento, é o movimento básico de se mover pela tela. Se você se lembrar da animação de amostra, não apenas o par estaria se movendo pela tela, mas também giraria em torno de si mesmo Se você tocar no primeiro quadro-chave, poderá ver que o último parâmetro diz girar. Diz zero. Essa é a nossa posição inicial. Se você tocar no segundo quadro-chave e puder alterar esse número, vou defini-lo como talvez 400 e ver o quão rápido ele parece. Agora podemos jogar novamente. É muito bom se esfregarmos lentamente, você pode ver a rotação Depois, vou manter o espaço por muito tempo para definir todas as flexibilidades, tanto a rotação quanto o movimento parecerão um pouco mais suaves e sair com facilidade. Assim como a animação de fantasmas em que trabalhamos. Em vez de animar quatro grupos individuais, vamos animar apenas uma vez e criar E então, basta compensar as duplicatas na linha do tempo. Agora temos o primeiro grupo animado. Vamos criar opções de faixas duplicadas. Duplique algumas vezes até termos quatro grupos idênticos Se jogarmos agora, nada parece ter mudado. Isso porque esses quatro grupos compartilham as mesmas informações sobre tudo. Vamos compensar os grupos na linha do tempo. Sempre que você faz o deslocamento da linha do tempo, você só quer ter certeza de que todos os seus quadros-chave estão incluídos na linha do tempo ativa, que é o nosso caso Vou recolorir para a próxima etapa. Navegue na sua linha do tempo para ter certeza de que você pode ver o círculo que você vai recolorir O inferior é o primeiro círculo ou o primeiro par. O próximo seria o segundo. Vou desenhar e depois escolher uma segunda cor e depois arrastá-la e soltá-la. No momento, eu sei que esses dois círculos estão em um grupo. Vou expandir esse grupo para ter certeza de que só recolori a parte laranja , o segundo círculo E depois é só arrastar e soltar. E então expanda o terceiro para percorrê-lo , o terceiro, talvez esse verde. Bom. Então aqui vai o nosso último. Vou simplesmente cair um dragão no círculo. Como você pode ver, o contraste não é muito óbvio. Na verdade, também vou aplicar modos de mesclagem além disso. Vou manter meu grupo por muito tempo e depois vou para o modo de mesclagem. Para percorrer as diferentes formas de mesclagem, você pode reposicionar seu palco para poder visualizá-lo melhor Modo de mesclagem. Isso o torna visualmente mais interessante. Por exemplo, se eu continuar com isso, vamos escolher uma cor que seja um pouco mais óbvia. Por exemplo, este eu vou clicar em concluído. Antes desse último par entrar no espaço, ele parece marrom. Mas quando começa a se cruzar com a porta mágica, ela muda para azul Esse é o poder dos modos de mesclagem. Agora podemos pré-visualizar o que temos até agora. Deixe-me desligar a rede bem rápido para que não seja de certa forma , ok, legal. Agora temos um problema, porque nossa porta mágica deveria estar conectada ao espaço. Quando as coisas entram, você realmente não as vê novamente quando elas saem. Temos um pequeno problema aqui para resolver esse problema. A maneira mais fácil seria criar outra faixa no topo. E então basta desenhar com a cor de fundo que faixa superior estaria bloqueando nossa visão. Deixe-me te mostrar bem rápido, vamos até a melhor pista que temos. E então aperte este sinal de mais para adicionar uma nova faixa no topo. O que queremos é provar a cor de fundo. Na verdade, antes de fazer isso, vou mudar a cor do fundo porque é muito simples, não casca de cebola, a cor do fundo. Só um pouco de cor. Vou mudar para algo que esteja esbranquiçado e depois tocarei do lado de fora. Depois, vou provar essa cor segurando longamente em qualquer lugar para provar a cor. O que vou fazer é encontrar uma moldura em que o círculo saia pela porta Então, nessa trilha vazia, selecionarei uma escova textura semelhante à da porta. Eu vou talvez desenhar. E então Blackburn, essa evolução parece melhor do que eu vou colorir por Parece que estou levantando o par, mas na verdade estou apenas pintando a mesma cor de fundo na parte superior. Quando eu estava criando essa animação, pensei em muitas soluções, incluindo a criação de recorte e máscaras de camada E acontece que estou pensando demais. A maneira mais fácil é criar um bloco. Para bloqueá-lo, você sabe que, nos exercícios anteriores, sempre que desenhamos, ele preenche apenas um quadro Mas, nesse caso, queremos que esse quadro permaneça. Vou mover esse quadro até o início da linha do tempo Em seguida, segure longamente essa moldura e toque na duração do preenchimento. Eles ficarão cheios o tempo todo quando jogarmos agora, que nos dá o efeito que queremos. Perfeito, essa é a nossa porta mágica. Espero que tenham gostado de trabalhar comigo nesta animação, e nos vemos na próxima lição. 11. Lição 9 Trio | Máscaras avançadas de recorte e modos de mesclagem no Procreate Dreams: Bem-vindo a uma nova aula. Nesta lição, vamos criar essa animação juntos. Parece que há muitas coisas acontecendo. Vamos desacelerar. Inicialmente, temos três quadrados entrando em cena. Então eles ficam um pouco até fugirem, para cima ou para baixo Antes que a animação comece novamente, vamos assisti-la mais algumas Tudo bem, agora que você entendeu a ideia geral da nossa animação, vamos ao nosso modelo. Aqui estamos, dentro do modelo Procreate Dreams para a classe A primeira coisa que vou fazer é mudar o fundo para algo que esteja esbranquiçado. Basta tocar no código de tempo, na cor de fundo, em algo um pouco mais quente Em seguida, vou importar as formas que precisaremos. Deslize para cima para empilhar Procreate. Nos próximos dois sonhos procriativos, precisarei de alguns círculos e um quadrado Em seguida, neste pequeno quadrado, você pode simplesmente arrastá-lo e soltá-lo no palco. Você já deve estar bem familiarizado com isso. Essa pequena barra vertical pode ser muito escorregadia. Agora temos os sonhos de procriar em tela cheia. Vou desligar os círculos por enquanto porque vou me concentrar apenas nos quadrados Para a primeira fase da animação, darei uma cor diferente. Está bem contrastando, talvez esse azul escuro e depois apenas um dragão o solte Vou posicioná-lo no meio. Toque nele, certifique-se de ver a caixa delimitadora e eu a colocarei no meio Vou precisar de mais algumas duplicatas dessas opções de faixa quadrada e duplicatas Se você quiser que o movimento seja estritamente horizontal, basta segurar um segundo dedo. Quando você se move, ele ativa o encaixe, assim como a animação de abraços em grupo que trabalhamos no início da aula Em vez de animar do início da linha do tempo, vamos animar do meio Porque queremos procriar sonhos para lembrar essa posição Toque na linha do tempo. Reproduza, mova, mova e dimensione para adicionar um quadro-chave, mover e escalar Então, com isso feito, vamos até o início para definir a posição inicial. Nesse caso, ele deve estar fora da tela. Basta tocar no quadro-chave e verificar se ele está destacado e sair da tela. O mesmo para todos os três. Então, na verdade, vou até alguns quadros após o quadro intermediário para adicionar um quadro-chave idêntico. Pode parecer estranho, mas o que eu realmente estou fazendo aqui é pedir ao procreate que não faça nada posicionalmente do quadro dois ao quadro três Nada acontece visualmente. Parece que esses quadrados ficam no meio. Então eu vou movê-los para fora da moldura. Toque na faixa e, em seguida, toque nela novamente para destacá-la. Em seguida, o terceiro, que é o quadrado do meio, vou movê-lo para baixo. É mais interessante agora que devemos fazer os movimentos básicos. Eles vêm para o meio e depois se afastam. Vamos adicionar suavização às faixas de movimento. Defina todos os usos para usar na entrada e na saída. Outra coisa que eu quero fazer é adicionar um pouco de rotação, pelo menos para a peça quando elas entram no primeiro quadro. Como você pode ver, o último parâmetro diz girar. Você pode definir um número diferente. Vou escolher talvez 360, depois o mesmo para um quadrado diferente, 36360 Tudo bem, quando eu jogo agora, você pode ver a rotação acontecendo. Você também pode adicionar um número de rotação diferente para o último quadro? Eles estão girando quando saem do palco. 360 parece bom. Ok, agora parece que nossos quadrados estão prontos e em posição Vamos passar para nossos pequenos círculos. Vou desligar a rede por enquanto porque não precisaremos dela Também vou ativar a visibilidade de nossos círculos. Temos um casal aqui. Vamos trabalhar com isso um de cada vez. Primeiro, vou dar uma cor diferente para que não tenhamos problemas em vê-las. Talvez essa gota de dragão rosa. E depois, e eu vou colorir o segundo também. Talvez amarelo. Ok, ótimo. No momento, há apenas uma forma estática em toda a animação. Vou movê-lo usando o perform. Na verdade, vou escurecer o círculo amarelo por enquanto para que possamos focar no rosa. Eventualmente, esse círculo rosa será uma máscara de recorte para os quadrados Sempre que o círculo se sobrepõe a qualquer um desses quadrados, ele mostra a área em que o círculo não se sobrepõe aos Isso simplesmente não aparece. Deste ponto em diante, vou ver os quadrados como um grupo Vou tocar na edição da linha do tempo para selecionar as três faixas para agrupá-las. Depois de cada agrupamento, você verá as faixas MT. Gosto de excluí-las imediatamente porque o número de faixas é limitado em procreate dreams Não quero esvaziar a faixa para usar o recurso. Agora eu tenho todos os quadrados agrupados em um grupo. Na próxima etapa, vou mover o círculo acima do grupo, porque esse círculo será uma máscara de recorte As máscaras recortadas sempre ficam acima da mãe principal. Vou tocar no modo de execução e ir até o início da linha do tempo para simplesmente arrastar esse círculo Como essa será uma máscara de recorte, quero que esse círculo permaneça no topo desses quadrados o máximo que eu puder Então, com isso gravado, vou transformar oficialmente o círculo em uma máscara de recorte Basta tocar na máscara e na máscara de recorte. Se eu clicar em play agora, você pode ver o círculo quando ele se sobrepõe ao grupo Então, para exatamente o mesmo processo, vou adicionar outro círculo. Lembre-se de que importamos dois círculos. Vou ligar o segundo e talvez até alterá-lo para um tamanho maior. É mais interessante que movê-la acima de cada faixa principal e ter várias máscaras de recorte Vou mover esse círculo amarelo ao redor. Vá para o início da linha do tempo. Clique em Executar e comece a se mover. Ok, depois que os movimentos forem gravados, segure longamente o círculo amarelo e toque na máscara de recorte da máscara Você pode clicar em play para visualizar. Agora você pode ver os dois círculos. Vou tornar isso ainda mais interessante alterando o modo de mesclagem do círculo amarelo. Que quando o círculo amarelo e o círculo rosa se cruzam, dando a ele até mesmo uma cor diferente, uma terceira cor simplesmente percorre a lista Ok, parece bom. Você pode fazer um ajuste fino arrastando para um momento diferente quando as três cores se sobrepõem E então você pode alterar o modo de mesclagem para refinar as cores. Na verdade, eu gosto dessa laranja. Whoa, ok, vamos continuar com isso. Tudo bem, perfeito. Então essa é a nossa animação para esta lição. Espero que você tenha se divertido e vemos na próxima aula. 12. Aula 10 camadas infinitas | animação sem emenda no Procreate Dreams: Bem-vindo a uma nova aula. Nesta lição, vamos criar essa animação juntos. Vamos desacelerar para ver o que está acontecendo aqui. No início da animação, temos um conjunto de triângulos Eles se abrem como um conjunto de portas revelando um segundo conjunto. Em seguida, eles também se abrem revelando um terceiro conjunto que compartilha a mesma cor do primeiro conjunto Quando fazemos um loop dessa animação, parece que temos uma quantidade infinita de camadas. Agora que você entende a lógica dessa animação, vamos ao nosso modelo. Aqui estamos, dentro do nosso modelo. A primeira coisa que vou fazer é reduzir a linha do tempo para 2 segundos. Basta tocar no nome do arquivo. Em seguida, propriedades e, em seguida, duração e defina-a como 2 segundos. Agora vamos trabalhar com um cronograma muito mais curto. Para a próxima etapa, vou importar as formas de que precisarei Empilhe seus próximos sonhos de Percreate, vou precisar de um pequeno círculo e também do Eu sou um dragão caindo no palco agora. Eles são brancos sobre branco. Vou mudar a cor do plano de fundo. Basta tocar no código de tempo e depois na cor de fundo. Não conseguirei ver o plano de fundo na animação. Basta escolher algo que contraste bem com o branco. Eu vou continuar com isso. Antes de fazer qualquer coisa, vou recolorir o triângulo Puxe-o para fora da moldura para poder desenhar e, em seguida, basta arrastar e soltar a cor de uma só vez. Eu vou usar esse rosa. Eu sei que vou precisar de outra forma de triângulo. Vou pressionar longamente e depois rastrear as opções e duplicar. Vou colorir a de cima, talvez essa cor laranja. Basta arrastar e soltar. Ok, aí está. Então eu posso voltar para a linha do tempo. Vou tocar em Concluído no canto superior direito. Vou me concentrar primeiro nos círculos porque eles permanecem na mesma posição durante a animação. Vou cuidar deles primeiro e não pensar nisso depois. Faça com que as opções de rastreamento de longa duração duplicem até que você tenha quatro Em seguida, basta posicioná-los em quatro cantos diferentes aproximadamente mostrando aproximadamente a mesma quantidade. Em seguida, vou agrupá-los tocando na linha do tempo Editar. Selecione todos os quatro e agrupe. Vou apenas excluir as faixas vazias criadas após a ação de agrupamento Vou levar esse grupo até o topo porque sei que eles estarão sentados lá em cima. Em seguida, vou mover essa grade para cima. Eu poderei ver isso enquanto movo minhas formas. Vou mover esse triângulo para cobrir um lado da tela da moldura. Quero ter certeza de que está abordando esses dois pontos. Então eu vou escolher esse rosa. Vou precisar girá-lo em 90 graus, agarrar um dos cantos e ativar o encaixe segurando um dedo na tela Tudo bem, isso é bom. Eu vou agrupá-los. Toque na linha do tempo na seleção do grupo e o grupo I fará duplicatas Eu sei que preciso de três conjuntos de triângulos. Eu vou fazer isso algumas vezes. Certifique-se de não destacar a linha do tempo nela. Você pode ver o menu de contexto completo. Toque em Opções de rastreamento. Você faz isso algumas vezes até ter três conjuntos de triângulos E eu vou deletar essa faixa vazia aqui. Eu sei que o primeiro e o terceiro conjunto compartilham a mesma cor. Eu só vou mudar a cor do segundo conjunto. Toque no indicador de reprodução em qualquer lugar, filtre o HSB e, em seguida, altere as cores com base nisso Estou apenas vendo a prévia na linha do tempo para determinar a cor Se você quiser vê-lo mais de perto ou com mais clareza, você pode desativar a visibilidade do primeiro conjunto Você poderá ver a mudança de cor muito melhor. Está bem? Talvez algo assim. Ok, então vou excluir o primeiro quadro-chave gerado automaticamente para que haja apenas um quadro-chave HSB em toda a Então eu vou ativar o primeiro grupo novamente. Antes de animar, vou girar o segundo grupo em 90 graus. Agora eu posso ver esse segundo grupo, selecioná-lo e pegar a esquina e depois girar 90 graus. Provavelmente não se alinhará bem no meio porque inicialmente essa forma composta não estava alinhada com a Basta olhar para a grade para ter certeza de que ela está se cruzando com esses dois pontos Agora estamos prontos para adicionar um pouco de movimento. Não precisarei da grade para o resto da animação, então vou simplesmente desligá-la Agora vou expandir o primeiro grupo a ser animado. Eu sei que essa é a posição inicial exata. Vou adicionar um quadro-chave para pedir que procrie sonhos que se lembre desse movimento e escala para ambos os triângulos, movimento e Estou me movendo um pouco rápido nesta lição porque sei que muitas das etapas que já abordamos anteriormente, talvez um pouco mais da metade, vou adicionar outro quadro-chave nesse quadro-chave para os dois triângulos, elas se moverão completamente para elas se moverão Isso está pronto e destaque esse segundo quadro-chave. Em seguida, adicione suavização e segure por muito tempo o espaço vazio Defina as flexibilidades, entre e saia com facilidade. Tudo bem, se jogarmos agora, teremos o primeiro movimento de abertura, o que é ótimo. E então podemos fechar nosso primeiro grupo e destruí-lo. Eles só usam até uma faixa. Em seguida, trabalharemos em nossa segunda faixa. Vamos descobrir o momento em que completamente, o primeiro conjunto de triângulos está fora do nosso site, é quando o segundo conjunto começa a se abrir Eles ainda parecem ter a mesma cor do primeiro conjunto. Isso porque a recoloração acontece nesse quadro-chave Em vez de mudar a cor original, vou tocar no indicador de reprodução e adicionar movimento e escala para um dos triângulos em que estou trabalhando, o segundo G. Esse é o sanduíche, esse é o queijo entre os pães O segundo conjunto de triângulos se move e escala. Então eu quero que eles permaneçam assim e abram talvez alguns quadros depois. Para o segundo conjunto de triângulos, temos três quadros-chave Os dois primeiros quadros-chave são exatamente iguais. O que estamos pedindo que os sonhos procriem é mantê-los iguais até que digamos que sim, você pode mudar agora Agora vamos adicionar a alteração, selecionar o triângulo em que você está trabalhando para afastá-la. Esse é o terceiro quadro-chave. Ok, agora temos a moção de abertura feita para o segundo grupo. Novamente, adicionarei flexibilizações. Tudo bem, vamos ver o que temos. Tudo bem, essas são nossas camadas infinitas. Você pode alterar a velocidade do movimento de abertura alterando a distância entre os quadros-chave E isso pode exigir alguns ajustes, mas basicamente essa é nossa animação de camadas infinitas Espero que você tenha se divertido e nos vemos daqui a pouco. 13. Aspirador espacial | animação de quadros a quadros por quadros por Procreate Dreams v2: Bem-vindo a uma nova aula. Nesta lição, vamos construir juntos um vácuo espacial que funciona assim. No início de nossa animação, temos uma pilha de neve à esquerda e nosso aspirador à direita Lentamente, mas com segurança, nossa neve começa a crescer e se esticar e, eventualmente, é sugada para o vácuo e desaparece no espaço Observe que, no final da animação, também temos uma nova pilha de neve se formando à esquerda Quando fazemos um loop dessa animação, ela parece perfeita. Agora entendemos a lógica geral dessa animação. Vamos começar a trabalhar. Aqui estamos dentro do nosso modelo. Vou reduzir a linha do tempo primeiro tocando no nome do Em seguida, vá para propriedades e , em seguida, dure até 1 segundo. Como temos 12 quadros por segundo e vamos desenhar animação quadro a quadro, cada segundo adicional equivale a 12 quadros. Só precisamos de 1 segundo para finalizar nossa animação. Vou apenas refletir aquele toque feito na esquina. Agora só precisamos trabalhar com 1 segundo. Para a próxima etapa, vou alterar a cor de fundo tocando na cor fundo do código de tempo Eu vou escolher algo azul acinzentado. Desde que essa cor contraste bem com a cor do vácuo e a cor da neve, você ficará bem Em seguida, importarei a forma para o meu aspirador. Vá para procriar e, em seguida, basta arrastá-lo e soltá-lo no palco ou na linha do tempo Vou estender esse vácuo por toda essa linha do tempo. E vou arrastá-lo para fora para recolorir primeiro, tocar, desenhar e depois ir para uma cor brilhante Então, estou pronto para redimensionar o aspirador. Vou torná-lo menor primeiro e depois vou usar meu lápis para girá-lo Ok. E depois mova-o para o lado. Essa é a posição geral do vácuo. Então eu estou pronto para desenhar minha neve. Vou começar com uma pista vazia. Toque no sinal de mais. E então eu sei que essa pista vai viver sob o vácuo, porque essa pista vai ter neve nela. E então você deseja excluir todos os caminhões vazios que você não vai usar. Em vez de desenhar desde o início, quero apenas marcar primeiro meu último quadro. Vou entrar no modo de desenho e escolher uma cor da minha neve. E escolha um pincel. Vou usar esse pincel preto que está sendo desenhado porque é bonito e fofo como a neve Então vou desenhar um pequeno rabo de coelho na neve. Essa é a última imagem que vou ver na primeira pilha de neve E então eu vou começar a desenhar no começo. Porque o desenho não vai ser super detalhado. Também preciso ver como estou me saindo em termos de cronograma. Não vou desenhar no modo de tela cheia. Em geral, você quer que a barriga da neve cresça mais rápido Também queremos que a altura da neve diminua com o passar do tempo Isso nos dá a ilusão da pilha se estendendo para a direita Sempre que terminar de desenhar uma moldura, basta tocar no espaço vazio ao lado para passar para a próxima moldura. Nossa pilha de neve está ficando cada vez mais fina. Então, eventualmente, você começa a ver a cauda da pilha. A cauda começa a desaparecer. Está ficando cada vez menor até o fim. Na verdade, eu quero que isso seja. Um pouco mais lento. Eu tenho a casca da cebola ligada para que eu possa sempre ver e comparar a moldura atual e a moldura anterior. Ok, agora vamos dar uma olhada. Vou tocar para baixo para sair do modo de desenho. Tudo bem, parece bom. E eu também quero adicionar a nova pilha de neve à cena. Toque em desenhar. Eventualmente, você quer que essa nova pilha cresça aproximadamente do mesmo tamanho do início da animação As mudanças não são muito drásticas. Ok, vamos ver o que está acontecendo aqui. Toque em Concluído e comece a jogar. Tudo bem? Parece que a neve está indo bem. Na verdade, vou desligar a rede porque não vou precisar disso Então, para a próxima etapa, vou animar o vácuo. Ao ativar o modo de execução, você também deseja ajustar sua filtragem de movimento, toque em modificar No nosso caso, queremos que nossa filtragem de movimento fique totalmente desativada Dessa forma, quando executamos ou sacudimos nosso vácuo, ele registrará mais movimentos. Mas se você tiver a filtragem de movimento totalmente ativada, ela registrará menos Os quadros-chave também tornarão seus movimentos mais suaves, o que não é o que queremos Queremos que seja baixo. Agora temos isso ativado. Temos a linha do tempo no início, podemos começar a gravar nosso movimento A propósito, eu também mudo o ângulo do palco. É mais natural que meu pulso se mova. Eu só vou fazer isso. Depois vou reproduzir a animação e ver o que temos até agora. Ok, nada mal. Se você observar a trilha de movimento e escala, não aproveitamos todas as oportunidades para fazer os movimentos. Podemos preenchê-los manualmente e, em seguida, tocar na posição e destacá-la para movê-la manualmente para um local diferente. Dessa forma, faremos com que nosso vácuo pareça mais poderoso. Basicamente, ele vai ter mais registros de movimentos. Ok. Muito melhor. Agora, concluímos nossos movimentos gerais. Vamos adicionar mais detalhes à nossa cena. Nesse caso, vou adicionar mais neve. Vou até o início da linha do tempo e criarei um caminhão vazio E eu vou usar essa pista para neve. Eu vou atraí-los. Você pode escolher uma cor igual à sua pilha de neve e também pode escolher uma cor criativa Vamos usar esse azul brilhante e ver o que podemos criar. Vou escolher um pincel de textura que eu importei. Este é um dos meus, chamado de manchas suaves. Esse pincel específico é chamado de Wild Card. Vou apenas desenhar em toda a cena. Como você pode ver, o motivo pelo qual é chamado de Wild Card é porque a cor muda Mesmo que você esteja usando apenas essa cor, vou usar amarelo apenas para torná-la mais brilhante Faça com que o contraste seja exagerado. Aí está. Depois, continue desenhando. Como só temos 12 molduras para trabalhar, vou desenhar todas essas 12 molduras. Mas se você tiver mais molduras do que gostaria de desenhar, você pode desenhar talvez de cinco a oito molduras. E então, basta agrupar esse grupo e duplicá-lo se quiser, você pode agrupar todo esse grupo e até mesmo alterar os modos de mesclagem Vamos ver, mude para queima linear. Se reproduzirmos nossa animação agora, é isso que temos. Aqui vamos nós. Temos um vácuo espacial. Espero que você tenha gostado desse processo e eu o encontre na última lição. 14. Aula 12 Sombreamento e destaques de | por tópicos no Procreate Dreams: Bem-vindo à nossa última aula. Nesta lição, trabalharemos juntos nessa animação. Eu chamo essa animação de encadeada. É por causa dessa pequena bolha que está enfiando e se movendo entre aquelas colunas cor-de-rosa Se você olhar de perto, também poderá ver um belo sombreamento suave que está projetando nas colunas inferiores Em termos de estrutura, temos quatro faixas principais. As faixas mais altas são a primeira e a terceira colunas. Então temos a pequena bolha embaixo dela. Então, abaixo disso, temos uma faixa apenas para o sombreamento. Na parte inferior, temos a coluna número dois e o número quatro. Essa é a nossa animação. Nos vemos no modelo. Aqui estamos dentro do nosso modelo pela última vez. Vou reduzir a linha do tempo para 2 segundos. Acesse as configurações e propriedades e selecione 2 segundos. Trabalharemos com um prazo muito mais curto. Então eu vou mudar a cor de fundo para algo mais escuro, talvez algo assim Em seguida, importarei as formas do procreate. Vou precisar de duas coisas disso. A primeira é a camada chamada listras. O segundo será o pequeno círculo. Você também pode desenhar a bolha à mão. Parece mais natural, mas vou usar o círculo para demonstração. Antes de começar a mover as coisas, mudarei a cor. Primeiro, vou puxar minhas colunas para o lado. Então eu vou atacar e soltar. OK. E pronto. E eu posso trazê-lo de volta. Eu sei que vou precisar de dois conjuntos de cópias. Vou apenas duplicar esse T e depois mover a parte inferior, a faixa inferior, para a posição das colunas número dois e número quatro Na verdade, vou dar uma olhada um pouco. O espaço parece uniforme. Tudo bem. Muito melhor. Eu sei que não vou precisar da rede. Vou simplesmente desligá-lo. Por uma questão de clareza, vou colorir temporariamente minhas colunas inferiores com uma cor diferente. Vou usar o filtro para adicionar um quadro-chave HSB. Vou simplesmente deletar toda a faixa do quadro-chave no final, para que a cor seja restaurada para a mesma cor, talvez algo ainda mais brilhante Ok, vou parar por aí e depois excluir o primeiro quadro-chave para que a faixa inteira permaneça da mesma cor. Agora teremos a coluna laranja no topo. E então teremos a pequena bolha como segunda faixa em ordem E então o terceiro será o sombreamento. Na parte inferior, temos nossa coluna número 2.4, na verdade. Agora, olhando para o contraste, esse amarelo não está indo muito bem contra o branco. Vou ter que ajustar para que isso seja melhor. Queremos uma cor que não seja muito escura porque adicionaremos o sombreamento se a cor for muito escura. Quando adicionamos sombreamento, é muito difícil ver. Ok, eu vou ficar com aquela laranja na parte superior, rosa na parte inferior. Agora podemos começar a criar nossos movimentos para a pequena bolha no meio Esta é a nossa posição inicial. Você pode até mesmo movê-lo ainda mais. Em seguida, vou adicionar um quadro-chave para lembrar isso. Sei que essa também será a posição do último quadro porque para tornar nossa animação perfeita, precisamos combinar o início e o fim Agora temos esses dois quadros-chave protegidos. Vou adicionar um quadro-chave central. Vou me certificar de que o movimento seja horizontal. Adicione um segundo dedo para ativar o encaixe. Isso não está indo muito bem. Eu só tenho que ser muito paciente. Aí está. Esta é a nossa segunda posição. Temos a bolha se movendo da esquerda para a direita e depois voltando novamente. Agora, concluímos nossos movimentos gerais. Vamos começar a desenhar o sombreamento. Vou até a trilha vazia que criamos embaixo do pequeno círculo E depois vá para o modo de desenho. E depois escolha uma cor. Vou escolher uma versão mais saturada desse rosa e começar a desenhar a partir daqui. Verifique se você ainda está no modo de desenho. Não se preocupe com as partes que estão excedendo o limite da coluna rosa, porque faremos uma máscara de recorte posteriormente, isso não será Você pode estender a escala da linha do tempo usando três dedos deslizando na Está apenas projetando sombra na coluna. Eu tenho a casca da cebola ligada, então posso referenciar o tamanho da sombra nas molduras anteriores. Deixe-me voltar. Ok, parece que podemos precisar de uma pequena sombra aqui. Em seguida, fazemos a transição para a coluna número quatro e continuamos desenhando assim. Agora estamos na metade do caminho. Pode ser útil mudar a cor da casca da cebola. Toque na hora em que a casca de cebola foi adicionada a frio e escolha algo que não seja da cor que estamos usando atualmente. Ok, muito melhor. Sempre que terminar, basta tocar no próximo espaço vazio para desenhar. Ok, agora estamos de volta na coluna número dois. Talvez faltem mais quatro. É útil manter um sombreamento consistente usando o mesmo tamanho de pincel Portanto, não troque o pincel até a metade. Esta é a nossa estrutura de descanso. Antes de clicar em replay, vou selecionar todos os meus quadros de sombreamento e agrupá-los em um único grupo agrupá-los em um único Exclua a faixa vazia abaixo, eu criarei essa máscara de recorte Selecione a linha do tempo e segure a faixa de sombreamento e, em seguida, mascare a máscara de recorte Dessa forma, não vemos o material extra. Você pode até mesmo jogar com os modos de mesclagem novamente, para ver se obtém outras cores interessantes além do rosa original que escolhemos. Bem, eu vou ficar com isso. Agora. Podemos ver nossa pequena bolha projetando sombras em Lembre-se de que alteramos as colunas rosa para rosa para que possamos diferenciar os diferentes grupos. Agora vou restaurar essa cor de volta ao original. Vou pressionar esse quadro-chave HSB para excluí-lo. Deste ponto em diante, podemos reconsiderar nossos modos de mesclagem, escolha, modo de mesclagem de longa duração e queremos escolher uma cor que tenha um melhor contraste com a camada abaixo Ok, isso é melhor. Eu vou continuar com isso. Você também pode alterar a opacidade Basta tocar na linha do tempo. Toque na opacidade do filtro Playhead. E então você pode diminuir a opacidade. Se você quiser que sua sombra fique um pouco mais suave, vou usar isso e excluir o primeiro quadro-chave Aí está. Ok, isso é legal. Você pode adicionar destaques interessantes acima dessa pequena bolha. Vou adicionar uma faixa vazia plus e, em seguida, vou desenhar sombras, a coluna número um e a número três Vou escolher uma cor de destaque, usar o mesmo pincel e começar a desenhar. Certifique-se de estar em De, novamente, basta desenhar uma luz alta muito simples. Na verdade, é o sombreamento das colunas acima que está se projetando sobre esse pouco, na verdade, não tem muito Deveria ser algo aqui. Você quer ir e voltar para verificar se cobriu todas as suas bases. OK. Novamente, estou usando o mesmo pincel e do mesmo tamanho, parece consistente. Vá até o final da linha do tempo. Em seguida, vamos agrupar nossas novas sombras em um grupo. Exclua a faixa vazia e crie uma máscara de recorte Certifique-se de não destacar a linha do tempo nela. Quando você faz a máscara de recorte, máscara de recorte, aí está Agora podemos ver um leve destaque amarelo. Você também pode fazer com que o destaque mude de cor criando um filtro HSB Por exemplo, é verde aqui, amarelo no começo. E então você pode adicionar outro. Bem, na verdade, você quer que seja amarelo no final, então aí está. E então você pode adicionar mais opções no meio. Ok, se jogarmos agora, isso é o que temos. É muito divertido, não é? Tudo bem, então esta é nossa última animação. Espero que você tenha se divertido.