Painel de curvas de animação

O painel de curvas de animação do Krita permite que os artistas animem os valores de algumas propriedades ao longo do tempo.

Ao animar um corte complexo, não é incomum querer animar coisas que seriam difíceis ou ineficientes de fazer apenas com desenho. Na animação tradicional com caneta e papel, que remonta à década de 1920, equipamentos de iluminação especiais e dispositivos específicos, como câmeras multiplano, eram usados ​​para criar efeitos especiais que mudaram a animação para sempre! Da mesma forma, o painel de curvas de animação do Krita nos permite animar mais do que apenas as linhas na tela, como a opacidade de uma camada ou a posição, rotação e escala de uma máscara de transformação.

Como a maioria das coisas pode ser reduzida a valores numéricos (por exemplo, a opacidade em porcentagem ou a posição de uma máscara de transformação), e como os computadores são excelentes em matemática e automação, podemos plotar e visualizar a variação dos valores ao longo do tempo em um gráfico 2D simples. Além disso, também podemos desenhar linhas e curvas que mostram ao computador como queremos que ele calcule os valores entre cada um dos nossos valores de quadro-chave plotados; uma técnica conhecida como tweening ou interpolação.

Visão geral

Conforme mostrado na imagem acima, o painel de curvas de animação do Krita pode ser considerado como seções diferentes:

1. Utilitários – O lado esquerdo da barra de ferramentas dá aos animadores acesso rápido a todos os widgets que são essenciais para seu fluxo de trabalho; controles de transporte (botões anterior, reproduzir/pausar, parar e próximo), um contador de quadros, controles de pré-visualização (velocidade e descarte de quadros), botões para adicionar e remover quadros-chave escalares, botões para alterar o modo de interpolação e o modo tangente do quadro-chave selecionado, uma caixa para definir o quadro-chave selecionado para um valor específico, bem como botões para ajudar a ampliar e navegar na visualização do gráfico principal.

2. Configurações – Embora todos os controles de alto tráfego sejam apresentados diretamente, a extremidade direita da barra de ferramentas também contém botões para abrir submenus para coisas como cascas de cebola e configurações que você geralmente pode definir e esquecer (por exemplo, intervalo de reprodução, taxa de quadros e modo de chave automática).

3. Lista de canais — Esta área mostra os vários canais da camada atual que estão sendo animados no painel de curvas de animação. Cada canal independente é associado a uma cor exclusiva e sua visibilidade na visualização do gráfico pode ser alterada clicando no ícone do globo ocular.

4. Visualização de gráfico – Por último, mas não menos importante, temos a visualização de gráfico, o grande gráfico de valores e tempos que usamos para animar o valor dos parâmetros ao longo do tempo. Quando um quadro-chave é adicionado ao canal atual no momento atual, ele aparecerá como um círculo colorido dentro da visualização do gráfico. Após clicar no quadro-chave para selecioná-lo, você pode alterar o valor arrastando o círculo verticalmente ou inserindo um valor específico na caixa de valor na barra de ferramentas. Da mesma forma, você pode alterar o tempo do quadro selecionado arrastando-o horizontalmente. Por fim, quando o quadro-chave selecionado estiver usando interpolação de curva de Bézier, selecioná-lo fará com que uma ou mais alças de curva apareçam, que podem ser usadas para alterar o formato da curva de interpolação ao longo do tempo.

Animando a opacidade

A partir do Krita 5, podemos usar o painel de curvas de animação para animar a opacidade de uma camada e, com a ajuda de uma máscara de transformação, sua posição, rotação, escala e inclinação.

Aviso

Embora o design seja bem parecido com o Painel de linha do tempo da animação, o painel de curvas de animação pode ser um pouco confuso ou intimidador quando você o abre pela primeira vez, principalmente se você nunca fez animação digital antes.

Vamos primeiro dar uma olhada em como animar a opacidade de uma camada:

Digamos que você queira animar algo como uma nuvem de poeira em expansão que gradualmente se torna mais transparente à medida que se dissipa, ou talvez um fantasma assustador que parece se materializar do nada. Esses tipos de efeitos são bem difíceis de obter apenas com desenhos animados tradicionalmente, e é exatamente aí que o painel de curvas de animação pode entrar.

Após selecionar a camada cuja opacidade deseja animar, você precisa selecionar o tempo do quadro em que deseja que a opacidade comece a mudar clicando em algum lugar no cabeçalho de tempo do quadro na parte superior da visualização do gráfico. Assim como no docker_timeline, podemos clicar e arrastar em qualquer lugar no cabeçalho de tempo para “deslizar” pela animação e visualizar os resultados.

Em seguida, criamos nosso primeiro quadro-chave escalar clicando no botão adicionar quadro-chave na barra de título do painel.

Ao fazer isso, você notará duas coisas acontecendo. Primeiro, um novo canal de opacidade aparecerá na lista de canais no lado esquerdo, ao lado de uma marca colorida associada à cor dos quadros-chave e curvas na visualização de gráfico. Segundo, um único quadro-chave aparecerá em algum lugar dentro da visualização de gráfico no momento ativo.

É claro que é preciso mais do que um único ponto para formar uma linha ou curva, então temos um pouco mais de trabalho a fazer.

Assim como no nosso primeiro quadro-chave, precisamos criar um segundo quadro-chave. Vamos alterar o tempo do quadro ativo novamente (clicando ou deslizando o dedo sobre o cabeçalho de tempo) e adicionar outro quadro-chave nesse novo tempo (clicando no botão adicionar quadro-chave). Como esperado, um segundo quadro-chave apareceu no novo tempo e uma linha reta apareceu entre eles.

