Antes de começarmos, deixe-me explicar as questões de reflexão da lição anterior. A chave do problema é que é difícil garantir que as trajetórias dos chassis dianteiro e traseiro sejam de fato unificadas, se pensarmos nisso de outro ângulo. , o problema se tornará mais simples. Não são 6 frames no total? Primeiro movemos os blocos nos 5 quadros restantes, exceto o primeiro quadro, para a mesma posição e, em seguida, movemos os 4 quadros restantes, exceto os dois primeiros quadros, para a próxima posição e assim por diante.
Em termos de operação, na verdade é primeiro selecionar os quadros 2 a 6, mover para a posição correspondente e, em seguida, manter pressionada a tecla CTRL para subtrair o quadro selecionado 2, mover os quadros 3 a 6 para a próxima posição e, em seguida, subtrair o quadro selecionado 3. . E assim por diante até que a especificação da posição do quadro 6 seja concluída. Esta é uma habilidade muito prática em operação. Não descreveremos as operações específicas. Se você tiver alguma dúvida, consulte o vídeo tutorial desta lição.
Atualmente, nosso método de produção de animação ainda é totalmente manual, ou seja, produzi-la quadro a quadro. Por exemplo, quando se trata do movimento de um objeto, estamos envolvidos na configuração de cada quadro do início ao fim. Este método pode trazer o máximo de intervencionismo, mas também torna a produção muito complicada, principalmente quando o número de quadros é grande. O que vamos aprender hoje é como usar transições de quadros para criar animações . O princípio básico é definir o quadro inicial e o quadro final de um determinado movimento e, em seguida, criar uma transição média entre esses dois quadros. Se for o movimento de um objeto, o quadro do ponto inicial e o quadro do ponto final do movimento são definidos primeiro.
Crie uma nova imagem, cerca de 150×150, crie uma nova camada e desenhe um quadrado, movendo-o para o canto superior esquerdo. Em seguida, copie 1 quadro, mova o quadrado para o canto inferior direito do novo quadro e defina a transparência da camada para 10%, aproximadamente como mostrado na imagem à esquerda abaixo. Em seguida, pressione a seta vermelha
botão, a caixa de diálogo mostrada na imagem do meio abaixo aparecerá. O método de transição na seta vermelha refere-se a qual quadro a transição é relativa. Como selecionamos o segundo quadro antes e há apenas 2 quadros no total, podemos. escolha o padrão "Quadro anterior", você também pode selecionar "Primeiro quadro". A quantidade de frames a serem adicionados refere-se à quantidade de frames que serão ocupados pelo processo de transição. Aqui é definido como 3. Então mais os 2 frames originais, o total desta animação será de 5 frames.
Como apenas uma camada (a camada de fundo não foi alterada) participa da animação, qualquer uma das opções de camada agora é aceitável. Mas se você não selecionar a camada de fundo, um fundo transparente será formado. Aprenderemos sobre a questão da transparência do fundo da animação no futuro. Preste atenção aos parâmetros da seta verde, que incluem “posição” e “opacidade”. Os chamados parâmetros referem-se às propriedades da camada para transição de animação. Já dissemos que a posição e a opacidade da camada podem ser animadas, o que é refletido aqui.
Após a confirmação, o efeito que você verá na paleta de animação é aproximadamente o mostrado na figura abaixo. Você pode ver claramente que a posição e a opacidade do quadrado mudaram uniformemente. Se os parâmetros "Posição" ou "Opacidade" foram desligados nas configurações de transição antes, obviamente não haverá efeito atual.
Este método de fazer animação usando o método de transição é relativamente simples. Precisamos apenas considerar o início e o fim de uma determinada animação, e o processo intermediário será concluído automaticamente. Nesse caso, os dois quadros no início e no final são chamados de quadros-chave (KeyFrame), pois determinam o formato da transição. No futuro também entraremos em contato com animações com múltiplos quadros-chave.
Muitos desenhos animados hoje também usam esse método de transição de quadro-chave. Embora as imagens dos desenhos animados sejam muito mais complicadas, o princípio básico é o mesmo. Porém, devido às características de transição uniforme, às vezes a imagem não é suficientemente vívida e carece de expressividade. Esta é uma limitação da funcionalidade do Photoshop.
Agora estamos diante de um novo tópico, que é como fazer a animação rodar em um loop perfeito, ou seja, de A para B e voltar para A. Só assim pode ser formado um ciclo completo, que é chamado de animação recíproca. . Para nossa animação atual, o processo de “voltar” pode ser realizado copiando e movendo quadros. Primeiro, copie o quadro 4. Após a cópia, o quadro 4 e o quadro 5 têm o mesmo conteúdo, e o quadro 5 original torna-se o quadro 6. Em seguida, mova manualmente o quadro 5 para trás do quadro 6, trocando assim a ordem dos dois. O processo é mostrado na figura abaixo. Pode-se observar nesta operação que nem todos os frames copiados aparecem no final, mas sim atrás dos frames originais. Esta característica deve ser observada.
Siga este método para copiar o quadro 3 para o quadro 7 e o quadro 2 para o quadro 8. Não é necessário copiar o quadro 1 para o quadro 9, porque o quadro 9 será o quadro 1 novamente após a reprodução e o conteúdo dos dois será o mesmo. Na verdade, ele reproduz o mesmo quadro duas vezes mais.
Quando a operação de desfazer atinge apenas 5 quadros, agora apresentamos outro método simples, ou seja, selecionar o quadro 5 e então executar a transição do quadro novamente, e definir o modo de transição para "Primeiro Quadro", o que significa começar a partir do quadro atual (quadro 5)) para fazer a transição para o quadro 1, basta manter o número de quadros adicionados em 3 ou definir um valor maior. Após a confirmação, você receberá uma animação recíproca. A imagem abaixo mostra o efeito da adição de 7 quadros.
Ao reproduzir essa animação recíproca, você encontrará um problema, ou seja, o bloco demora muito para “retornar”. É claro que isso ocorre porque usamos mais quadros para a mesma distância. Se o atraso do quadro 6 ao quadro 12 for definido como 0,05, será quase o mesmo de antes.
Você pode ter uma dúvida, ou seja, como o tempo geral é quase o mesmo, por que é necessário definir uma transição de 7 quadros? 3 quadros não seriam suficientes como antes? Isso envolve uma questão de precisão da animação. Como uma animação que expressa movimento, quanto mais quadros tiver, mais momentos poderá expressar, menor será a diferença entre os quadros e mais suave será o efeito geral da transição. Claro, também trará alguns inconvenientes na produção e armazenamento. Portanto, de modo geral, não é adequado definir um grande número de frames, desde que atenda às necessidades de visualização.
Este problema também existe na produção de vídeo e o princípio é o mesmo. Dissemos que o número de quadros por segundo em um filme é 24, então se você usar uma câmera de alta velocidade para gravar um filme a 48FPS e depois reproduzi-lo nos 24FPS habituais, o que veremos é uma imagem que é duas vezes mais lento que a velocidade normal do movimento. É assim que a câmera lenta é criada em filmes de ação.
Se um filme rodado com uma câmera comum deseja obter câmera lenta, é necessário estender o tempo de permanência de cada quadro. Para obter o efeito de ser duas vezes mais lento, o atraso de cada quadro deve ser ajustado de 1/24 a 1. /12, de modo que na verdade cada quadro Apenas 12 quadros são transmitidos por segundo, e a imagem terá uma sensação de batida mais óbvia. Portanto, a verdadeira câmera lenta não é “organizar normalmente, tocar devagar”, mas “disparar rápido, tocar normalmente”.
Da mesma forma, fotografia em baixa velocidade significa fotografar com uma taxa de quadros muito baixa e depois reproduzi-la normalmente para criar um efeito de avanço rápido. Muitas vezes é usado para filmar cenas que exigem uma longa espera e depois apresentá-las rapidamente ao público, como flores desabrochando, pôr do sol, etc.
O que você precisa dominar nesta lição é o método de usar a transição de quadros para criar animações e o conceito de quadros-chave. Ao usá-lo, preste atenção nas opções do método de transição. frame" ou o "primeiro quadro". De modo geral, o campo after é usado para criar "campos de retorno" para formar animações recíprocas. No futuro, as animações produzidas por todos deverão dar prioridade ao método alternativo para formar um efeito de loop mais perfeito.
Na próxima seção apresentamos o design thinking da animação.