Antes de começarmos, vamos primeiro explicar o dever de casa após a última aula, que é uma animação com dois objetos se movendo juntos. Os chamados dois objetos são na verdade duas camadas. Desenhe um quadrado e um círculo respectivamente, depois copie um quadro e mova as posições das camadas relativamente. Não é tecnicamente difícil.
Mas preste atenção ao nosso exemplo de animação. O círculo nele não se move no início, mas começa após um período de atraso. Isto significa que nos primeiros quadros apenas a camada quadrada precisa ser movida, não a camada circular. Depois que o quadrado se mover alguns quadros antes de você começar a mover o círculo, a paleta de animação ficará semelhante à imagem abaixo. Clique na seta vermelha para abrir as opções da paleta e definir você mesmo o tamanho da miniatura do quadro. na seta verde É o botão de passo de quadro. Clique para reproduzir um quadro de cada vez. Ele reproduz o quadro anterior. botão retorna ao quadro inicial.
Organizamos este exemplo para dizer a todos que uma animação mais complexa geralmente é composta de muitos objetos, e esses objetos podem não se mover todos (como se moverem) juntos. Por exemplo, ao fazer uma animação de um objeto atingindo outro objeto, o objeto atingido deve permanecer imóvel até que o objeto atingido entre em contato.
Anteriormente, fazíamos animações de deslocamento, que utilizavam a movimentação de camadas. Além disso, você também pode criar animações definindo diferentes transparências de camadas. Acredito que todos possam adivinhar o método de produção, que consiste em alterar o valor de transparência parcial na paleta de camadas em diferentes quadros. Agora crie uma nova imagem 100×100, crie uma nova camada e desenhe um quadrado. Em seguida, copie 5 quadros de uma vez e você verá que todos os 6 quadros têm o mesmo conteúdo. Altere o tempo de permanência de todos os quadros para 0,1 segundos, conforme mostrado na imagem à esquerda abaixo.
Em seguida, selecione o quadro 2 e altere a opacidade da camada quadrada para 80% na paleta de camadas, depois 60% para o quadro 3 e assim por diante até que o quadro 6 seja 0%. O efeito é semelhante ao mostrado abaixo à direita. Neste momento, ao jogar, você verá o efeito dos blocos desaparecendo gradualmente. Deve-se notar que através O botão para ocultar a camada equivale a definir a opacidade para 0%.
Uma grande diferença nesta produção é que alteramos o método original de copiar um quadro e configurá-lo imediatamente e, em seguida, copiar outro quadro após configurá-lo. Desta vez, todos os quadros são copiados de uma vez e, em seguida, os quadros são selecionados para configurações. Este também é um método de produção.
Durante a operação, não é difícil descobrir que a opacidade na paleta de camadas retornará a 100% quando outro quadro for selecionado. Isto ilustra o fato de que a alteração da opacidade de um quadro não afeta os outros quadros. Imagine novamente, se usarmos este método para criar o movimento inicial do bloco, o que acontecerá quando selecionarmos o próximo quadro após movermos a camada do quadro anterior?
Obviamente, veremos os quadrados voltarem à estaca zero. E se a configuração da posição da camada neste momento não seguir a trajetória do quadro anterior, um efeito de movimento suave não será alcançado. Portanto, este método de pré-construir todos os quadros e depois modificá-los não é adequado para animação de deslocamento, nem para outras animações. É usado apenas quando você precisa animar um determinado número de quadros.
Agora que dominamos duas configurações que podem produzir efeitos de animação, uma é a posição da camada e a outra é a opacidade da camada. Agora podemos usar ambas para criar uma animação que se move e desaparece. Isso pode ser modificado com base no fade simples agora. Ou seja, use um método simples, selecione um quadro e mova-o um pouco, e assim por diante.
Mas precisamos de um efeito de movimento da extremidade esquerda para a direita, o que significa que a posição inicial do bloco deve estar na extremidade esquerda, mas agora os blocos em todos os quadros estão no meio. Como “todos os quadros” estão no meio, vamos fazer com que “todos os quadros” vão para a esquerda. Selecione todos os quadros na paleta de animação, use a ferramenta mover para mover a camada para a esquerda e você verá que a posição dos quadrados em todos os quadros mudou.
Existe outra maneira. Todo o processo de animação pode ser visto como uma relação entre causa e efeito. Se você excluir uma camada do primeiro quadro, ela não existirá mais em todos os quadros subsequentes. Portanto , nas configurações de animação do Photoshop, o primeiro quadro é relativamente especial. Agora selecione o primeiro quadro e certifique-se de que "Spread Frame 1" esteja habilitado na paleta Layers, conforme mostrado pela seta vermelha na imagem esquerda abaixo. Em seguida, mova a camada e você descobrirá que os blocos em todos os quadros se moveram uniformemente, conforme mostrado na imagem abaixo à direita. Se "Propagate Frame 1" for inválido, apenas a posição do bloco no frame 1 será alterada.
Ambos os métodos têm seus próprios prós e contras. "Propagação do quadro 1" na verdade significa "propagação do quadro 1", o que significa propagar as alterações no quadro 1 para todos os quadros. O método de seleção de todos os quadros será um pouco problemático quando o número de quadros for grande, mas pode ser derivado do método de "selecionar determinados quadros". Por exemplo, quando você só precisa alterar os 3 primeiros quadros, você pode selecionar. os primeiros 3 quadros juntos e configure-os com certeza.
Deve-se notar que "Propagate Frame 1" ainda é eficaz mesmo se uma posição de camada diferente for originalmente definida para cada quadro. O efeito é equivalente às coordenadas em todos os quadros sendo deslocadas de acordo com o primeiro quadro.
Vamos falar novamente sobre a questão da seleção de vários frames. Já sabemos que se você quiser selecionar os 4 primeiros frames, você pode primeiro selecionar o frame 1 e depois manter pressionada a tecla SHIFT e depois clicar no frame 4, ou o oposto pode ser. feito. Mas se você quiser selecionar quadros descontínuos, como quadro 1, quadro 3 e quadro 4, você pode primeiro selecionar o quadro 1 ao quadro 4 de acordo com o método anterior e, em seguida, manter pressionada a tecla CTRL e clicar no quadro 2 para subtrair o quadro selecionado 2. . Repita a operação uma vez para adicionar o quadro de seleção 2. Se quiser selecionar quadros individuais que estão distantes, como quadro 2, quadro 11, quadro 17 e quadro 27, você pode primeiro selecionar qualquer um deles individualmente e, em seguida, manter pressionada a tecla CTRL para adicionar e selecionar outros quadros.
Após mover os blocos em todos os frames para a esquerda, basta definir a posição dos blocos quadro a quadro, ou seja, selecionar o 2º quadro para mover um pouco, e o 3º quadro para mover um pouco. Claro que existe um problema que já mencionamos, ou seja, é difícil garantir um movimento suave. Aprendemos no Photoshop que ao selecionar a ferramenta mover, você pode usar as teclas de seta do teclado para mover a camada 1 pixel por vez e usar a tecla SHIFT para movê-la por longas distâncias.
Agora vamos selecionar o quadro 2 e movê-lo com SHIFT+tecla de seta para a direita. Em seguida, selecione o quadro 3. Como o bloco neste quadro retornou ao ponto inicial, você precisa pressionar SHIFT + seta para a direita duas vezes. No quadro 4, é 3 vezes e assim por diante. As configurações são semelhantes às mostradas abaixo. O quadrado desapareceu no quadro 6, portanto nenhuma configuração é necessária.
Embora o método de utilização das teclas de direção para movimentação possa garantir a consistência da trajetória, sua limitação também é óbvia, ou seja, só é adequado para fazer trajetórias como horizontal, vertical ou ângulos de 45 graus. E se precisarmos de uma trajetória de movimento mais aleatória (como um arco), mas quisermos manter a suavidade? Claro, todos dirão que se você usar o método “copiar quadros e mover camadas” desde o início, não terá os problemas atuais, mas não se esqueça que é comum modificar a trajetória do movimento. Portanto, pense cuidadosamente sobre como operá-lo.