Depois de aprender como usar o método da linha do tempo para animar, concluímos a parte básica da produção de animação. Deve ser enfatizado novamente aqui que tome cuidado para não mudar para o modo quadro a partir do modo linha do tempo à vontade, porque isso fará com que a definição da linha do tempo se torne inválida. Se você cometer um erro, poderá usar o comando desfazer para recuperar.
Nas lições anteriores, ao usar a transição de quadros, havia 3 parâmetros (5 no caso de máscaras), nomeadamente posição, opacidade e estilo. Já sabemos que a posição é a coordenada da camada. Por exemplo, mover um texto altera a posição da camada de texto. A opacidade permite alterar a translucidez da camada. O chamado estilo refere-se ao estilo da camada. No básico do Photoshop, já aprendemos como definir estilos para camadas. Existem muitos parâmetros na definição de estilos que afetam diretamente o efeito final. Como altura da sombra, ângulo, etc. A maioria desses parâmetros pode ser usada como variáveis de animação. Consegue fazer animações muito boas.
Ao fazer trabalhos estáticos, o estilo de camada usado com mais frequência é a projeção, então vamos começar com a projeção e animá-la para ver o efeito.
Antes de fazer a animação, você deve primeiro ter uma boa ideia de como fazê-la. Essa ideia pode ser chamada de script. A configuração do script desta vez é fazer um círculo flutuar. Para mostrar objetos flutuando em uma superfície plana, você precisa usar a projeção para guiar a visão. Crie uma nova imagem em branco 100×100 e vá até as configurações do documento (clique na paleta de animação no canto superior direito botão) e altere a duração da animação para 1 segundo e a taxa de quadros para 15. Conforme mostrado abaixo. Esta animação tem um total de 15 frames. Deve-se observar que como o número do quadro começa em 1 e o horário começa em 0, o horário de início é 00:00, que é o primeiro quadro. Então o 15º quadro deve estar localizado no horário 00:14, e não 00:15. . Este assunto já foi mencionado anteriormente e será repetido aqui.
Crie uma nova camada e, em seguida, use o modo de preenchimento de pixel da ferramenta Elipse (não vetorial) para desenhar um círculo com uma cor personalizada e, em seguida, defina um estilo de sombra projetada nele. Conforme mostrado nas figuras a seguir, respectivamente.
As configurações acima estão todas definidas para 00:00 por padrão. Agora pressione o botão do cronômetro à esquerda de “Estilo” na linha do tempo. , ative esta configuração de animação. Mova o benchmark de tempo para 00:14 (ou seja, o último quadro), abra a caixa de configuração de estilo novamente e altere a "distância" nos parâmetros de projeção para 20 pixels. O efeito é mostrado na figura abaixo.
Parece que algo está errado. Isso ocorre porque embora a sombra se mova, o objeto não se move, portanto o efeito flutuante não pode ser expresso. Portanto, ao fazer tais animações no futuro, todos deverão prestar atenção ao fato de que objetos e sombras devem se mover em direções opostas ao mesmo tempo.
Agora volte ao início e abra o item “Posição” na linha do tempo. Então, às 00h14 (o item de estilo clicável para encontrar o momento) e mova o círculo um pouco para o canto superior esquerdo (você pode usar as teclas de direção do teclado). Nossa projeção é de 75 graus, então precisamos prestar atenção em mover mais para cima e menos para a esquerda, cerca de 2). :1. A distância do movimento não precisa necessariamente ser de 20 pixels. Cerca de 15 pixels são suficientes para obter o efeito desejado. O efeito modificado é o seguinte.
Esse script geralmente está concluído e podemos trabalhar um pouco melhor nos detalhes. Modifique as configurações de projeção do último quadro, altere a “Opacidade” da projeção para 45% e o “Tamanho” para 15 pixels. Isso torna a sombra embaçada e desbotada. Mais de acordo com a situação real.
Quando introduzimos o cenário do enredo antes, não defendemos esse tipo de “ir sem voltar”, mas deveríamos fazê-lo formar um movimento circular alternativo, por isso iremos modificá-lo a seguir.
Primeiro, altere a duração para 2 segundos nas configurações do documento e mantenha a taxa de quadros inalterada em 15, resultando em um total de 30 quadros de animação. Então, no último momento, os quadros-chave para o estilo e a posição da máscara vetorial são estabelecidos. Esses dois quadros-chave mantêm o estado no final da animação original.
Em seguida, clique com o botão direito nos quadros-chave no início dos dois projetos e selecione "Copiar quadro-chave", a seguir clique com o botão direito no quadro-chave no último momento e selecione "Colar quadro-chave". Dessa forma, o estado no horário final é consistente com o horário inicial. O efeito é mostrado na figura abaixo.
Agora sentimos que este círculo é muito monótono, como uma torta em vez de uma bola, então podemos adicionar um efeito de destaque a ele através do estilo de camada. Isso pode ser feito usando a sobreposição de gradiente. Retorne ao ponto inicial e defina o estilo de sobreposição de gradiente conforme mostrado abaixo à esquerda. Observe que o destaque padrão estará localizado no centro do círculo. Ao definir, arraste-o para o canto superior esquerdo da janela da imagem (o teclado não pode ser usado).
Neste momento, você já pensou em uma pergunta, ou seja, já ativamos a animação do item de estilo antes e agora adicionamos um novo item de estilo, então como esse novo item de estilo se comporta na animação? Definimos esse item de estilo apenas no início, e nas outras vezes? Reproduza a animação e você verá que conforme a animação avança, o efeito da sobreposição de gradiente desaparece gradualmente. Isso ocorre porque o item de estilo não está incluído no próximo quadro-chave (como você pode ver na paleta de camadas em 00:14), o que equivale a fazer com que a sobreposição de gradiente desapareça.
Agora, para tornar a sobreposição de gradiente sempre eficaz, você precisa adicionar este item de estilo em todos os quadros-chave. Mas este estilo envolve arrastar o mouse e não pode ser simplesmente reproduzido através de parâmetros como projeção. Portanto, se você quiser fazer as configurações sempre iguais, equivale a garantir que a ação de arrastar do mouse seja a mesma, o que não é realista. O Photoshop trata todos os itens de estilo como um todo e não fornece uma função de cópia para um único item de estilo. Portanto, é impossível adicionar sobreposição de gradiente mantendo o estilo de projeção da animação original.
O método mais viável agora é excluir o segundo e o terceiro quadros-chave do item de estilo. Deixe-o reanimar o projeto de projeção com base na inclusão de sobreposição de gradiente. A posição da camada não tem nada a ver com esta operação e não precisa ser alterada. O efeito concluído é mostrado na imagem abaixo.
Deve-se observar que ao usar sobreposição de gradiente, brilho e outros estilos que exigem que o mouse arraste a imagem para produzir efeitos na camada de máscara vetorial, é melhor não definir o movimento da camada ao mesmo tempo. Caso contrário, esses estilos poderão não acompanhar o movimento ao exportar para um arquivo. Isso pode ser devido a uma vulnerabilidade do programa no Photoshop.
Para resolver esse problema de não conseguir adicionar novos itens de estilo no meio do caminho, um método simples pode ser usado para resolver o problema. Ou seja, ao criar um estilo de camada pela primeira vez, ative todos os itens de estilo e salve alguns que não são usados. temporariamente A opacidade do item de estilo é definida como 0%, o que não afetará o efeito e tornará mais fácil reativá-lo no futuro. Mas você ainda não pode evitar o problema de redefinir cada quadro-chave. Portanto, isso deve ser totalmente considerado na fase do roteiro.
Atualmente, o estado da sobreposição de gradiente em três quadros é o mesmo. Podemos modificar o estilo no segundo quadro-chave e usar o mouse para mover o ponto de destaque formado pelo gradiente um pouco para o canto superior esquerdo para imitar a mudança na posição da iluminação causada pelo movimento da esfera. O efeito é mostrado abaixo. Na realidade, a sombra muda de forma diferente. Ela deveria se transformar em uma elipse ao longo da direção da luz. E quando uma esfera para em um plano, a altura da sombra não deve ser tão baixa, deve ter cerca de 5 a 8 pixels. Essas questões estão além do escopo desta lição.
A maioria dos estilos de camada pode ser animada, e sombras projetadas e sombras internas são usadas de maneiras semelhantes para expressar a tridimensionalidade dos objetos, assim como no exemplo que fizemos acima. Os efeitos do brilho externo e do brilho interno são semelhantes, ambos são usados para criar o efeito luminoso dos objetos. "Direção" e "Ângulo" em Bevel and Emboss não podem ser animados. Gloss pode criar animações mais irreais. A sobreposição de cores pode criar uma transição entre duas cores. A sobreposição de gradiente é um item de estilo que pode produzir uma variedade de efeitos, além do ângulo, escala e posição do movimento do mouse, mas também requer conhecimento básico de configuração de gradiente. Você pode assistir à introdução das partes correspondentes no tutorial básico.
No modo de traçado padrão nas opções de padrão e traçado, os modos de dimensionamento e mesclagem do padrão podem formar um bom efeito de animação. Você pode estudar o conteúdo específico por conta própria.
Esta tarefa é criar a animação de radar simulada mostrada na imagem abaixo.