Com o tempo ativo ainda sobre o nosso novo quadro-chave, você verá que, ao alterar o controle deslizante de opacidade acima do Camadas, o novo quadro-chave que criamos se moverá para cima e para baixo. Da mesma forma, mover o quadro-chave para cima e para baixo fará com que a opacidade naquele momento mude.

E assim, quando você pressionar o botão de reprodução, você verá a opacidade da camada se alterar ao longo do tempo!

Aviso

Ao contrário dos métodos tradicionais, a animação com curvas pode fazer com que os valores mudem em cada quadro da animação. Isso pode exigir mais do seu computador e fazer com que o processo de cache demore um pouco mais, pois calcula e armazena cada quadro.

Antes de prosseguirmos, vamos usar curvas de interpolação em vez de uma linha reta para alterar o tempo e a sensação geral da nossa animação de opacidade.

Se você selecionar o primeiro quadro-chave (o do lado esquerdo) do seu segmento de reta e clicar no botão interpolação da curva de Bézier na seção de utilitários da barra de título, notará que o quadro-chave aparecerá como um círculo vazio na visualização do gráfico. Esse círculo vazio é uma alça e, clicando nele e arrastando em direções diferentes, você pode alterar o arco da curva entre os dois quadros-chave.

Da mesma forma, você pode clicar no botão interpolação linear para transformar sua curva novamente em uma linha, ou no botão constante para desativar completamente a interpolação, fazendo com que os valores saltem repentinamente entre os quadros-chave.

Nota

É importante estar ciente de qual quadro de animação está selecionado e ativo, conforme mostrado pela linha vertical destacada na visualização do gráfico. O quadro-chave que muda conforme você faz ajustes em outras partes do programa sempre dependerá do tempo do quadro ativo!

Ok, é um pouco difícil de escrever… Mas não é tão ruim quando você pega o jeito!

Animando máscaras de transformação

Agora vamos falar um pouco sobre como podemos usar Máscaras de transformação para animar a posição, rotação, escala e inclinação da nossa camada para efeitos de “interpolação”:

Animar uma máscara de transformação é muito parecido com animar a opacidade, mas primeiro precisamos adicionar uma máscara de transformação. (Você pode fazer isso clicando com o botão direito do mouse na camada que deseja animar e, em seguida, Adicionar ‣ Máscara de transformação.)

As máscaras de transformação nos permitem transformar (transladar, girar, dimensionar ou distorcer) a camada à qual estão anexadas, sem afetar sua posição original. E (a partir do Krita 5) elas também nos permitem animar a transformação de uma camada!

Assim como animamos a opacidade acima, precisamos adicionar nosso primeiro quadro-chave de transformação. Para isso, primeiro certifique-se de que a máscara de transformação da sua camada esteja selecionada e, em seguida, clique no botão adicionar quadro-chave na parte superior do painel.

Aviso

Lembre-se (a partir do Krita 5.0) só podemos animar diretamente a curva de opacidade de uma camada. Para animar a posição, rotação, escala e inclinação de uma camada, precisamos anexar uma máscara de transformação e animá-la.

Dessa forma, quando você tiver uma camada de pintura regular selecionada, o painel de curvas de animação adicionará automaticamente quadros-chave de opacidade, e quando você tiver uma máscara de transformação selecionada, o painel de curvas de animação adicionará automaticamente quadros-chave de transformação.

Tente sempre ter em mente que tipo de camada você selecionou ao animar curvas no Krita!

Você deverá ver vários canais aparecerem na lista de canais, cada um com um nome e cor exclusivos, bem como um número de quadros-chave correspondentes.

Se desejar, você pode editar esses quadros-chave diretamente na visualização do gráfico, mas provavelmente é mais intuitivo fazer isso diretamente na tela. Agora, ao usar a ferramenta de transformação em suas Máscaras de transformação, você deverá ver os vários quadros-chave de cada canal se movendo na visualização do gráfico para refletir as alterações.

Dica

Animar uma máscara de transformação gera muitos canais, mas, dependendo dos seus objetivos, você pode querer trabalhar apenas com um pequeno número deles por vez. Ocultar e colocar em solo canais na lista de canais pode facilitar muito a visualização e a edição de curvas, especialmente porque você pode usar os botões zoom para canal e zoom para curva na parte superior do painel para ajustar a visualização do gráfico aos canais visíveis no momento.

Navegar clicando e arrastando nas barras de rolagem com zoom e no cabeçalho de valores (no lado esquerdo da visualização do gráfico) também pode ajudar muito na edição de curvas!

Por fim, clique ou deslize para um tempo de quadro diferente, adicione outro quadro-chave e use a ferramenta de transformação na mesma máscara de transformação novamente.

Pressione o botão de reprodução e (depois de um pouco de cache) pronto, você terá uma camada com uma máscara de transformação animada!

Controles

1. Lista de canais

   • no ícone do olho: Alterna entre mostrar/ocultar canal.

   • Shift + no ícone do olho: Canal solo.

   • : Abre o menu de contexto da camada ou do canal. [Redefinir canal(is)]

2. Visualização do gráfico

   • : Selecione quadro-chave.

   • + arrastar : Move quadro(s).

   • Clique duplo no : Seleciona todos os quadros-chave de uma vez.

   • Alt + clique duplo no : Seleciona todos os quadros-chave do canal.

   • Espaço + : Deslocamento.

   • Espaço + : Zoom.

3. Cabeçalho de tempo do quadro

   • : Mover para o tempo e selecionar o quadro da camada ativa.

   • + arrastar : Percorre o tempo e seleciona o quadro da camada ativa.

4. Cabeçalho de valor

   • + arrastar : Zoom na visualização do gráfico.

   • Espaço + + arrastar : Deslocamento da visualização do gráfico.