Nas lições anteriores, aprendemos como criar animações usando transições de quadros-chave e camadas independentes. Eles podem ser usados para criar animações simples de objeto único e, por muito tempo, foram a única maneira de criar animações no Photoshop. Hoje vamos aprender uma nova forma de animar usando a linha do tempo . O método de linha do tempo é amplamente utilizado em muitos softwares de produção de filmes e televisão, como Premiere, AfterEffects, etc., incluindo Flash, que também utiliza esse método.
Existem muitas operações na animação de transição de quadro-chave que não mencionamos. Isso ocorre porque elas não têm nada a ver com o método da linha do tempo, e a linha do tempo será nosso principal método de fazer animações no futuro, portanto, iremos ignorá-las.
Para unificar os materiais, clique aqui para baixar o arquivo do material , descompacte o arquivo PSD e abra-o no Photoshop. Este é um arquivo sem configurações de moldura (você também pode usar as suas próprias). Conforme mostrado abaixo. Devido ao uso de camadas de texto, a opção de substituição pode aparecer devido à falta de fontes após abri-la. Basta optar por substituí-la pela fonte padrão. Embora a fonte padrão não seja bonita o suficiente, o efeito de ensino é o mesmo.
O arquivo PSD contém 3 camadas (sem contar a camada de fundo), duas das quais são camadas de texto e uma é uma camada de forma vetorial. Se você não sabe o que é uma camada de forma vetorial, significa que não domina bem o básico.
Clique no canto inferior direito da paleta Animação
botão para mudar para o modo de linha do tempo, conforme mostrado na figura abaixo. Leitores atentos notarão que o nome da paleta mudou para “Animação (Linha do Tempo)”, enquanto a anterior era “Animação (Quadro)”. O botão no canto inferior direito muda para
, clicar mudará para o modo de quadro original.
Deve-se observar que esses dois métodos são incompatíveis entre si, portanto não troque durante o processo de produção. Se você mudar por engano, poderá usar o comando desfazer [CTRL+ALT+Z] para restaurá-lo.
Na linha do tempo, vemos nomes de camadas semelhantes aos da paleta de camadas, e suas posições superior e inferior também são iguais às da paleta de camadas. Clicar na seta no lado esquerdo da camada expandirá todos os itens de animação da camada, ou seja, elementos que podem ser animados. Em camadas de naturezas diferentes, seus itens de animação também são diferentes. As chamadas propriedades diferentes referem-se a camadas comuns, camadas comuns com máscaras, camadas de texto, camadas de ajuste, etc. Todas essas são camadas de propriedades diferentes. Conforme mostrado na imagem à esquerda abaixo, o projeto de animação após a camada de texto "Go and Stay" e a camada de forma vetorial "Shape 1" são expandidas respectivamente. O que todos eles têm em comum é posição, opacidade e estilo. A diferença é que a camada de texto possui mais um item de "deformação do texto" e a camada de forma vetorial possui mais dois itens relacionados à máscara.
A produção de animação não pode exceder o projeto de animação da própria camada. Por exemplo, a "deformação do texto" não pode ser executada na camada de forma. No entanto, alguns itens de animação podem ser adicionados posteriormente. Por exemplo, após adicionar uma máscara a uma camada de texto, ela terá um item de animação mascarado.
Há um conjunto de números 0:00:00:00 no canto superior esquerdo da paleta, que é o código de tempo atual. Na extremidade direita, são milissegundos, segundos, minutos e horas. Geralmente apenas segundos são usados. Há também 30,00fps após o código de tempo, que é a taxa de quadros, indicando quantos quadros por segundo. Geralmente, o valor é um número inteiro e as taxas de quadros decimais são usadas apenas na edição de filmes e televisão.
Clique no canto superior direito da paleta Animação Clique no botão e selecione "Configurações do documento", e as configurações da linha do tempo mostradas abaixo à direita aparecerão. Aqui você pode especificar a duração total da animação e a taxa de quadros. De acordo com as configurações padrão, a duração total é de 10 segundos e 30 quadros por segundo, portanto o número total de quadros é de 300 quadros. Este é um valor bastante grande para animação na web. Ele ocupará um grande número de bytes quando produzido. não é propício à transmissão em rede. Agora alteramos a duração para 5 segundos e a taxa de quadros para 5fps. Uma vez confirmado, você verá o novo indicador de taxa de quadros na paleta de animação.
Conforme mostrado na imagem abaixo, se você expandir a paleta de animação horizontalmente, verá marcas de tempo como 01h00 e 02h00, em segundos. A extremidade direita da linha do tempo é a duração total de 5 segundos que acabou de ser definida. Arraste o controle deslizante apontado pela seta vermelha para a direita para ampliar os detalhes da linha do tempo. A linha do tempo ampliada está dentro da área da caixa vermelha. Você pode ver que existem sinais como 01f e 02f entre os segundos. A configuração que acabamos de definir foi de 5fps, portanto há 5 quadros a cada dois segundos. Embora vejamos apenas o máximo 04f, devemos saber que 05f na verdade se sobrepõe a 01:00. Portanto, é expresso como 01:00f, o que significa que é ao mesmo tempo o primeiro segundo e um quadro.
Observe que há uma linha fina menos visível entre as duas setas laranja. Este é o indicador de buffer de renderização. Outros softwares de edição de filmes e televisão também possuem esse indicador, mas seu papel não é muito importante no Photoshop. .